-
+
+
diff --git a/sites/docs/src/lib/components/docs/page-header/page-header-description.svelte b/sites/docs/src/lib/components/docs/page-header/page-header-description.svelte
index 93e6b5f17..2da337cbf 100644
--- a/sites/docs/src/lib/components/docs/page-header/page-header-description.svelte
+++ b/sites/docs/src/lib/components/docs/page-header/page-header-description.svelte
@@ -1,19 +1,16 @@
-
+
diff --git a/sites/docs/src/lib/components/docs/page-header/page-header-heading.svelte b/sites/docs/src/lib/components/docs/page-header/page-header-heading.svelte
index 716ce066e..3f173bf75 100644
--- a/sites/docs/src/lib/components/docs/page-header/page-header-heading.svelte
+++ b/sites/docs/src/lib/components/docs/page-header/page-header-heading.svelte
@@ -1,16 +1,19 @@
-
+
diff --git a/sites/docs/src/lib/components/docs/page-header/page-header.svelte b/sites/docs/src/lib/components/docs/page-header/page-header.svelte
index 73876d54e..7aae4968e 100644
--- a/sites/docs/src/lib/components/docs/page-header/page-header.svelte
+++ b/sites/docs/src/lib/components/docs/page-header/page-header.svelte
@@ -1,16 +1,19 @@
diff --git a/sites/docs/src/lib/config/docs.ts b/sites/docs/src/lib/config/docs.ts
index 241b553e0..96d45171e 100644
--- a/sites/docs/src/lib/config/docs.ts
+++ b/sites/docs/src/lib/config/docs.ts
@@ -15,6 +15,14 @@ export const docsConfig: DocsConfig = {
title: "Components",
href: "/docs/components/accordion",
},
+ {
+ title: "Blocks",
+ href: "/blocks",
+ },
+ {
+ title: "Charts",
+ href: "/charts",
+ },
{
title: "Themes",
href: "/themes",
@@ -23,10 +31,6 @@ export const docsConfig: DocsConfig = {
title: "Examples",
href: "/examples/dashboard",
},
- {
- title: "Blocks",
- href: "/blocks",
- },
{
title: "Colors",
href: "/colors",
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-area-axes.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-axes.svelte
new file mode 100644
index 000000000..56a6b9eeb
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-axes.svelte
@@ -0,0 +1,93 @@
+
+
+
+
+ Area Chart - Axes
+ Showing total visitors for the last 6 months
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-area-default.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-default.svelte
new file mode 100644
index 000000000..01247e82a
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-default.svelte
@@ -0,0 +1,84 @@
+
+
+
+
+ Area Chart
+ Showing total visitors for the last 6 months
+
+
+
+ "" },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-area-gradient.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-gradient.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-area-icons.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-icons.svelte
new file mode 100644
index 000000000..bdbb60686
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-icons.svelte
@@ -0,0 +1,95 @@
+
+
+
+
+ Area Chart - Icons
+ Showing total visitors for the last 6 months
+
+
+
+ "" },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-area-interactive.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-interactive.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-area-legend.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-legend.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-area-linear.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-linear.svelte
new file mode 100644
index 000000000..51e91082a
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-linear.svelte
@@ -0,0 +1,79 @@
+
+
+
+
+ Area Chart - Linear
+ Showing total visitors for the last 6 months
+
+
+
+ "" },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-area-stacked-expand.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-stacked-expand.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-area-stacked.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-stacked.svelte
new file mode 100644
index 000000000..18334b15a
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-stacked.svelte
@@ -0,0 +1,93 @@
+
+
+
+
+ Area Chart - Stacked
+ Showing total visitors for the last 6 months
+
+
+
+ "" },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-area-step.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-step.svelte
new file mode 100644
index 000000000..55fc034e2
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-area-step.svelte
@@ -0,0 +1,81 @@
+
+
+
+
+ Area Chart - Step
+ Showing total visitors for the last 6 months
+
+
+
+ "" },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-multiple.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-multiple.svelte
new file mode 100644
index 000000000..a83fa541e
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-multiple.svelte
@@ -0,0 +1,78 @@
+
+
+
+
+ Bar Chart - Multiple
+ January - June 2024
+
+
+
+ d.slice(0, 3) },
+ // yAxis: { format: () => "" },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ Showing total visitors for the last 6 months
+
+
+
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-pie-donut-text.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-pie-donut-text.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/index.ts b/sites/docs/src/lib/registry/new-york/block/charts/index.ts
new file mode 100644
index 000000000..6cded8220
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/block/charts/index.ts
@@ -0,0 +1,14 @@
+export { default as ChartAreaDefault } from "./chart-area-default.svelte";
+export { default as ChartAreaLinear } from "./chart-area-linear.svelte";
+export { default as ChartAreaStep } from "./chart-area-step.svelte";
+export { default as ChartAreaLegend } from "./chart-area-legend.svelte";
+export { default as ChartAreaStacked } from "./chart-area-stacked.svelte";
+export { default as ChartAreaStackedExpand } from "./chart-area-stacked-expand.svelte";
+export { default as ChartAreaIcons } from "./chart-area-icons.svelte";
+export { default as ChartAreaGradient } from "./chart-area-gradient.svelte";
+export { default as ChartAreaAxes } from "./chart-area-axes.svelte";
+export { default as ChartAreaInteractive } from "./chart-area-interactive.svelte";
+
+export { default as ChartBarMultiple } from "./chart-bar-multiple.svelte";
+
+export { default as ChartPieDonutText } from "./chart-pie-donut-text.svelte";
diff --git a/sites/docs/src/lib/registry/new-york/ui/chart/chart-container.svelte b/sites/docs/src/lib/registry/new-york/ui/chart/chart-container.svelte
new file mode 100644
index 000000000..5b79909fe
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/ui/chart/chart-container.svelte
@@ -0,0 +1,31 @@
+
+
+
+
+
diff --git a/sites/docs/src/lib/registry/new-york/ui/chart/chart-legend.svelte b/sites/docs/src/lib/registry/new-york/ui/chart/chart-legend.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/docs/src/lib/registry/new-york/ui/chart/chart-tooltip.svelte b/sites/docs/src/lib/registry/new-york/ui/chart/chart-tooltip.svelte
new file mode 100644
index 000000000..67282a4ce
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/ui/chart/chart-tooltip.svelte
@@ -0,0 +1,83 @@
+
+
+{#if itemConfig}
+
+ {#if !hideLabel}
+ {tooltipLabel}
+ {/if}
+
+ {#each itemConfig as item}
+
svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
+ indicator === "dot" && "items-center"
+ )}
+ >
+ {#if item?.icon}
+
+ {:else if !hideIndicator}
+
+ {/if}
+
+
+
+ {item?.label}
+
+
+
+ {item?.value}
+
+
+
+ {/each}
+
+
+{/if}
diff --git a/sites/docs/src/lib/registry/new-york/ui/chart/index.ts b/sites/docs/src/lib/registry/new-york/ui/chart/index.ts
new file mode 100644
index 000000000..427afb730
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/ui/chart/index.ts
@@ -0,0 +1,56 @@
+import type { Icon } from "lucide-svelte";
+import type { ComponentType } from "svelte";
+import ChartContainer from "./chart-container.svelte";
+import ChartLegend from "./chart-legend.svelte";
+import ChartTooltip from "./chart-tooltip.svelte";
+
+export const THEMES = { light: "", dark: ".dark" } as const;
+
+export type ChartConfig = {
+ [k in string]: {
+ label?: string;
+ icon?: ComponentType
;
+ } & (
+ | { color?: string; theme?: never }
+ | { color?: never; theme: Record }
+ );
+};
+
+// Helper to extract item config from a payload.
+export function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown) {
+ // Ensure the payload is an object
+ if (typeof payload === "object" && payload !== null) {
+ // Get all the keys in the payload dynamically
+ const payloadKeys = Object.keys(payload);
+
+ // Loop over the keys from the payload
+ return payloadKeys
+ .map((key) => {
+ const itemValue = (payload as Record)[key];
+ const itemConfig = config[key];
+
+ // Return the config merged with the value if the config exists for this key
+ if (itemConfig) {
+ return {
+ ...itemConfig, // chartConfig properties (label, color, etc.)
+ value: itemValue, // payload value
+ };
+ }
+ // If there's no config for the key, return undefined or skip it
+ return undefined;
+ })
+ .filter(Boolean); // Filter out undefined values
+ }
+
+ // Return undefined if the payload is invalid
+ return undefined;
+}
+
+export {
+ ChartContainer,
+ ChartContainer as Container,
+ ChartLegend,
+ ChartLegend as Legend,
+ ChartTooltip,
+ ChartTooltip as Tooltip,
+};
diff --git a/sites/docs/src/routes/(app)/charts/+layout.svelte b/sites/docs/src/routes/(app)/charts/+layout.svelte
new file mode 100644
index 000000000..1fa89e6c0
--- /dev/null
+++ b/sites/docs/src/routes/(app)/charts/+layout.svelte
@@ -0,0 +1,22 @@
+
+
+
+
+
+ Beautiful Charts
+
+ Built using LayerChart. Copy and paste into your apps. Open Source.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/sites/docs/src/styles/globals.css b/sites/docs/src/styles/globals.css
index 8fdd86195..a8183c333 100644
--- a/sites/docs/src/styles/globals.css
+++ b/sites/docs/src/styles/globals.css
@@ -34,6 +34,12 @@
--ring: 240 5% 64.9%;
--radius: 0.5rem;
+
+ --chart-1: 173 58% 39%;
+ --chart-2: 12 76% 61%;
+ --chart-3: 197 37% 24%;
+ --chart-4: 43 74% 66%;
+ --chart-5: 27 87% 67%;
}
.dark {
@@ -65,6 +71,12 @@
--destructive-foreground: 0 85.7% 97.3%;
--ring: 240 3.7% 48%;
+
+ --chart-1: 220 70% 50%;
+ --chart-2: 340 75% 55%;
+ --chart-3: 30 80% 55%;
+ --chart-4: 280 65% 60%;
+ --chart-5: 160 60% 45%;
}
}
@layer base {
From ba15c22def94de289be97ccf3644fe776b4e435e Mon Sep 17 00:00:00 2001
From: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>
Date: Wed, 25 Sep 2024 14:54:18 +0200
Subject: [PATCH 02/27] chore: update page headers
---
.../lib/components/colors/color-card.svelte | 2 +-
.../theme-customizer/copy-code-button.svelte | 2 +-
.../theme-customizer/theme-customizer.svelte | 68 +------------------
sites/docs/src/routes/(app)/+page.svelte | 23 +++----
.../src/routes/(app)/blocks/+layout.svelte | 11 +--
.../docs/src/routes/(app)/colors/+page.svelte | 32 ++++-----
.../src/routes/(app)/examples/+layout.svelte | 10 +--
.../docs/src/routes/(app)/themes/+page.svelte | 8 +--
8 files changed, 45 insertions(+), 111 deletions(-)
diff --git a/sites/docs/src/lib/components/colors/color-card.svelte b/sites/docs/src/lib/components/colors/color-card.svelte
index 18ea97ab1..04985b583 100644
--- a/sites/docs/src/lib/components/colors/color-card.svelte
+++ b/sites/docs/src/lib/components/colors/color-card.svelte
@@ -18,7 +18,7 @@
}
-
+
Choose color format to copy:
diff --git a/sites/docs/src/lib/components/docs/theme-customizer/copy-code-button.svelte b/sites/docs/src/lib/components/docs/theme-customizer/copy-code-button.svelte
index 652b3ea1d..a1d8a7a39 100644
--- a/sites/docs/src/lib/components/docs/theme-customizer/copy-code-button.svelte
+++ b/sites/docs/src/lib/components/docs/theme-customizer/copy-code-button.svelte
@@ -15,7 +15,7 @@
{#if activeTheme}
-
+
diff --git a/sites/docs/src/lib/components/docs/theme-customizer/theme-customizer.svelte b/sites/docs/src/lib/components/docs/theme-customizer/theme-customizer.svelte
index fae14e4ae..0b6d0dafc 100644
--- a/sites/docs/src/lib/components/docs/theme-customizer/theme-customizer.svelte
+++ b/sites/docs/src/lib/components/docs/theme-customizer/theme-customizer.svelte
@@ -1,74 +1,15 @@
-
-
- {#each colors as color (color)}
- {@const theme = themes.find((theme) => theme.name === color)}
- {@const isActive = $config.theme === color}
- {#if theme}
-
-
-
-
-
- {theme.label}
-
-
- {/if}
- {/each}
-
+
-
+
@@ -78,10 +19,7 @@
-
+
Build your component library
-
- Beautifully designed components that you can copy and paste into your apps. Accessible.
- Customizable. Open Source.
+
+ Beautifully designed components that you can copy and paste into your apps.
This is an unofficial port of @shadcn.
-
+
+
-
+
- Building Blocks for the Web
+ Building Blocks for the Web
- Beautifully designed. Copy and paste into your apps. Open source.
+ Beautifully designed. Copy and paste into your apps. Open Source.
-
+
diff --git a/sites/docs/src/routes/(app)/colors/+page.svelte b/sites/docs/src/routes/(app)/colors/+page.svelte
index dc399a595..594489faf 100644
--- a/sites/docs/src/routes/(app)/colors/+page.svelte
+++ b/sites/docs/src/routes/(app)/colors/+page.svelte
@@ -2,6 +2,7 @@
import { Announcement, ThemeWrapper } from "$lib/components/docs/index.js";
import * as PageHeader from "$lib/components/docs/page-header/index.js";
import ColorCard from "$lib/components/colors/color-card.svelte";
+ import { Button } from "$lib/registry/new-york/ui/button/index.js";
@@ -17,22 +18,19 @@
-
-
-
-
- Tailwind Colors
- Tailwind Colors
-
- Tailwind CSS colors in HSL, RGB, and HEX formats.
-
-
-
-
-
+
+
+
+ Tailwind Colors
+
+ Tailwind CSS colors in HSL, RGB, and HEX formats.
+
+
+
+
+
+
+
-
+
diff --git a/sites/docs/src/routes/(app)/examples/+layout.svelte b/sites/docs/src/routes/(app)/examples/+layout.svelte
index d1259aff7..d8bd7cdf7 100644
--- a/sites/docs/src/routes/(app)/examples/+layout.svelte
+++ b/sites/docs/src/routes/(app)/examples/+layout.svelte
@@ -1,7 +1,7 @@
@@ -13,10 +13,10 @@
Dashboard, cards, authentication. Some examples built using the components. Use this as
a guide to build your own.
-
-
-
-
+
+
+
+
diff --git a/sites/docs/src/routes/(app)/themes/+page.svelte b/sites/docs/src/routes/(app)/themes/+page.svelte
index b288b85ef..5ba5025f1 100644
--- a/sites/docs/src/routes/(app)/themes/+page.svelte
+++ b/sites/docs/src/routes/(app)/themes/+page.svelte
@@ -24,18 +24,18 @@
defaultTheme="zinc"
class="relative flex flex-col items-start md:flex-row md:items-center"
>
-
+
Add colors. Make it yours.
- Make it yours.
+ Make it yours
Hand-picked themes that you can copy and paste into your apps.
-
+
From f91c73270cbe5a4c172f08e0ec9ca634d4ae2e35 Mon Sep 17 00:00:00 2001
From: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>
Date: Wed, 25 Sep 2024 14:56:41 +0200
Subject: [PATCH 03/27] make sure to pick up/apply layerchart styles (thanks
@techniq)
---
sites/docs/tailwind.config.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/sites/docs/tailwind.config.js b/sites/docs/tailwind.config.js
index 698e0de5d..a2f18d138 100644
--- a/sites/docs/tailwind.config.js
+++ b/sites/docs/tailwind.config.js
@@ -3,7 +3,7 @@ import { fontFamily } from "tailwindcss/defaultTheme";
/** @type {import('tailwindcss').Config} */
const config = {
darkMode: ["class"],
- content: ["./src/**/*.{html,js,svelte,ts}"],
+ content: ["./src/**/*.{html,js,svelte,ts}", "./node_modules/layerchart/**/*.{svelte,js}"],
safelist: ["dark"],
theme: {
container: {
From 6c33d679c01dd18757e049ede2e0b876f0e293de Mon Sep 17 00:00:00 2001
From: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>
Date: Wed, 25 Sep 2024 15:30:06 +0200
Subject: [PATCH 04/27] setup bars + add default example
---
.../src/lib/components/docs/charts-nav.svelte | 14 ++--
.../block/charts/chart-bar-active.svelte | 0
.../block/charts/chart-bar-default.svelte | 71 +++++++++++++++++++
.../block/charts/chart-bar-horizontal.svelte | 0
.../block/charts/chart-bar-interactive.svelte | 0
.../block/charts/chart-bar-label.svelte | 0
.../charts/chart-bar-lablel-custom.svelte | 0
.../block/charts/chart-bar-mixed.svelte | 0
.../block/charts/chart-bar-multiple.svelte | 2 +-
.../block/charts/chart-bar-negative.svelte | 0
.../block/charts/chart-bar-stacked.svelte | 0
.../registry/new-york/block/charts/index.ts | 9 +++
.../docs/src/routes/(app)/charts/+page.svelte | 45 +++++++++++-
13 files changed, 132 insertions(+), 9 deletions(-)
create mode 100644 sites/docs/src/lib/registry/new-york/block/charts/chart-bar-active.svelte
create mode 100644 sites/docs/src/lib/registry/new-york/block/charts/chart-bar-default.svelte
create mode 100644 sites/docs/src/lib/registry/new-york/block/charts/chart-bar-horizontal.svelte
create mode 100644 sites/docs/src/lib/registry/new-york/block/charts/chart-bar-interactive.svelte
create mode 100644 sites/docs/src/lib/registry/new-york/block/charts/chart-bar-label.svelte
create mode 100644 sites/docs/src/lib/registry/new-york/block/charts/chart-bar-lablel-custom.svelte
create mode 100644 sites/docs/src/lib/registry/new-york/block/charts/chart-bar-mixed.svelte
create mode 100644 sites/docs/src/lib/registry/new-york/block/charts/chart-bar-negative.svelte
create mode 100644 sites/docs/src/lib/registry/new-york/block/charts/chart-bar-stacked.svelte
diff --git a/sites/docs/src/lib/components/docs/charts-nav.svelte b/sites/docs/src/lib/components/docs/charts-nav.svelte
index 52c32e264..9a8ddf54d 100644
--- a/sites/docs/src/lib/components/docs/charts-nav.svelte
+++ b/sites/docs/src/lib/components/docs/charts-nav.svelte
@@ -12,31 +12,31 @@
const links = [
{
name: "Area Chart",
- href: "/#area-chart",
+ href: "/charts#area-chart",
},
{
name: "Bar Chart",
- href: "/#bar-chart",
+ href: "/charts#bar-chart",
},
{
name: "Line Chart",
- href: "/#line-chart",
+ href: "/charts#line-chart",
},
{
name: "Pie Chart",
- href: "/#pie-chart",
+ href: "/charts#pie-chart",
},
{
name: "Radar Chart",
- href: "/#radar-chart",
+ href: "/charts#radar-chart",
},
{
name: "Radial Chart",
- href: "/#radial-chart",
+ href: "/charts#radial-chart",
},
{
name: "Tooltip",
- href: "/#tooltip",
+ href: "/charts#tooltip",
},
];
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-active.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-active.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-default.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-default.svelte
new file mode 100644
index 000000000..805e3988e
--- /dev/null
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-default.svelte
@@ -0,0 +1,71 @@
+
+
+
+
+ Bar Chart
+ January - June 2024
+
+
+
+ d.slice(0, 3) },
+ yAxis: { format: () => "" },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ Showing total visitors for the last 6 months
+
+
+
@@ -62,6 +62,49 @@
+
+
+
+
+
+
From 6c38f6dd7a31c68960ef0fba5a5d52471dc26727 Mon Sep 17 00:00:00 2001
From: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>
Date: Wed, 25 Sep 2024 15:47:08 +0200
Subject: [PATCH 05/27] Bar Chart - Horizontal
---
.../block/charts/chart-bar-default.svelte | 8 +--
.../block/charts/chart-bar-horizontal.svelte | 67 +++++++++++++++++++
2 files changed, 68 insertions(+), 7 deletions(-)
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-default.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-default.svelte
index 805e3988e..3308f0926 100644
--- a/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-default.svelte
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-default.svelte
@@ -34,7 +34,6 @@
xScale={scaleBand().padding(0.2)}
x="month"
series={[{ key: "desktop", label: "Desktop", color: chartConfig.desktop.color }]}
- seriesLayout="group"
props={{
bars: { stroke: "none", radius: 8 },
highlight: { area: { fill: "none" } },
@@ -45,12 +44,7 @@
-
+
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-horizontal.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-horizontal.svelte
index e69de29bb..36a676020 100644
--- a/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-horizontal.svelte
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-bar-horizontal.svelte
@@ -0,0 +1,67 @@
+
+
+
+
+ Bar Chart - Horizontal
+ January - June 2024
+
+
+
+ "", grid: false },
+ yAxis: { format: (d) => d.slice(0, 3) },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ Showing total visitors for the last 6 months
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ Showing total visitors for the last 6 months
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ Showing total visitors for the last 6 months
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ Showing total visitors for the last 6 months
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ Showing total visitors for the last 6 months
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
+
+
From 995975e8cc67c9227912c40238a0748971b656cc Mon Sep 17 00:00:00 2001
From: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>
Date: Wed, 25 Sep 2024 18:01:12 +0200
Subject: [PATCH 11/27] Line Chart - Multiple
---
.../block/charts/chart-line-multiple.svelte | 82 +++++++++++++++++++
1 file changed, 82 insertions(+)
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-line-multiple.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-line-multiple.svelte
index e69de29bb..b01bea630 100644
--- a/sites/docs/src/lib/registry/new-york/block/charts/chart-line-multiple.svelte
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-line-multiple.svelte
@@ -0,0 +1,82 @@
+
+
+
+
+ Line Chart - Multiple
+ Showing total visitors for the last 6 months
+
+
+
+ "" },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
From dc3a34402d42e86bd7dd7fe33fb8ca2170cd2091 Mon Sep 17 00:00:00 2001
From: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>
Date: Wed, 25 Sep 2024 18:02:55 +0200
Subject: [PATCH 12/27] Line Chart - Dots
---
.../block/charts/chart-line-dots.svelte | 74 +++++++++++++++++++
1 file changed, 74 insertions(+)
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-line-dots.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-line-dots.svelte
index e69de29bb..78e36345d 100644
--- a/sites/docs/src/lib/registry/new-york/block/charts/chart-line-dots.svelte
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-line-dots.svelte
@@ -0,0 +1,74 @@
+
+
+
+
+ Line Chart - Dots
+ Showing total visitors for the last 6 months
+
+
+
+ "" },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
From 8544970af8c25ee117ddb559e20f7ce15e3d10a3 Mon Sep 17 00:00:00 2001
From: Davis SHYAKA <87414827+davis-shyaka@users.noreply.github.com>
Date: Wed, 25 Sep 2024 18:07:46 +0200
Subject: [PATCH 13/27] Line Chart - Label
---
.../block/charts/chart-line-dots.svelte | 1 +
.../block/charts/chart-line-label.svelte | 76 +++++++++++++++++++
2 files changed, 77 insertions(+)
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-line-dots.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-line-dots.svelte
index 78e36345d..7778727af 100644
--- a/sites/docs/src/lib/registry/new-york/block/charts/chart-line-dots.svelte
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-line-dots.svelte
@@ -51,6 +51,7 @@
yAxis: { format: () => "" },
}}
>
+
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-line-label.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-line-label.svelte
index e69de29bb..a4a70a11d 100644
--- a/sites/docs/src/lib/registry/new-york/block/charts/chart-line-label.svelte
+++ b/sites/docs/src/lib/registry/new-york/block/charts/chart-line-label.svelte
@@ -0,0 +1,76 @@
+
+
+
+
+ Line Chart - Label
+ Showing total visitors for the last 6 months
+
+
+
+ "" },
+ }}
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Trending up by 5.2% this month
+
+
+ January - June 2024
+
+
+
+ Trending up by 5.2% this month
+
+
+ Showing total visitors for the last 6 months
+
+
+
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/chart-pie-stacked.svelte b/sites/docs/src/lib/registry/new-york/block/charts/chart-pie-stacked.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/sites/docs/src/lib/registry/new-york/block/charts/index.ts b/sites/docs/src/lib/registry/new-york/block/charts/index.ts
index 075ae762d..68b9b0a8c 100644
--- a/sites/docs/src/lib/registry/new-york/block/charts/index.ts
+++ b/sites/docs/src/lib/registry/new-york/block/charts/index.ts
@@ -31,4 +31,14 @@ export { default as ChartLineLabel } from "./chart-line-label.svelte";
export { default as ChartLineLabelCustom } from "./chart-line-label-custom.svelte";
export { default as ChartLineInteractive } from "./chart-line-interactive.svelte";
+export { default as ChartPieSimple } from "./chart-pie-simple.svelte";
+export { default as ChartPieSeparatorNone } from "./chart-pie-separator-none.svelte";
+export { default as ChartPieLabel } from "./chart-pie-label.svelte";
+export { default as ChartPieLabelCustom } from "./chart-pie-label-custom.svelte";
+export { default as ChartPieLabelList } from "./chart-pie-label-list.svelte";
+export { default as ChartPieLegend } from "./chart-pie-legend.svelte";
+export { default as ChartPieDonut } from "./chart-pie-donut.svelte";
+export { default as ChartPieDonutActive } from "./chart-pie-donut-active.svelte";
export { default as ChartPieDonutText } from "./chart-pie-donut-text.svelte";
+export { default as ChartPieStacked } from "./chart-pie-stacked.svelte";
+export { default as ChartPieInteractive } from "./chart-pie-interactive.svelte";
diff --git a/sites/docs/src/routes/(app)/charts/+page.svelte b/sites/docs/src/routes/(app)/charts/+page.svelte
index 261199930..ab8cf912a 100644
--- a/sites/docs/src/routes/(app)/charts/+page.svelte
+++ b/sites/docs/src/routes/(app)/charts/+page.svelte
@@ -144,6 +144,46 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+