@egose/shadcn-theme 0.0.47 → 0.0.49

package/chunk-NTLH66CV.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../components/ui/button.tsx"],"sourcesContent":["\"use client\";\nimport * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../lib/utils';\nimport { Spinner } from './spinner';\n\nconst buttonVariants = cva(\n  [\n    'cursor-pointer',\n    'active:translate-y-[0.5px]',\n    'disabled:pointer-events-none',\n    'disabled:opacity-50',\n    'focus-visible:outline-none',\n    'focus-visible:ring-1',\n    'focus-visible:ring-ring',\n    'font-medium',\n    'gap-2',\n    'inline-flex',\n    'items-center',\n    'justify-center',\n    'rounded-sm',\n    'text-sm',\n    'transform',\n    'transition',\n    'transition-colors',\n    'whitespace-nowrap',\n    '[&_svg]:pointer-events-none',\n    '[&_svg]:shrink-0',\n    '[&_svg]:size-4',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: 'border border-primary bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',\n        secondary: 'border border-secondary bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/90',\n        success: 'border border-success bg-success text-success-foreground shadow-sm hover:bg-success/90',\n        warning: 'border border-warning bg-warning text-warning-foreground shadow-sm hover:bg-warning/90',\n        danger: 'border border-danger bg-danger text-danger-foreground shadow-sm hover:bg-danger/90',\n        info: 'border border-info bg-info text-info-foreground shadow-sm hover:bg-info/90',\n        light: 'border border-light bg-light text-light-foreground shadow-sm hover:bg-light/90',\n        dark: 'border border-dark bg-dark text-dark-foreground shadow-sm hover:bg-dark/90',\n        accent: 'border border-accent bg-accent text-accent-foreground shadow-sm hover:bg-accent/90',\n        destructive:\n          'border border-destructive bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',\n        muted: 'border border-muted bg-muted text-muted-foreground shadow-sm hover:bg-muted/90',\n        link: 'text-primary underline-offset-4 hover:underline',\n        ghost: 'hover:bg-light hover:text-light-foreground',\n      },\n      size: {\n        default: 'h-9 px-4 py-2',\n        sm: 'h-8 rounded-sm px-3 text-xs',\n        lg: 'h-10 rounded-sm px-8',\n        icon: 'h-9 w-9',\n        'compact-default': 'h-8 px-2 py-1',\n        'compact-sm': 'h-7 px-2 py-1',\n        'compact-lg': 'h-9 px-2 py-1',\n        'compact-icon': 'h-8 w-8',\n      },\n      appearance: {\n        solid: '',\n        outline: 'bg-white border',\n        outlineFilled: 'bg-white border',\n      },\n      loading: {\n        true: 'pointer-events-none',\n        false: null,\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n      appearance: 'solid',\n      loading: false,\n    },\n  },\n);\n\n// Type safety for variant and size\nexport type VariantType = NonNullable<VariantProps<typeof buttonVariants>['variant']>;\nexport type SizeType = NonNullable<VariantProps<typeof buttonVariants>['size']>;\nexport type VariantStyleType = NonNullable<VariantProps<typeof buttonVariants>['appearance']>;\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  iconPosition?: 'left' | 'right';\n}\n\nfunction getOutlineClasses(variant: VariantType) {\n  const colors: Record<VariantType, string> = {\n    primary: 'border-primary text-primary shadow-sm hover:bg-primary/10',\n    secondary: 'border-secondary text-secondary shadow-sm hover:bg-secondary/10',\n    success: 'border-success text-success shadow-sm hover:bg-success/10',\n    warning: 'border-warning text-warning shadow-sm hover:bg-warning/10',\n    danger: 'border-danger text-danger shadow-sm hover:bg-danger/10',\n    info: 'border-info text-info shadow-sm hover:bg-info/10',\n    light: 'border-light text-light-foreground shadow-sm hover:bg-light/10',\n    dark: 'border-dark text-dark shadow-sm hover:bg-dark/10',\n    accent: 'border-accent text-accent shadow-sm hover:bg-accent/10',\n    destructive: 'border-destructive text-destructive shadow-sm hover:bg-destructive/10',\n    muted: 'border-muted text-muted-foreground shadow-sm hover:bg-muted/10',\n    link: 'text-primary',\n    ghost: 'text-light-foreground',\n  };\n  return colors[variant];\n}\n\nfunction getOutlineFilledClasses(variant: VariantType) {\n  const colors: Record<VariantType, string> = {\n    primary: 'hover:bg-primary hover:text-primary-foreground',\n    secondary: 'hover:bg-secondary hover:text-secondary-foreground',\n    success: 'hover:bg-success hover:text-success-foreground',\n    warning: 'hover:bg-warning hover:text-warning-foreground',\n    danger: 'hover:bg-danger hover:text-danger-foreground',\n    info: 'hover:bg-info hover:text-info-foreground',\n    light: 'hover:bg-light hover:text-light-foreground',\n    dark: 'hover:bg-dark hover:text-dark-foreground',\n    accent: 'hover:bg-accent hover:text-accent-foreground',\n    destructive: 'hover:bg-destructive hover:text-destructive-foreground',\n    muted: 'hover:bg-muted hover:text-muted-foreground',\n    link: 'hover:underline',\n    ghost: 'hover:bg-light',\n  };\n  return colors[variant];\n}\n\nfunction getSpinnerClasses(variant: VariantType) {\n  const colors: Record<VariantType, string> = {\n    primary: 'bg-primary text-primary-foreground',\n    secondary: 'bg-secondary text-secondary-foreground',\n    success: 'bg-success text-success-foreground',\n    warning: 'bg-warning text-warning-foreground',\n    danger: 'bg-danger text-danger-foreground',\n    info: 'bg-info text-info-foreground',\n    light: 'bg-light text-light-foreground',\n    dark: 'bg-dark text-dark-foreground',\n    accent: 'bg-accent text-accent-foreground',\n    destructive: 'bg-destructive text-destructive-foreground',\n    muted: 'bg-muted text-muted-foreground',\n    link: 'text-primary',\n    ghost: 'text-light-foreground',\n  };\n  return colors[variant];\n}\n\nfunction getOutlineSpinnerClasses(variant: VariantType) {\n  const colors: Record<VariantType, string> = {\n    primary: 'text-primary',\n    secondary: 'text-secondary',\n    success: 'text-success',\n    warning: 'text-warning',\n    danger: 'text-danger',\n    info: 'text-info',\n    light: 'text-light',\n    dark: 'text-dark',\n    accent: 'text-accent',\n    destructive: 'text-destructive',\n    muted: 'text-muted-foreground',\n    link: 'text-primary',\n    ghost: 'text-light-foreground',\n  };\n  return colors[variant];\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    { className, variant, size, appearance, loading, icon, iconPosition = 'left', asChild = false, children, ...props },\n    ref,\n  ) => {\n    const Comp = asChild ? Slot : 'button';\n\n    const outlineClasses =\n      appearance === 'outline' || appearance === 'outlineFilled' ? [getOutlineClasses(variant as VariantType)] : [];\n\n    if (appearance === 'outlineFilled') {\n      outlineClasses.push(getOutlineFilledClasses(variant as VariantType));\n    }\n\n    const spinnerClasses =\n      appearance === 'outline' || appearance === 'outlineFilled'\n        ? getOutlineSpinnerClasses(variant as VariantType)\n        : getSpinnerClasses(variant as VariantType);\n\n    return (\n      <Comp\n        type=\"button\"\n        className={cn(buttonVariants({ variant, size, appearance, loading, className }), outlineClasses)}\n        ref={ref}\n        aria-busy={loading || undefined}\n        disabled={loading || props.disabled}\n        {...props}\n      >\n        {loading ? (\n          <div className=\"relative inline-flex items-center justify-center w-full\">\n            <span className=\"invisible\">{children}</span>\n            <span className=\"absolute inset-0 flex items-center justify-center\">\n              <Spinner className={cn(spinnerClasses, 'animate-spin')} />\n            </span>\n          </div>\n        ) : (\n          <div className=\"flex items-center gap-1\">\n            {icon && iconPosition === 'left' && <span className=\"flex-shrink-0\">{icon}</span>}\n            {children}\n            {icon && iconPosition === 'right' && <span className=\"flex-shrink-0\">{icon}</span>}\n          </div>\n        )}\n      </Comp>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"mappings":"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","names":[]}

package/components/ui/chart.d.mts

@@ -1,68 +0,0 @@
-import * as recharts_types_util_payload_getUniqPayload from 'recharts/types/util/payload/getUniqPayload';
-import * as recharts_types_component_Tooltip from 'recharts/types/component/Tooltip';
-import * as recharts_types_util_types from 'recharts/types/util/types';
-import * as recharts_types_component_DefaultTooltipContent from 'recharts/types/component/DefaultTooltipContent';
-import * as React from 'react';
-import * as RechartsPrimitive from 'recharts';
-
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => React.JSX.Element | null;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType> & {
-    accessibilityLayer?: boolean;
-    active?: boolean | undefined;
-    includeHidden?: boolean | undefined;
-    allowEscapeViewBox?: recharts_types_util_types.AllowInDimension;
-    animationDuration?: recharts_types_util_types.AnimationDuration;
-    animationEasing?: recharts_types_util_types.AnimationTiming;
-    content?: recharts_types_component_Tooltip.ContentType<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType> | undefined;
-    coordinate?: Partial<recharts_types_util_types.Coordinate>;
-    cursor?: boolean | React.ReactElement | React.SVGProps<SVGElement>;
-    filterNull?: boolean;
-    defaultIndex?: number;
-    isAnimationActive?: boolean;
-    offset?: number;
-    payloadUniqBy?: recharts_types_util_payload_getUniqPayload.UniqueOption<recharts_types_component_DefaultTooltipContent.Payload<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType>> | undefined;
-    position?: Partial<recharts_types_util_types.Coordinate>;
-    reverseDirection?: recharts_types_util_types.AllowInDimension;
-    shared?: boolean;
-    trigger?: "hover" | "click";
-    useTranslate3d?: boolean;
-    viewBox?: recharts_types_util_types.CartesianViewBox;
-    wrapperStyle?: React.CSSProperties;
-} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-    hideIcon?: boolean;
-    nameKey?: string;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/components/ui/chart.d.ts

@@ -1,68 +0,0 @@
-import * as recharts_types_util_payload_getUniqPayload from 'recharts/types/util/payload/getUniqPayload';
-import * as recharts_types_component_Tooltip from 'recharts/types/component/Tooltip';
-import * as recharts_types_util_types from 'recharts/types/util/types';
-import * as recharts_types_component_DefaultTooltipContent from 'recharts/types/component/DefaultTooltipContent';
-import * as React from 'react';
-import * as RechartsPrimitive from 'recharts';
-
-declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
-};
-type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ChartStyle: ({ id, config }: {
-    id: string;
-    config: ChartConfig;
-}) => React.JSX.Element | null;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType> & {
-    accessibilityLayer?: boolean;
-    active?: boolean | undefined;
-    includeHidden?: boolean | undefined;
-    allowEscapeViewBox?: recharts_types_util_types.AllowInDimension;
-    animationDuration?: recharts_types_util_types.AnimationDuration;
-    animationEasing?: recharts_types_util_types.AnimationTiming;
-    content?: recharts_types_component_Tooltip.ContentType<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType> | undefined;
-    coordinate?: Partial<recharts_types_util_types.Coordinate>;
-    cursor?: boolean | React.ReactElement | React.SVGProps<SVGElement>;
-    filterNull?: boolean;
-    defaultIndex?: number;
-    isAnimationActive?: boolean;
-    offset?: number;
-    payloadUniqBy?: recharts_types_util_payload_getUniqPayload.UniqueOption<recharts_types_component_DefaultTooltipContent.Payload<recharts_types_component_DefaultTooltipContent.ValueType, recharts_types_component_DefaultTooltipContent.NameType>> | undefined;
-    position?: Partial<recharts_types_util_types.Coordinate>;
-    reverseDirection?: recharts_types_util_types.AllowInDimension;
-    shared?: boolean;
-    trigger?: "hover" | "click";
-    useTranslate3d?: boolean;
-    viewBox?: recharts_types_util_types.CartesianViewBox;
-    wrapperStyle?: React.CSSProperties;
-} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    hideLabel?: boolean;
-    hideIndicator?: boolean;
-    indicator?: "line" | "dot" | "dashed";
-    nameKey?: string;
-    labelKey?: string;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
-declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
-    hideIcon?: boolean;
-    nameKey?: string;
-}, "ref"> & React.RefAttributes<HTMLDivElement>>;
-
-export { type ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/components/ui/chart.js

@@ -1,216 +0,0 @@
-"use client";
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
-
-
-var _chunk6N4WCMTEjs = require('../../chunk-6N4WCMTE.js');
-
-
-
-var _chunk2NMEKWO5js = require('../../chunk-2NMEKWO5.js');
-
-// components/ui/chart.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _recharts = require('recharts'); var RechartsPrimitive = _interopRequireWildcard(_recharts);
-var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React.createContext(null);
-function useChart() {
-  const context = React.useContext(ChartContext);
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />");
-  }
-  return context;
-}
-var ChartContainer = React.forwardRef((_a, ref) => {
-  var _b = _a, { id, className, children, config } = _b, props = _chunk2NMEKWO5js.__objRest.call(void 0, _b, ["id", "className", "children", "config"]);
-  const uniqueId = React.useId();
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ React.createElement(ChartContext.Provider, { value: { config } }, /* @__PURE__ */ React.createElement(
-    "div",
-    _chunk2NMEKWO5js.__spreadValues.call(void 0, {
-      "data-chart": chartId,
-      ref,
-      className: _chunk6N4WCMTEjs.cn.call(void 0, 
-        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
-        className
-      )
-    }, props),
-    /* @__PURE__ */ React.createElement(ChartStyle, { id: chartId, config }),
-    /* @__PURE__ */ React.createElement(RechartsPrimitive.ResponsiveContainer, null, children)
-  ));
-});
-ChartContainer.displayName = "Chart";
-var ChartStyle = ({ id, config }) => {
-  const colorConfig = Object.entries(config).filter(([, config2]) => config2.theme || config2.color);
-  if (!colorConfig.length) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: Object.entries(THEMES).map(
-          ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig.map(([key, itemConfig]) => {
-            var _a;
-            const color = ((_a = itemConfig.theme) == null ? void 0 : _a[theme]) || itemConfig.color;
-            return color ? `  --color-${key}: ${color};` : null;
-          }).join("\n")}
-}
-`
-        ).join("\n")
-      }
-    }
-  );
-};
-var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React.forwardRef(
-  ({
-    active,
-    payload,
-    className,
-    indicator = "dot",
-    hideLabel = false,
-    hideIndicator = false,
-    label,
-    labelFormatter,
-    labelClassName,
-    formatter,
-    color,
-    nameKey,
-    labelKey
-  }, ref) => {
-    const { config } = useChart();
-    const tooltipLabel = React.useMemo(() => {
-      var _a;
-      if (hideLabel || !(payload == null ? void 0 : payload.length)) {
-        return null;
-      }
-      const [item] = payload;
-      const key = `${labelKey || item.dataKey || item.name || "value"}`;
-      const itemConfig = getPayloadConfigFromPayload(config, item, key);
-      const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
-      if (labelFormatter) {
-        return /* @__PURE__ */ React.createElement("div", { className: _chunk6N4WCMTEjs.cn.call(void 0, "font-medium", labelClassName) }, labelFormatter(value, payload));
-      }
-      if (!value) {
-        return null;
-      }
-      return /* @__PURE__ */ React.createElement("div", { className: _chunk6N4WCMTEjs.cn.call(void 0, "font-medium", labelClassName) }, value);
-    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
-    if (!active || !(payload == null ? void 0 : payload.length)) {
-      return null;
-    }
-    const nestLabel = payload.length === 1 && indicator !== "dot";
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: _chunk6N4WCMTEjs.cn.call(void 0, 
-          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
-          className
-        )
-      },
-      !nestLabel ? tooltipLabel : null,
-      /* @__PURE__ */ React.createElement("div", { className: "grid gap-1.5" }, payload.map((item, index) => {
-        const key = `${nameKey || item.name || item.dataKey || "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        const indicatorColor = color || item.payload.fill || item.color;
-        return /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            key: item.dataKey,
-            className: _chunk6N4WCMTEjs.cn.call(void 0, 
-              "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
-              indicator === "dot" && "items-center"
-            )
-          },
-          formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ React.createElement(React.Fragment, null, (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ React.createElement(itemConfig.icon, null) : !hideIndicator && /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: _chunk6N4WCMTEjs.cn.call(void 0, "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
-                "h-2.5 w-2.5": indicator === "dot",
-                "w-1": indicator === "line",
-                "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-                "my-0.5": nestLabel && indicator === "dashed"
-              }),
-              style: {
-                "--color-bg": indicatorColor,
-                "--color-border": indicatorColor
-              }
-            }
-          ), /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: _chunk6N4WCMTEjs.cn.call(void 0, 
-                "flex flex-1 justify-between leading-none",
-                nestLabel ? "items-end" : "items-center"
-              )
-            },
-            /* @__PURE__ */ React.createElement("div", { className: "grid gap-1.5" }, nestLabel ? tooltipLabel : null, /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground" }, (itemConfig == null ? void 0 : itemConfig.label) || item.name)),
-            item.value && /* @__PURE__ */ React.createElement("span", { className: "font-mono font-medium tabular-nums text-foreground" }, item.value.toLocaleString())
-          ))
-        );
-      }))
-    );
-  }
-);
-ChartTooltipContent.displayName = "ChartTooltip";
-var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
-  const { config } = useChart();
-  if (!(payload == null ? void 0 : payload.length)) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref,
-      className: _chunk6N4WCMTEjs.cn.call(void 0, "flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className)
-    },
-    payload.map((item) => {
-      const key = `${nameKey || item.dataKey || "value"}`;
-      const itemConfig = getPayloadConfigFromPayload(config, item, key);
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          key: item.value,
-          className: _chunk6N4WCMTEjs.cn.call(void 0, "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground")
-        },
-        (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ React.createElement(itemConfig.icon, null) : /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: "h-2 w-2 shrink-0 rounded-[2px]",
-            style: {
-              backgroundColor: item.color
-            }
-          }
-        ),
-        itemConfig == null ? void 0 : itemConfig.label
-      );
-    })
-  );
-});
-ChartLegendContent.displayName = "ChartLegend";
-function getPayloadConfigFromPayload(config, payload, key) {
-  if (typeof payload !== "object" || payload === null) {
-    return void 0;
-  }
-  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
-  let configLabelKey = key;
-  if (key in payload && typeof payload[key] === "string") {
-    configLabelKey = payload[key];
-  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
-    configLabelKey = payloadPayload[key];
-  }
-  return configLabelKey in config ? config[configLabelKey] : config[key];
-}
-
-
-
-
-
-
-
-exports.ChartContainer = ChartContainer; exports.ChartLegend = ChartLegend; exports.ChartLegendContent = ChartLegendContent; exports.ChartStyle = ChartStyle; exports.ChartTooltip = ChartTooltip; exports.ChartTooltipContent = ChartTooltipContent;
-//# sourceMappingURL=chart.js.map

package/components/ui/chart.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/chart.js","../../../components/ui/chart.tsx"],"names":["config"],"mappings":"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","file":"/home/jahn/projects/shadcn-theme/packages/react/dist/components/ui/chart.js","sourcesContent":[null,"\"use client\";\nimport * as React from 'react';\nimport * as RechartsPrimitive from 'recharts';\n\nimport { cn } from '../../lib/utils';\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: '', dark: '.dark' } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & ({ color?: string; theme?: never } | { color?: never; theme: Record<keyof typeof THEMES, string> });\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n\n  return context;\n}\n\nconst ChartContainer = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> & {\n    config: ChartConfig;\n    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];\n  }\n>(({ id, className, children, config, ...props }, ref) => {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-chart={chartId}\n        ref={ref}\n        className={cn(\n          \"flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none\",\n          className,\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>{children}</RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n});\nChartContainer.displayName = 'Chart';\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color = itemConfig.theme?.[theme as keyof typeof itemConfig.theme] || itemConfig.color;\n    return color ? `  --color-${key}: ${color};` : null;\n  })\n  .join('\\n')}\n}\n`,\n          )\n          .join('\\n'),\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nconst ChartTooltipContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<typeof RechartsPrimitive.Tooltip> &\n    React.ComponentProps<'div'> & {\n      hideLabel?: boolean;\n      hideIndicator?: boolean;\n      indicator?: 'line' | 'dot' | 'dashed';\n      nameKey?: string;\n      labelKey?: string;\n    }\n>(\n  (\n    {\n      active,\n      payload,\n      className,\n      indicator = 'dot',\n      hideLabel = false,\n      hideIndicator = false,\n      label,\n      labelFormatter,\n      labelClassName,\n      formatter,\n      color,\n      nameKey,\n      labelKey,\n    },\n    ref,\n  ) => {\n    const { config } = useChart();\n\n    const tooltipLabel = React.useMemo(() => {\n      if (hideLabel || !payload?.length) {\n        return null;\n      }\n\n      const [item] = payload;\n      const key = `${labelKey || item.dataKey || item.name || 'value'}`;\n      const itemConfig = getPayloadConfigFromPayload(config, item, key);\n      const value =\n        !labelKey && typeof label === 'string'\n          ? config[label as keyof typeof config]?.label || label\n          : itemConfig?.label;\n\n      if (labelFormatter) {\n        return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;\n      }\n\n      if (!value) {\n        return null;\n      }\n\n      return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n    if (!active || !payload?.length) {\n      return null;\n    }\n\n    const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl',\n          className,\n        )}\n      >\n        {!nestLabel ? tooltipLabel : null}\n        <div className=\"grid gap-1.5\">\n          {payload.map((item, index) => {\n            const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n            const itemConfig = getPayloadConfigFromPayload(config, item, key);\n            const indicatorColor = color || item.payload.fill || item.color;\n\n            return (\n              <div\n                key={item.dataKey}\n                className={cn(\n                  'flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground',\n                  indicator === 'dot' && 'items-center',\n                )}\n              >\n                {formatter && item?.value !== undefined && item.name ? (\n                  formatter(item.value, item.name, item, index, item.payload)\n                ) : (\n                  <>\n                    {itemConfig?.icon ? (\n                      <itemConfig.icon />\n                    ) : (\n                      !hideIndicator && (\n                        <div\n                          className={cn('shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]', {\n                            'h-2.5 w-2.5': indicator === 'dot',\n                            'w-1': indicator === 'line',\n                            'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',\n                            'my-0.5': nestLabel && indicator === 'dashed',\n                          })}\n                          style={\n                            {\n                              '--color-bg': indicatorColor,\n                              '--color-border': indicatorColor,\n                            } as React.CSSProperties\n                          }\n                        />\n                      )\n                    )}\n                    <div\n                      className={cn(\n                        'flex flex-1 justify-between leading-none',\n                        nestLabel ? 'items-end' : 'items-center',\n                      )}\n                    >\n                      <div className=\"grid gap-1.5\">\n                        {nestLabel ? tooltipLabel : null}\n                        <span className=\"text-muted-foreground\">{itemConfig?.label || item.name}</span>\n                      </div>\n                      {item.value && (\n                        <span className=\"font-mono font-medium tabular-nums text-foreground\">\n                          {item.value.toLocaleString()}\n                        </span>\n                      )}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\nChartTooltipContent.displayName = 'ChartTooltip';\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nconst ChartLegendContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<'div'> &\n    Pick<RechartsPrimitive.LegendProps, 'payload' | 'verticalAlign'> & {\n      hideIcon?: boolean;\n      nameKey?: string;\n    }\n>(({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }, ref) => {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)}\n    >\n      {payload.map((item) => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div\n            key={item.value}\n            className={cn('flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground')}\n          >\n            {itemConfig?.icon && !hideIcon ? (\n              <itemConfig.icon />\n            ) : (\n              <div\n                className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                style={{\n                  backgroundColor: item.color,\n                }}\n              />\n            )}\n            {itemConfig?.label}\n          </div>\n        );\n      })}\n    </div>\n  );\n});\nChartLegendContent.displayName = 'ChartLegend';\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string) {\n  if (typeof payload !== 'object' || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (key in payload && typeof payload[key as keyof typeof payload] === 'string') {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === 'string'\n  ) {\n    configLabelKey = payloadPayload[key as keyof typeof payloadPayload] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key as keyof typeof config];\n}\n\nexport { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle };\n"]}

package/components/ui/chart.mjs

@@ -1,215 +0,0 @@
-"use client";
-import {
-  cn
-} from "../../chunk-F5XCCSBC.mjs";
-import {
-  __objRest,
-  __spreadValues
-} from "../../chunk-YOSPWY5K.mjs";
-
-// components/ui/chart.tsx
-import * as React from "react";
-import * as RechartsPrimitive from "recharts";
-var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React.createContext(null);
-function useChart() {
-  const context = React.useContext(ChartContext);
-  if (!context) {
-    throw new Error("useChart must be used within a <ChartContainer />");
-  }
-  return context;
-}
-var ChartContainer = React.forwardRef((_a, ref) => {
-  var _b = _a, { id, className, children, config } = _b, props = __objRest(_b, ["id", "className", "children", "config"]);
-  const uniqueId = React.useId();
-  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ React.createElement(ChartContext.Provider, { value: { config } }, /* @__PURE__ */ React.createElement(
-    "div",
-    __spreadValues({
-      "data-chart": chartId,
-      ref,
-      className: cn(
-        "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
-        className
-      )
-    }, props),
-    /* @__PURE__ */ React.createElement(ChartStyle, { id: chartId, config }),
-    /* @__PURE__ */ React.createElement(RechartsPrimitive.ResponsiveContainer, null, children)
-  ));
-});
-ChartContainer.displayName = "Chart";
-var ChartStyle = ({ id, config }) => {
-  const colorConfig = Object.entries(config).filter(([, config2]) => config2.theme || config2.color);
-  if (!colorConfig.length) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(
-    "style",
-    {
-      dangerouslySetInnerHTML: {
-        __html: Object.entries(THEMES).map(
-          ([theme, prefix]) => `
-${prefix} [data-chart=${id}] {
-${colorConfig.map(([key, itemConfig]) => {
-            var _a;
-            const color = ((_a = itemConfig.theme) == null ? void 0 : _a[theme]) || itemConfig.color;
-            return color ? `  --color-${key}: ${color};` : null;
-          }).join("\n")}
-}
-`
-        ).join("\n")
-      }
-    }
-  );
-};
-var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React.forwardRef(
-  ({
-    active,
-    payload,
-    className,
-    indicator = "dot",
-    hideLabel = false,
-    hideIndicator = false,
-    label,
-    labelFormatter,
-    labelClassName,
-    formatter,
-    color,
-    nameKey,
-    labelKey
-  }, ref) => {
-    const { config } = useChart();
-    const tooltipLabel = React.useMemo(() => {
-      var _a;
-      if (hideLabel || !(payload == null ? void 0 : payload.length)) {
-        return null;
-      }
-      const [item] = payload;
-      const key = `${labelKey || item.dataKey || item.name || "value"}`;
-      const itemConfig = getPayloadConfigFromPayload(config, item, key);
-      const value = !labelKey && typeof label === "string" ? ((_a = config[label]) == null ? void 0 : _a.label) || label : itemConfig == null ? void 0 : itemConfig.label;
-      if (labelFormatter) {
-        return /* @__PURE__ */ React.createElement("div", { className: cn("font-medium", labelClassName) }, labelFormatter(value, payload));
-      }
-      if (!value) {
-        return null;
-      }
-      return /* @__PURE__ */ React.createElement("div", { className: cn("font-medium", labelClassName) }, value);
-    }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);
-    if (!active || !(payload == null ? void 0 : payload.length)) {
-      return null;
-    }
-    const nestLabel = payload.length === 1 && indicator !== "dot";
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: cn(
-          "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
-          className
-        )
-      },
-      !nestLabel ? tooltipLabel : null,
-      /* @__PURE__ */ React.createElement("div", { className: "grid gap-1.5" }, payload.map((item, index) => {
-        const key = `${nameKey || item.name || item.dataKey || "value"}`;
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        const indicatorColor = color || item.payload.fill || item.color;
-        return /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            key: item.dataKey,
-            className: cn(
-              "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
-              indicator === "dot" && "items-center"
-            )
-          },
-          formatter && (item == null ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ React.createElement(React.Fragment, null, (itemConfig == null ? void 0 : itemConfig.icon) ? /* @__PURE__ */ React.createElement(itemConfig.icon, null) : !hideIndicator && /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: cn("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
-                "h-2.5 w-2.5": indicator === "dot",
-                "w-1": indicator === "line",
-                "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-                "my-0.5": nestLabel && indicator === "dashed"
-              }),
-              style: {
-                "--color-bg": indicatorColor,
-                "--color-border": indicatorColor
-              }
-            }
-          ), /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: cn(
-                "flex flex-1 justify-between leading-none",
-                nestLabel ? "items-end" : "items-center"
-              )
-            },
-            /* @__PURE__ */ React.createElement("div", { className: "grid gap-1.5" }, nestLabel ? tooltipLabel : null, /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground" }, (itemConfig == null ? void 0 : itemConfig.label) || item.name)),
-            item.value && /* @__PURE__ */ React.createElement("span", { className: "font-mono font-medium tabular-nums text-foreground" }, item.value.toLocaleString())
-          ))
-        );
-      }))
-    );
-  }
-);
-ChartTooltipContent.displayName = "ChartTooltip";
-var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React.forwardRef(({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
-  const { config } = useChart();
-  if (!(payload == null ? void 0 : payload.length)) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref,
-      className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className)
-    },
-    payload.map((item) => {
-      const key = `${nameKey || item.dataKey || "value"}`;
-      const itemConfig = getPayloadConfigFromPayload(config, item, key);
-      return /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          key: item.value,
-          className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground")
-        },
-        (itemConfig == null ? void 0 : itemConfig.icon) && !hideIcon ? /* @__PURE__ */ React.createElement(itemConfig.icon, null) : /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: "h-2 w-2 shrink-0 rounded-[2px]",
-            style: {
-              backgroundColor: item.color
-            }
-          }
-        ),
-        itemConfig == null ? void 0 : itemConfig.label
-      );
-    })
-  );
-});
-ChartLegendContent.displayName = "ChartLegend";
-function getPayloadConfigFromPayload(config, payload, key) {
-  if (typeof payload !== "object" || payload === null) {
-    return void 0;
-  }
-  const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
-  let configLabelKey = key;
-  if (key in payload && typeof payload[key] === "string") {
-    configLabelKey = payload[key];
-  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") {
-    configLabelKey = payloadPayload[key];
-  }
-  return configLabelKey in config ? config[configLabelKey] : config[key];
-}
-export {
-  ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartStyle,
-  ChartTooltip,
-  ChartTooltipContent
-};
-//# sourceMappingURL=chart.mjs.map