erp-pro-ui 0.1.9 → 0.2.0

package/dist/components/data-display/chip/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/chip/Chip.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AACnE,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AACX,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,WAAW,SAAS;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AA4FD,QAAA,MAAM,IAAI,uGAqHT,CAAC;AAIF,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/chip/Chip.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AACnE,MAAM,MAAM,SAAS,GACjB,SAAS,GACT,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AACX,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,SAAS;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AA+FD,QAAA,MAAM,IAAI,uGAqHT,CAAC;AAIF,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/data-display/color-palette/ColorPalette.d.ts

@@ -1,23 +1,31 @@
-export interface ColorSwatch {
-    name: string;
-    value: string;
-    textColor?: "light" | "dark";
+export interface TokenSwatch {
+    /** Tailwind class displayed as the main label, e.g. "bg-ds-surface-1" */
+    twClass: string;
+    /** Underlying CSS variable, e.g. "var(--ds-surface-1)" */
+    cssVar: string;
+    /** Short role description */
+    role: string;
+    /** Hint for readable label on the swatch itself */
+    textOnColor?: "light" | "dark" | "auto";
 }
-export interface ColorGroup {
+export interface TokenGroup {
+    /** Section heading */
     name: string;
-    colors: ColorSwatch[];
+    swatches: TokenSwatch[];
 }
 export interface ColorPaletteProps {
-    groups?: ColorGroup[];
-    theme?: "light" | "dark" | "all";
-    showGradients?: boolean;
-    showUsageExamples?: boolean;
+    /** Override the built-in groups with custom data */
+    groups?: TokenGroup[];
     className?: string;
 }
-declare const lightThemeGroups: ColorGroup[];
-declare const darkThemeGroups: ColorGroup[];
-declare const gradientGroups: ColorGroup[];
-declare const defaultGroups: ColorGroup[];
-export default function ColorPalette({ groups, theme, showGradients, showUsageExamples, className, }: ColorPaletteProps): import("react/jsx-runtime").JSX.Element;
-export { lightThemeGroups, darkThemeGroups, gradientGroups, defaultGroups };
+export declare const surfaceGroup: TokenGroup;
+export declare const textGroup: TokenGroup;
+export declare const borderGroup: TokenGroup;
+export declare const accentGroup: TokenGroup;
+export declare const accentScaleGroup: TokenGroup;
+export declare const brandGroup: TokenGroup;
+export declare const statusGroup: TokenGroup;
+export declare const defaultGroups: TokenGroup[];
+export default function ColorPalette({ groups, className }: ColorPaletteProps): import("react/jsx-runtime").JSX.Element;
+export { ColorPalette };
 //# sourceMappingURL=ColorPalette.d.ts.map

package/dist/components/data-display/color-palette/ColorPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPalette.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/color-palette/ColorPalette.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,EAAE,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,EAAE,UAAU,EAiJjC,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,UAAU,EAqJhC,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,UAAU,EAuD/B,CAAC;AAGF,QAAA,MAAM,aAAa,EAAE,UAAU,EAAqB,CAAC;AA8NrD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,KAAa,EACb,aAAoB,EACpB,iBAAwB,EACxB,SAAS,GACV,EAAE,iBAAiB,2CAiFnB;AAGD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"ColorPalette.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/color-palette/ColorPalette.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,WAAW;IAC1B,yEAAyE;IACzE,OAAO,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,MAAM,EAAE,MAAM,CAAC;IACf,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CACzC;AAED,MAAM,WAAW,UAAU;IACzB,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,iBAAiB;IAChC,oDAAoD;IACpD,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,eAAO,MAAM,YAAY,EAAE,UAS1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,UAQvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,UASzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,UAOzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,UAc9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,UAQxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,UAQzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,UAAU,EAQrC,CAAC;AAsEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAmB5E;AAED,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/data-display/color-palette/index.d.ts

@@ -1,3 +1,4 @@
 export { default as ColorPalette } from './ColorPalette';
-export type { ColorPaletteProps, ColorGroup, ColorSwatch, } from './ColorPalette';
+export type { ColorPaletteProps, TokenGroup, TokenSwatch, } from './ColorPalette';
+export { surfaceGroup, textGroup, borderGroup, accentGroup, accentScaleGroup, brandGroup, statusGroup, defaultGroups, } from './ColorPalette';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/data-display/color-palette/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/color-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,iBAAiB,EACjB,UAAU,EACV,WAAW,GACZ,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/color-palette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EACV,iBAAiB,EACjB,UAAU,EACV,WAAW,GACZ,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,YAAY,EACZ,SAAS,EACT,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,aAAa,GACd,MAAM,gBAAgB,CAAC"}

package/dist/components/data-display/dashboard-cards/StatCard.d.ts

@@ -20,10 +20,18 @@ export interface StatCardProps {
     value: ReactNode;
     dateRange: string;
     /** Chart content (any chart component). Ignored when size="sm".
-     *  For "md" the chart is placed in a fixed 68 × 130 px side zone — use
-     *  compact charts (MiniNeonSparkline, small BarChart, AreaChart, etc.).
-     *  For "lg" the chart spans full card width — set height via the chart prop. */
+     *  For "md" position is controlled by chartPosition.
+     *  For "lg" the chart spans full card width below a divider. */
     chart?: ReactNode;
+    /** Controls where the chart renders in size="md".
+     *  - "side"   (default) — compact chart to the right of the metric.
+     *  - "bottom" — full-width chart below the metric (good for bar/line/area charts). */
+    chartPosition?: "side" | "bottom";
+    /** Override the chart container's size/style.
+     *  "md" side:   overrides the side-zone div (default: h-[68px] w-[180px] shrink-0 overflow-hidden).
+     *  "md" bottom: overrides the bottom chart div (default: w-full pt-3).
+     *  "lg":        overrides the chart wrapper div (default: border-t border-ds-border-2 pt-4 w-full). */
+    chartClassName?: string;
     /** Legend items shown in the header. Only visible when size="lg". */
     legend?: StatCardLegendItem[];
     className?: string;

package/dist/components/data-display/dashboard-cards/StatCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/dashboard-cards/StatCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU3C,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;CAC1B;AAgED,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB;;;oFAGgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qEAAqE;IACrE,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAMD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8FtC,CAAC"}
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/dashboard-cards/StatCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAU3C,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,IAAI,GAAG,MAAM,CAAC;CAC1B;AAiED,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB;;oEAEgE;IAChE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;0FAEsF;IACtF,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAClC;;;2GAGuG;IACvG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qEAAqE;IACrE,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAMD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAgHtC,CAAC"}

package/dist/components/effects/sun-to-moon-button/ThemeSwitcherButtons.d.ts

@@ -1,5 +1,20 @@
+export interface ThemeSwitcherLabels {
+    mode?: string;
+    light?: string;
+    dark?: string;
+    brand?: string;
+    variant?: string;
+    variantDefault?: string;
+    variantAlt?: string;
+    purple?: string;
+    teal?: string;
+    yellow?: string;
+    green?: string;
+}
 export interface ThemeSwitcherButtonsProps {
     className?: string;
+    /** Override any label for localisation / translation. */
+    labels?: ThemeSwitcherLabels;
 }
-export default function ThemeSwitcherButtons({ className, }: ThemeSwitcherButtonsProps): import("react/jsx-runtime").JSX.Element;
+export default function ThemeSwitcherButtons({ className, labels, }: ThemeSwitcherButtonsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ThemeSwitcherButtons.d.ts.map

package/dist/components/effects/sun-to-moon-button/ThemeSwitcherButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitcherButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/effects/sun-to-moon-button/ThemeSwitcherButtons.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwGD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,SAAS,GACV,EAAE,yBAAyB,2CAmE3B"}
+{"version":3,"file":"ThemeSwitcherButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/effects/sun-to-moon-button/ThemeSwitcherButtons.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AA4FD,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,SAAS,EACT,MAAW,GACZ,EAAE,yBAAyB,2CAqF3B"}

package/dist/components/effects/sun-to-moon-button/index.d.ts

@@ -1,5 +1,5 @@
 export { default as SunToMoonButton } from './SunToMoonButton';
 export type { SunToMoonButtonProps } from './SunToMoonButton';
 export { default as ThemeSwitcherButtons } from './ThemeSwitcherButtons';
-export type { ThemeSwitcherButtonsProps } from './ThemeSwitcherButtons';
+export type { ThemeSwitcherButtonsProps, ThemeSwitcherLabels } from './ThemeSwitcherButtons';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/effects/sun-to-moon-button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/effects/sun-to-moon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/effects/sun-to-moon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/forms/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAc,MAAM,SAAS,CAAC;AAItD,eAAO,MAAM,KAAK,yGAwKjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAc,MAAM,SAAS,CAAC;AAMtD,eAAO,MAAM,KAAK,yGAqLjB,CAAC"}

package/dist/components/forms/input/types.d.ts

@@ -7,6 +7,8 @@ export declare enum InputState {
 }
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: string;
+    /** Text shown in a tooltip on the info icon next to the label. */
+    labelTooltip?: string;
     labelHint?: ReactNode;
     error?: string;
     helperText?: string;

package/dist/components/forms/input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/components/forms/radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,SAAS,CAAC;AAgBtD,eAAO,MAAM,KAAK,yGA4CjB,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,SAAS,CAAC;AAgBtD,eAAO,MAAM,KAAK,yGAoEjB,CAAC"}

package/dist/components/forms/switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA+B3C,eAAO,MAAM,MAAM,0GA4ElB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAY3C,eAAO,MAAM,MAAM,0GAyDlB,CAAC"}

package/dist/components/overlays/dropdown-menu/DropdownMenu.d.ts

@@ -1,3 +1,3 @@
 import { DropdownMenuProps } from './types';
-export declare function DropdownMenu({ trigger, children, open, onOpenChange, className, panelClassName, animationClassName, closeOnItemClick, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownMenu({ trigger, children, open, onOpenChange, className, panelClassName, animationClassName, closeOnItemClick, align, }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/components/overlays/dropdown-menu/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,gBAAwB,GACzB,EAAE,iBAAiB,2CAsEnB"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dropdown-menu/DropdownMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,cAAc,EACd,kBAAkB,EAClB,gBAAwB,EACxB,KAAK,GACN,EAAE,iBAAiB,2CA0EnB"}

package/dist/components/overlays/dropdown-menu/types.d.ts

@@ -8,5 +8,6 @@ export interface DropdownMenuProps {
     panelClassName?: string;
     animationClassName?: string;
     closeOnItemClick?: boolean;
+    align?: "start" | "end";
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/overlays/dropdown-menu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CACzB"}

package/dist/data-table.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_data_table = require("./chunks/data-table-DhCpQjdf.cjs");
+const require_data_table = require("./chunks/data-table-fAEuevPn.cjs");
 exports.ColumnToggle = require_data_table.ColumnToggle;
 exports.DataTable = require_data_table.DataTable;
 exports.FilterButton = require_data_table.FilterButton;

package/dist/data-table.mjs

@@ -1,2 +1,2 @@
-import { a as FilterButton, c as TableBody, d as TableContainer, f as TableFooter, h as TableRow, i as ColumnToggle, l as TableCaption, m as TableHeader, n as FilterProfile, o as FilterDropdown, p as TableHead, r as ToolbarIconButton, s as Table, t as DataTable, u as TableCell } from "./chunks/data-table-Bt2c9dog.mjs";
+import { a as FilterButton, c as TableBody, d as TableContainer, f as TableFooter, h as TableRow, i as ColumnToggle, l as TableCaption, m as TableHeader, n as FilterProfile, o as FilterDropdown, p as TableHead, r as ToolbarIconButton, s as Table, t as DataTable, u as TableCell } from "./chunks/data-table-Dtf6lKpp.mjs";
 export { ColumnToggle, DataTable, FilterButton, FilterDropdown, FilterProfile, Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, ToolbarIconButton };

package/dist/date-picker.cjs

@@ -1,3 +1,3 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_date_picker = require("./chunks/date-picker-duwF35Rk.cjs");
+const require_date_picker = require("./chunks/date-picker-qpUZMtZC.cjs");
 exports.DatePicker = require_date_picker.DatePicker;

package/dist/date-picker.mjs

@@ -1,2 +1,2 @@
-import { t as DatePicker } from "./chunks/date-picker-CDACysPq.mjs";
+import { t as DatePicker } from "./chunks/date-picker-BmQ0rgwH.mjs";
 export { DatePicker };

package/dist/form.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_form = require("./chunks/form-C_JxqsSZ.cjs");
+const require_form = require("./chunks/form-X6Vyaavl.cjs");
 exports.Form = require_form.Form;
 exports.FormActions = require_form.FormActions;
 exports.FormDescription = require_form.FormDescription;

package/dist/form.mjs

@@ -1,2 +1,2 @@
-import { a as FormMessage, i as FormField, n as FormActions, o as FormSection, r as FormDescription, s as InputGroup, t as Form } from "./chunks/form-CvNNjA1i.mjs";
+import { a as FormMessage, i as FormField, n as FormActions, o as FormSection, r as FormDescription, s as InputGroup, t as Form } from "./chunks/form-CtZ6U-_B.mjs";
 export { Form, FormActions, FormDescription, FormField, FormMessage, FormSection, InputGroup };

package/dist/index.cjs

@@ -2,22 +2,22 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("./chunks/chunk-B_GkZjkl.cjs");
 const require_theme = require("./chunks/theme-D6B-FaoE.cjs");
 const require_utils = require("./chunks/utils-LRbEQHYs.cjs");
-const require_charts = require("./chunks/charts-DuVZD7el.cjs");
+const require_charts = require("./chunks/charts-BmIV-mJy.cjs");
 const require_truncated_text = require("./chunks/truncated-text-BIXqNfOL.cjs");
 const require_icons = require("./chunks/icons-CRanVZB1.cjs");
 const require_accordion = require("./chunks/accordion-CmB6EidC.cjs");
 const require_alert = require("./chunks/alert-C5KEeQqh.cjs");
 const require_animated_content = require("./chunks/animated-content-CLsFnjgr.cjs");
 const require_background_gradient_animation = require("./chunks/background-gradient-animation-CiNdmA61.cjs");
-const require_button = require("./chunks/button-xqernofO.cjs");
+const require_button = require("./chunks/button-C4MXPxsC.cjs");
 const require_HoverBorderGradient = require("./chunks/HoverBorderGradient-9pfvBoHR.cjs");
 const require_button_hover_border_gradient = require("./chunks/button-hover-border-gradient-ssmwU5-U.cjs");
-const require_DropdownMenu = require("./chunks/DropdownMenu-CeD9kl_N.cjs");
-const require_select = require("./chunks/select-BwB9MsSv.cjs");
-const require_calendar = require("./chunks/calendar-CYxkfvDv.cjs");
+const require_DropdownMenu = require("./chunks/DropdownMenu-BDrNYO-D.cjs");
+const require_select = require("./chunks/select-bZ9WqLOc.cjs");
+const require_calendar = require("./chunks/calendar-CQJgQ5H_.cjs");
 const require_card = require("./chunks/card-RrT68nvu.cjs");
 const require_carousel = require("./chunks/carousel-Cv0m1Pp5.cjs");
-const require_sidebar = require("./chunks/sidebar-WG9Wnwnv.cjs");
+const require_sidebar = require("./chunks/sidebar-Kkr45nuN.cjs");
 const require_typography = require("./chunks/typography-LwwY_MOy.cjs");
 const require_ascii_text = require("./chunks/ascii-text-BFnpVur6.cjs");
 const require_chroma_grid = require("./chunks/chroma-grid-DcZ9f4Ui.cjs");
@@ -26,29 +26,29 @@ require("./hover-border-gradient.cjs");
 const require_splash_cursor = require("./chunks/splash-cursor-BqG7ClsJ.cjs");
 const require_spotlight_card = require("./chunks/spotlight-card-BmsqC7wm.cjs");
 const require_SunToMoonButton = require("./chunks/SunToMoonButton-jS4BJD9q.cjs");
-const require_sun_to_moon_button = require("./chunks/sun-to-moon-button-A__wuc_4.cjs");
+const require_sun_to_moon_button = require("./chunks/sun-to-moon-button-PwgTPsTW.cjs");
 const require_checkbox = require("./chunks/checkbox-D8ivRZ1x.cjs");
-const require_chip = require("./chunks/chip-BDrpg5Ux.cjs");
+const require_chip = require("./chunks/chip-B0YzBwkz.cjs");
 const require_progress_bar = require("./chunks/progress-bar-CYaBO_lS.cjs");
-const require_color_palette = require("./chunks/color-palette-BmQC14gE.cjs");
-const require_combobox = require("./chunks/combobox-Ca7-BcLO.cjs");
-const require_input = require("./chunks/input-wAznik-_.cjs");
-const require_data_table = require("./chunks/data-table-DhCpQjdf.cjs");
-const require_tooltip = require("./chunks/tooltip-PJaQa8_l.cjs");
-const require_multi_select_combobox = require("./chunks/multi-select-combobox-CdPcvP_S.cjs");
-const require_switch = require("./chunks/switch-DPyzVrNh.cjs");
-const require_date_picker = require("./chunks/date-picker-duwF35Rk.cjs");
+const require_color_palette = require("./chunks/color-palette-pLh6En3n.cjs");
+const require_combobox = require("./chunks/combobox-CtNrGmuR.cjs");
+const require_input = require("./chunks/input-DkCPyWXi.cjs");
+const require_Tooltip = require("./chunks/Tooltip-DD30yj3A.cjs");
+const require_data_table = require("./chunks/data-table-fAEuevPn.cjs");
+const require_multi_select_combobox = require("./chunks/multi-select-combobox-C0DoDzxQ.cjs");
+const require_switch = require("./chunks/switch-X3l8xnle.cjs");
+const require_date_picker = require("./chunks/date-picker-qpUZMtZC.cjs");
 const require_dialog = require("./chunks/dialog-fffx1-4D.cjs");
 const require_drawer = require("./chunks/drawer-D07dGN6R.cjs");
-const require_form = require("./chunks/form-C_JxqsSZ.cjs");
+const require_form = require("./chunks/form-X6Vyaavl.cjs");
 const require_hover_card = require("./chunks/hover-card--rplmsA_.cjs");
-const require_label = require("./chunks/label-CxmbGh0l.cjs");
+const require_label = require("./chunks/label-BKzqfAAq.cjs");
 const require_loading = require("./chunks/loading-BiM4mKh6.cjs");
 const require_otp_input = require("./chunks/otp-input-CkhV-sGl.cjs");
-const require_password_strength_meter = require("./chunks/password-strength-meter-BNnmSgLh.cjs");
-const require_radio = require("./chunks/radio-DyQ3jF-M.cjs");
+const require_password_strength_meter = require("./chunks/password-strength-meter-DCi_BP7e.cjs");
+const require_radio = require("./chunks/radio-zx9xEW_C.cjs");
 const require_skeleton = require("./chunks/skeleton-DCBGLNAZ.cjs");
-const require_stepper = require("./chunks/stepper-CvuyKYXC.cjs");
+const require_stepper = require("./chunks/stepper-DepvEGfr.cjs");
 const require_textarea = require("./chunks/textarea-CGRl2hrM.cjs");
 const require_toast = require("./chunks/toast-DiFgv3IL.cjs");
 const require_spinners = require("./chunks/spinners-C9acUulz.cjs");
@@ -73,13 +73,13 @@ function BorderBeam({ className = "", size = 200, duration = 15, anchor = 90, bo
 //#region src/components/data-display/dashboard-cards/StatCard.tsx
 var TrendBadge = ({ value, direction }) => {
 	const isUp = direction === "up";
-	const color = isUp ? "#05cd99" : "#e31d1c";
+	const color = isUp ? "var(--ds-color-success)" : "var(--ds-color-danger)";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: "inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-[11px] font-semibold leading-none",
+		className: "inline-flex items-center gap-1 rounded-sm border px-1 py-0.5 text-[11px] font-semibold leading-none",
 		style: {
 			color,
 			borderColor: color,
-			backgroundColor: isUp ? "rgba(5,205,153,0.10)" : "rgba(227,29,28,0.08)"
+			backgroundColor: isUp ? "var(--ds-color-success-subtle)" : "var(--ds-color-danger-subtle)"
 		},
 		"aria-label": `${value} ${isUp ? "increase" : "decrease"}`,
 		children: [value, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
@@ -107,7 +107,7 @@ var TrendBadge = ({ value, direction }) => {
 var MenuButton = ({ onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
 	variant: "tertiary",
 	size: "small",
-	className: "shrink-0 p-0.5! text-ds-color-fg-subtle",
+	className: "shrink-0 p-0.5! text-ds-3",
 	"aria-label": "More options",
 	onClick,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.EllipsisVerticalIcon, {
@@ -118,7 +118,7 @@ var MenuButton = ({ onClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(req
 var LegendDots = ({ items }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 	className: "flex items-center gap-3",
 	children: items.map((item) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-		className: "flex items-center gap-1.5 text-xs text-ds-color-fg-muted",
+		className: "flex items-center gap-1.5 text-xs text-ds-2",
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			className: "inline-block h-2.5 w-2.5 shrink-0 rounded-full",
 			style: { backgroundColor: item.color },
@@ -126,16 +126,16 @@ var LegendDots = ({ items }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div"
 		}), item.label]
 	}, item.label))
 });
-var StatCard = ({ size = "md", title, badge, value, dateRange, chart, legend, className, onMenuClick }) => {
-	const base = require_utils.mergeClassNames("rounded-2xl border border-ds-border-2 bg-ds-surface-1", className);
+var StatCard = ({ size = "md", title, badge, value, dateRange, chart, chartPosition = "side", chartClassName, legend, className, onMenuClick }) => {
+	const base = require_utils.mergeClassNames("rounded-lg border border-ds-border-3/80 bg-ds-surface-1", className);
 	if (size === "sm") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.mergeClassNames(base, "flex flex-col gap-3 p-5"),
+		className: require_utils.mergeClassNames(base, "flex flex-col gap-7 p-5"),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-start justify-between gap-2",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "flex flex-wrap items-center gap-2",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-sm font-semibold text-ds-color-fg",
+					className: "text-sm font-semibold text-ds-1",
 					children: title
 				}), badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendBadge, {
 					value: badge.value,
@@ -145,45 +145,51 @@ var StatCard = ({ size = "md", title, badge, value, dateRange, chart, legend, cl
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex flex-col gap-1",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-3xl font-extrabold tracking-tight text-ds-color-fg leading-none",
+				className: "text-2xl font-bold tracking-tight text-ds-1 leading-none",
 				children: value
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "text-xs text-ds-color-fg-subtle mt-1",
+				className: "text-[10px] text-ds-3 mt-1",
 				children: dateRange
 			})]
 		})]
 	});
-	if (size === "md") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.mergeClassNames(base, "flex flex-col gap-3 p-5"),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-start justify-between gap-2",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex flex-wrap items-center gap-2",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "text-sm font-semibold text-ds-color-fg",
-					children: title
-				}), badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendBadge, {
-					value: badge.value,
-					direction: badge.direction
-				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuButton, { onClick: onMenuClick })]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-end justify-between gap-3",
+	if (size === "md") {
+		const metricBlock = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-1 min-w-0",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-3xl font-bold tracking-tight text-ds-1 leading-none",
+				children: value
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-[10px] text-ds-3 mt-1",
+				children: dateRange
+			})]
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: require_utils.mergeClassNames(base, "flex flex-col gap-3 p-5"),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex flex-col gap-1 min-w-0",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-3xl font-extrabold tracking-tight text-ds-color-fg leading-none",
-					children: value
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "text-xs text-ds-color-fg-subtle mt-1",
-					children: dateRange
-				})]
-			}), chart && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "h-[68px] w-[130px] shrink-0 overflow-hidden",
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-sm font-semibold text-ds-1",
+						children: title
+					}), badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendBadge, {
+						value: badge.value,
+						direction: badge.direction
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuButton, { onClick: onMenuClick })]
+			}), chartPosition === "bottom" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [metricBlock, chart && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_utils.mergeClassNames("w-full pt-3", chartClassName),
 				children: chart
+			})] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-end justify-between gap-3",
+				children: [metricBlock, chart && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: require_utils.mergeClassNames("h-[46px] w-[155px] shrink-0 overflow-hidden", chartClassName),
+					children: chart
+				})]
 			})]
-		})]
-	});
+		});
+	}
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: require_utils.mergeClassNames(base, "flex flex-col p-5"),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -194,7 +200,7 @@ var StatCard = ({ size = "md", title, badge, value, dateRange, chart, legend, cl
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "flex flex-wrap items-center gap-2",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-sm font-semibold text-ds-color-fg",
+							className: "text-sm font-semibold text-ds-1",
 							children: title
 						}), badge && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TrendBadge, {
 							value: badge.value,
@@ -202,11 +208,11 @@ var StatCard = ({ size = "md", title, badge, value, dateRange, chart, legend, cl
 						})]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "text-3xl font-extrabold tracking-tight text-ds-color-fg leading-none",
+						className: "text-3xl font-bold tracking-tight text-ds-1 leading-none",
 						children: value
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-						className: "text-xs text-ds-color-fg-subtle",
+						className: "text-xs text-ds-3",
 						children: dateRange
 					})
 				]
@@ -215,7 +221,7 @@ var StatCard = ({ size = "md", title, badge, value, dateRange, chart, legend, cl
 				children: [legend && legend.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LegendDots, { items: legend }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MenuButton, { onClick: onMenuClick })]
 			})]
 		}), chart && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "border-t border-ds-border-2 pt-4 w-full",
+			className: require_utils.mergeClassNames("border-t border-ds-border-2 pt-4 w-full", chartClassName),
 			children: chart
 		})]
 	});
@@ -269,7 +275,7 @@ var ChartCard = ({ title, dateRange, legend, className, onMenuClick, children })
 //#endregion
 //#region src/components/data-display/dashboard-cards/TopProductsCard.tsx
 var RankBadge = ({ rank }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-	className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border text-xs font-semibold",
+	className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border text-xs font-semibold  border-ds-border-3/80 ",
 	style: {
 		borderColor: "var(--ds-color-accent)",
 		color: "var(--ds-color-accent)"
@@ -291,7 +297,7 @@ var ProductImage = ({ src, alt }) => {
 };
 var TopProductsCard = ({ title = "Top Products", items, className, onMenuClick }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.mergeClassNames("flex flex-col rounded-2xl border border-ds-border-2 bg-ds-surface-1 p-5", className),
+		className: require_utils.mergeClassNames("flex flex-col rounded-lg border border-ds-border-3/80 bg-ds-surface-1 p-5", className),
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "mb-4 flex items-center justify-between",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
@@ -651,7 +657,7 @@ exports.ThemeSwitcherButtons = require_sun_to_moon_button.ThemeSwitcherButtons;
 exports.ThinBreakdownBar = require_charts.ThinBreakdownBar;
 exports.ToastItem = require_toast.ToastItem;
 exports.ToastProvider = require_toast.ToastProvider;
-exports.Tooltip = require_tooltip.Tooltip;
+exports.Tooltip = require_Tooltip.Tooltip;
 exports.TopProductsCard = TopProductsCard;
 exports.TrashIcon = require_icons.TrashIcon;
 exports.TruncatedText = require_truncated_text.TruncatedText;
@@ -660,11 +666,19 @@ exports.UserIcon = require_icons.UserIcon;
 exports.Wave = require_loading.Wave;
 exports.XCircleIcon = require_icons.XCircleIcon;
 exports.ZapIcon = require_icons.ZapIcon;
+exports.accentGroup = require_color_palette.accentGroup;
+exports.accentScaleGroup = require_color_palette.accentScaleGroup;
+exports.borderGroup = require_color_palette.borderGroup;
+exports.brandGroup = require_color_palette.brandGroup;
 exports.chartColorTokens = require_charts.chartColorTokens;
+exports.defaultGroups = require_color_palette.defaultGroups;
 exports.generateUniqueKey = require_utils.generateUniqueKey;
 exports.getChartColorVar = require_charts.getChartColorVar;
 exports.getChartPalette = require_charts.getChartPalette;
 exports.mergeClassNames = require_utils.mergeClassNames;
+exports.statusGroup = require_color_palette.statusGroup;
+exports.surfaceGroup = require_color_palette.surfaceGroup;
+exports.textGroup = require_color_palette.textGroup;
 exports.useThemeContext = require_theme.useThemeContext;
 exports.useToast = require_toast.useToast;
 exports.validateEmail = require_utils.validateEmail;