@inspirecn/react 1.0.0

package/dist/components/calendar/Calendar.js

@@ -0,0 +1,147 @@
+import * as f from "react";
+import { ChevronLeftIcon as _, ChevronRightIcon as v, ChevronDownIcon as z } from "lucide-react";
+import { getDefaultClassNames as b, DayPicker as k } from "react-day-picker";
+import { cn as e } from "@inspirecn/ui/lib/utils";
+import { buttonVariants as h, Button as N } from "../button/Button.js";
+import { jsx as n } from "react/jsx-runtime";
+function M({
+  className: c,
+  classNames: m,
+  showOutsideDays: a = !0,
+  captionLayout: s = "label",
+  buttonVariant: l = "secondary",
+  formatters: i,
+  components: u,
+  yearRange: g = 50,
+  ...x
+}) {
+  const t = b(), p = (/* @__PURE__ */ new Date()).getFullYear(), w = new Date(p - g, 0), y = new Date(p + g, 11);
+  return /* @__PURE__ */ n(k, {
+    showOutsideDays: a,
+    startMonth: w,
+    endMonth: y,
+    className: e("bg-surface-tertiary group/calendar rounded-md p-3 [--cell-size:--spacing(8)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent", "String.rawrtl:**:[.rdp-button_next>svg]:rotate-180", "String.rawrtl:**:[.rdp-button_previous>svg]:rotate-180", c),
+    captionLayout: s,
+    formatters: {
+      formatMonthDropdown: (r) => r.toLocaleString("default", {
+        month: "short"
+      }),
+      ...i
+    },
+    classNames: {
+      root: e("w-fit", t.root),
+      months: e("flex gap-4 flex-col md:flex-row relative", t.months),
+      month: e("flex flex-col w-full gap-4", t.month),
+      nav: e("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", t.nav),
+      button_previous: e(h({
+        size: "icon",
+        variant: l
+      }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", t.button_previous),
+      button_next: e(h({
+        size: "icon",
+        variant: l
+      }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none ", t.button_next),
+      month_caption: e("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", t.month_caption),
+      dropdowns: e("w-full flex items-center text-heading-xs! font-medium justify-center h-(--cell-size) gap-1.5", t.dropdowns),
+      dropdown_root: e("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", t.dropdown_root),
+      dropdown: e("absolute bg-popover inset-0 ", t.dropdown),
+      caption_label: e("select-none font-normal text-heading-sm! text-text-primary", s === "label" ? "text-heading-sm!" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-heading-sm! [&>svg]:text-muted-foreground [&>svg]:size-3.5", t.caption_label),
+      table: "w-full border-collapse",
+      weekdays: e("flex ", t.weekdays),
+      weekday: e("text-text-tertiary! rounded-md flex-1 font-normal text-heading-xs py-0.5 px-2 select-none w-8", t.weekday),
+      week: e("flex w-full mt-0.5", t.week),
+      week_number_header: e("select-none w-(--cell-size)", t.week_number_header),
+      week_number: e("text-[0.8rem] select-none text-muted-foreground", t.week_number),
+      day: e("relative h-8 w-8 text-center [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", x.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-md" : "[&:first-child[data-selected=true]_button]:rounded-l-md", t.day),
+      range_start: e("rounded-l-md bg-accent", t.range_start),
+      range_middle: e("rounded-none", t.range_middle),
+      range_end: e("rounded-r-md bg-accent", t.range_end),
+      today: e("text-text-primary rounded-md data-[selected=true]:rounded-md", "aria-selected:bg-cta-primary aria-selected:text-white aria-selected:outline-transparent", t.today),
+      outside: e("text-text-muted aria-selected:text-muted-foreground", t.outside),
+      disabled: e("text-text-muted ", t.disabled),
+      hidden: e("invisible", t.hidden),
+      ...m
+    },
+    components: {
+      Root: ({
+        className: r,
+        rootRef: d,
+        ...o
+      }) => /* @__PURE__ */ n("div", {
+        "data-slot": "calendar",
+        ref: d,
+        className: e(r),
+        ...o
+      }),
+      Chevron: ({
+        className: r,
+        orientation: d,
+        ...o
+      }) => d === "left" ? /* @__PURE__ */ n(_, {
+        className: e("size-4", r),
+        ...o
+      }) : d === "right" ? /* @__PURE__ */ n(v, {
+        className: e("size-4", r),
+        ...o
+      }) : /* @__PURE__ */ n(z, {
+        className: e("size-4", r),
+        ...o
+      }),
+      DayButton: D,
+      WeekNumber: ({
+        children: r,
+        ...d
+      }) => /* @__PURE__ */ n("td", {
+        ...d,
+        children: /* @__PURE__ */ n("div", {
+          className: "flex size-(--cell-size) items-center justify-center text-center",
+          children: r
+        })
+      }),
+      ...u
+    },
+    ...x
+  });
+}
+function D({
+  className: c,
+  day: m,
+  modifiers: a,
+  ...s
+}) {
+  const l = b(), i = f.useRef(null);
+  return f.useEffect(() => {
+    var u;
+    a.focused && ((u = i.current) == null || u.focus());
+  }, [a.focused]), /* @__PURE__ */ n(N, {
+    ref: i,
+    variant: "ghost",
+    size: "icon",
+    "data-day": m.date.toLocaleDateString(),
+    "data-selected-single": a.selected && !a.range_start && !a.range_end && !a.range_middle,
+    "data-range-start": a.range_start,
+    "data-range-end": a.range_end,
+    "data-range-middle": a.range_middle,
+    className: e(
+      // Default styles
+      "text-text-primary hover:bg-hover-secondary text-heading-xs! flex aspect-square size-auto max-w-full min-w-(--cell-size) flex-col p-0! py-2! font-normal focus:outline-transparent",
+      // Single select: fully rounded
+      "data-[selected-single=true]:bg-cta-primary data-[selected-single=true]:rounded-md data-[selected-single=true]:text-white",
+      // Range Start: only left side rounded
+      "data-[range-start=true]:bg-cta-primary data-[range-start=true]:rounded-l-md data-[range-start=true]:rounded-r-none data-[range-start=true]:text-white",
+      // Range End: only right side rounded
+      "data-[range-end=true]:bg-cta-primary data-[range-end=true]:rounded-l-none data-[range-end=true]:rounded-r-md data-[range-end=true]:text-white",
+      // Range Middle: no border radius
+      "data-[range-middle=true]:text-text-primary data-[range-middle=true]:bg-surface-secondary data-[range-middle=true]:rounded-none",
+      // Disabled state handles
+      "disabled:text-text-muted text-heading-xs opacity-100 disabled:pointer-events-none",
+      l.day,
+      c
+    ),
+    ...s
+  });
+}
+export {
+  M as Calendar,
+  D as CalendarDayButton
+};

package/dist/components/card/Card.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAC"}

package/dist/components/card/Card.js

@@ -0,0 +1,81 @@
+import { cn as r } from "@inspirecn/ui/lib/utils";
+import { jsx as e } from "react/jsx-runtime";
+function s({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "card",
+    className: r("bg-surface-white text-text-primary flex flex-col gap-6 rounded-md border py-6 shadow-sm", t),
+    ...a
+  });
+}
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "card-header",
+    className: r("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", t),
+    ...a
+  });
+}
+function i({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "card-title",
+    className: r("leading-none font-semibold", t),
+    ...a
+  });
+}
+function c({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "card-description",
+    className: r("text-muted-foreground text-sm", t),
+    ...a
+  });
+}
+function l({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "card-action",
+    className: r("col-start-2 row-span-2 row-start-1 self-start justify-self-end", t),
+    ...a
+  });
+}
+function u({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "card-content",
+    className: r("px-6", t),
+    ...a
+  });
+}
+function f({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("div", {
+    "data-slot": "card-footer",
+    className: r("flex items-center px-6 [.border-t]:pt-6", t),
+    ...a
+  });
+}
+export {
+  s as Card,
+  l as CardAction,
+  u as CardContent,
+  c as CardDescription,
+  f as CardFooter,
+  n as CardHeader,
+  i as CardTitle
+};

package/dist/components/carousel/Carousel.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react';
+import { Button } from '../button/Button';
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: 'horizontal' | 'vertical';
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<'div'> & CarouselProps): import("react/jsx-runtime").JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/components/carousel/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/carousel/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAI9B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC,CAAC;AAuBF,iBAAS,QAAQ,CAAC,EAChB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,2CAgF7C;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAmB5E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAgBzE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,CAAC"}

package/dist/components/carousel/Carousel.js

@@ -0,0 +1,153 @@
+import * as l from "react";
+import z from "embla-carousel-react";
+import { ArrowRight as g, ArrowLeft as p } from "lucide-react";
+import { cn as d } from "@inspirecn/ui/lib/utils";
+import { Button as h } from "../button/Button.js";
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
+const N = l.createContext(null);
+function m() {
+  const o = l.useContext(N);
+  if (!o)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return o;
+}
+function I({
+  orientation: o = "horizontal",
+  opts: r,
+  setApi: t,
+  plugins: s,
+  className: c,
+  children: i,
+  ...u
+}) {
+  const [b, e] = z({
+    ...r,
+    axis: o === "horizontal" ? "x" : "y"
+  }, s), [w, S] = l.useState(!1), [y, P] = l.useState(!1), f = l.useCallback((a) => {
+    a && (S(a.canScrollPrev()), P(a.canScrollNext()));
+  }, []), x = l.useCallback(() => {
+    e == null || e.scrollPrev();
+  }, [e]), C = l.useCallback(() => {
+    e == null || e.scrollNext();
+  }, [e]), k = l.useCallback((a) => {
+    a.key === "ArrowLeft" ? (a.preventDefault(), x()) : a.key === "ArrowRight" && (a.preventDefault(), C());
+  }, [x, C]);
+  return l.useEffect(() => {
+    !e || !t || t(e);
+  }, [e, t]), l.useEffect(() => {
+    if (e)
+      return f(e), e.on("reInit", f), e.on("select", f), () => {
+        e == null || e.off("select", f);
+      };
+  }, [e, f]), /* @__PURE__ */ n(N.Provider, {
+    value: {
+      carouselRef: b,
+      api: e,
+      opts: r,
+      orientation: o || ((r == null ? void 0 : r.axis) === "y" ? "vertical" : "horizontal"),
+      scrollPrev: x,
+      scrollNext: C,
+      canScrollPrev: w,
+      canScrollNext: y
+    },
+    children: /* @__PURE__ */ n("div", {
+      onKeyDownCapture: k,
+      className: d("relative", c),
+      role: "region",
+      "aria-roledescription": "carousel",
+      "data-slot": "carousel",
+      ...u,
+      children: i
+    })
+  });
+}
+function K({
+  className: o,
+  ...r
+}) {
+  const {
+    carouselRef: t,
+    orientation: s
+  } = m();
+  return /* @__PURE__ */ n("div", {
+    ref: t,
+    className: "overflow-hidden",
+    "data-slot": "carousel-content",
+    children: /* @__PURE__ */ n("div", {
+      className: d("flex", s === "horizontal" ? "-ml-4" : "-mt-4 flex-col", o),
+      ...r
+    })
+  });
+}
+function L({
+  className: o,
+  ...r
+}) {
+  const {
+    orientation: t
+  } = m();
+  return /* @__PURE__ */ n("div", {
+    role: "group",
+    "aria-roledescription": "slide",
+    "data-slot": "carousel-item",
+    className: d("min-w-0 shrink-0 grow-0 basis-full", t === "horizontal" ? "pl-4" : "pt-4", o),
+    ...r
+  });
+}
+function B({
+  className: o,
+  variant: r = "outline",
+  size: t = "icon",
+  ...s
+}) {
+  const {
+    orientation: c,
+    scrollPrev: i,
+    canScrollPrev: u
+  } = m();
+  return /* @__PURE__ */ v(h, {
+    "data-slot": "carousel-previous",
+    variant: r,
+    size: t,
+    className: d("absolute size-8 rounded-full", c === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", o),
+    disabled: !u,
+    onClick: i,
+    ...s,
+    children: [/* @__PURE__ */ n(p, {}), /* @__PURE__ */ n("span", {
+      className: "sr-only",
+      children: "Previous slide"
+    })]
+  });
+}
+function q({
+  className: o,
+  variant: r = "outline",
+  size: t = "icon",
+  ...s
+}) {
+  const {
+    orientation: c,
+    scrollNext: i,
+    canScrollNext: u
+  } = m();
+  return /* @__PURE__ */ v(h, {
+    "data-slot": "carousel-next",
+    variant: r,
+    size: t,
+    className: d("absolute size-8 rounded-full", c === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", o),
+    disabled: !u,
+    onClick: i,
+    ...s,
+    children: [/* @__PURE__ */ n(g, {}), /* @__PURE__ */ n("span", {
+      className: "sr-only",
+      children: "Next slide"
+    })]
+  });
+}
+export {
+  I as Carousel,
+  K as CarouselContent,
+  L as CarouselItem,
+  q as CarouselNext,
+  B as CarouselPrevious
+};

package/dist/components/chart/Chart.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import * as RechartsPrimitive from 'recharts';
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+export type ChartConfig = {
+    [k in string]: {
+        label?: React.ReactNode;
+        icon?: React.ComponentType;
+    } & ({
+        color?: string;
+        theme?: never;
+    } | {
+        color?: never;
+        theme: Record<keyof typeof THEMES, string>;
+    });
+};
+declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<'div'> & {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+}): import("react/jsx-runtime").JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => import("react/jsx-runtime").JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<'div'> & {
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare const ChartLegend: typeof RechartsPrimitive.Legend;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<'div'> & {
+    hideIcon?: boolean;
+    nameKey?: string;
+    verticalAlign?: RechartsPrimitive.LegendProps['verticalAlign'];
+    payload?: any[];
+}): import("react/jsx-runtime").JSX.Element | null;
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
+//# sourceMappingURL=Chart.d.ts.map

package/dist/components/chart/Chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../src/components/chart/Chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,UAAU,CAAC;AAK9C,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;KACvB,CAAC,IAAI,MAAM,GAAG;QACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,GAAG,CACA;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GACjC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAChE;CACF,CAAC;AAkBF,iBAAS,cAAc,CAAC,EACtB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAC5B,OAAO,iBAAiB,CAAC,mBAAmB,CAC7C,CAAC,UAAU,CAAC,CAAC;CACf,2CAsBA;AAED,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,mDA+BtE,CAAC;AAEF,QAAA,MAAM,YAAY,kCAA4B,CAAC;AAE/C,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,OAAO,CAAC,GACvD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,kDAyHF;AAED,QAAA,MAAM,WAAW,iCAA2B,CAAC;AAE7C,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,GACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC/D,OAAO,CAAC,EAAE,GAAG,EAAE,CAAC;CACjB,kDA0CA;AAyCD,OAAO,EACL,cAAc,EAAE,WAAW,EAC3B,kBAAkB,EAClB,UAAU,EAAE,YAAY,EACxB,mBAAmB,EACpB,CAAC"}

package/dist/components/chart/Chart.js

@@ -0,0 +1,175 @@
+import * as m from "react";
+import * as w from "recharts";
+import { cn as u } from "@inspirecn/ui/lib/utils";
+import { jsx as s, jsxs as f, Fragment as T } from "react/jsx-runtime";
+const I = {
+  light: "",
+  dark: ".dark"
+}, j = m.createContext(null);
+function $() {
+  const c = m.useContext(j);
+  if (!c)
+    throw new Error("useChart must be used within a <ChartContainer />");
+  return c;
+}
+function M({
+  id: c,
+  className: r,
+  children: n,
+  config: t,
+  ...a
+}) {
+  const h = m.useId(), o = `chart-${c || h.replace(/:/g, "")}`;
+  return /* @__PURE__ */ s(j.Provider, {
+    value: {
+      config: t
+    },
+    children: /* @__PURE__ */ f("div", {
+      "data-slot": "chart",
+      "data-chart": o,
+      className: u("[&_.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-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-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent", r),
+      ...a,
+      children: [/* @__PURE__ */ s(S, {
+        id: o,
+        config: t
+      }), /* @__PURE__ */ s(w.ResponsiveContainer, {
+        children: n
+      })]
+    })
+  });
+}
+const S = ({
+  id: c,
+  config: r
+}) => {
+  const n = Object.entries(r).filter(([, t]) => t.theme || t.color);
+  return n.length ? /* @__PURE__ */ s("style", {
+    dangerouslySetInnerHTML: {
+      __html: Object.entries(I).map(([t, a]) => `
+${a} [data-chart=${c}] {
+${n.map(([h, o]) => {
+        var l;
+        const i = ((l = o.theme) == null ? void 0 : l[t]) || o.color;
+        return i ? `  --color-${h}: ${i};` : null;
+      }).join(`
+`)}
+}
+`).join(`
+`)
+    }
+  }) : null;
+}, R = w.Tooltip;
+function H({
+  active: c,
+  payload: r,
+  className: n,
+  indicator: t = "dot",
+  hideLabel: a = !1,
+  hideIndicator: h = !1,
+  label: o,
+  labelFormatter: i,
+  labelClassName: l,
+  formatter: C,
+  color: L,
+  nameKey: P,
+  labelKey: p
+}) {
+  const {
+    config: x
+  } = $(), N = m.useMemo(() => {
+    var v;
+    if (a || !(r != null && r.length))
+      return null;
+    const [e] = r, _ = `${p || (e == null ? void 0 : e.dataKey) || (e == null ? void 0 : e.name) || "value"}`, g = k(x, e, _), d = !p && typeof o == "string" ? ((v = x[o]) == null ? void 0 : v.label) || o : g == null ? void 0 : g.label;
+    return i ? /* @__PURE__ */ s("div", {
+      className: u("font-medium", l),
+      children: i(d, r)
+    }) : d ? /* @__PURE__ */ s("div", {
+      className: u("font-medium", l),
+      children: d
+    }) : null;
+  }, [o, i, r, a, l, x, p]);
+  if (!c || !(r != null && r.length))
+    return null;
+  const b = r.length === 1 && t !== "dot";
+  return /* @__PURE__ */ f("div", {
+    className: u("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", n),
+    children: [b ? null : N, /* @__PURE__ */ s("div", {
+      className: "grid gap-1.5",
+      children: r.map((e, _) => {
+        const g = `${P || e.name || e.dataKey || "value"}`, d = k(x, e, g), v = L || e.payload.fill || e.color;
+        return /* @__PURE__ */ s("div", {
+          className: u("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", t === "dot" && "items-center"),
+          children: C && (e == null ? void 0 : e.value) !== void 0 && e.name ? C(e.value, e.name, e, _, e.payload) : /* @__PURE__ */ f(T, {
+            children: [d != null && d.icon ? /* @__PURE__ */ s(d.icon, {}) : !h && /* @__PURE__ */ s("div", {
+              className: u("border-(--color-border) bg-(--color-bg) shrink-0 rounded-[2px]", {
+                "h-2.5 w-2.5": t === "dot",
+                "w-1": t === "line",
+                "w-0 border-[1.5px] border-dashed bg-transparent": t === "dashed",
+                "my-0.5": b && t === "dashed"
+              }),
+              style: {
+                "--color-bg": v,
+                "--color-border": v
+              }
+            }), /* @__PURE__ */ f("div", {
+              className: u("flex flex-1 justify-between leading-none", b ? "items-end" : "items-center"),
+              children: [/* @__PURE__ */ f("div", {
+                className: "grid gap-1.5",
+                children: [b ? N : null, /* @__PURE__ */ s("span", {
+                  className: "text-muted-foreground",
+                  children: (d == null ? void 0 : d.label) || e.name
+                })]
+              }), e.value && /* @__PURE__ */ s("span", {
+                className: "text-foreground font-mono font-medium tabular-nums",
+                children: e.value.toLocaleString()
+              })]
+            })]
+          })
+        }, e.dataKey);
+      })
+    })]
+  });
+}
+const O = w.Legend;
+function q({
+  className: c,
+  hideIcon: r = !1,
+  payload: n,
+  verticalAlign: t = "bottom",
+  nameKey: a
+}) {
+  const {
+    config: h
+  } = $();
+  return n != null && n.length ? /* @__PURE__ */ s("div", {
+    className: u("flex items-center justify-center gap-4", t === "top" ? "pb-3" : "pt-3", c),
+    children: n.map((o) => {
+      const i = `${a || o.dataKey || "value"}`, l = k(h, o, i);
+      return /* @__PURE__ */ f("div", {
+        className: u("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+        children: [l != null && l.icon && !r ? /* @__PURE__ */ s(l.icon, {}) : /* @__PURE__ */ s("div", {
+          className: "h-2 w-2 shrink-0 rounded-[2px]",
+          style: {
+            backgroundColor: o.color
+          }
+        }), l == null ? void 0 : l.label]
+      }, o.value);
+    })
+  }) : null;
+}
+function k(c, r, n) {
+  if (typeof r != "object" || r === null)
+    return;
+  const t = "payload" in r && typeof r.payload == "object" && r.payload !== null ? r.payload : void 0;
+  let a = n;
+  return n in r && typeof r[n] == "string" ? a = r[n] : t && n in t && typeof t[n] == "string" && (a = t[n]), a in c ? c[a] : c[n];
+}
+export {
+  M as ChartContainer,
+  O as ChartLegend,
+  q as ChartLegendContent,
+  S as ChartStyle,
+  R as ChartTooltip,
+  H as ChartTooltipContent
+};

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+interface CheckboxProps extends React.ComponentProps<typeof CheckboxPrimitive.Root> {
+    label?: string;
+    labelRequired?: boolean;
+    labelOptional?: boolean;
+    labelInfo?: string;
+}
+declare function Checkbox({ className, label, labelRequired, labelOptional, labelInfo, id, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAM9D,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAClD,OAAO,iBAAiB,CAAC,IAAI,CAC9B;IACC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,KAAK,EACL,aAAa,EACb,aAAa,EACb,SAAS,EACT,EAAE,EACF,GAAG,KAAK,EACT,EAAE,aAAa,2CAmCf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}