@nergora/ui 0.0.0-stage → 1.0.8

package/dist/esm/components/calendar/calendar-grid.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { AriaCalendarGridProps } from "react-aria";
+import { CalendarState } from "react-stately";
+interface CalendarGridProps extends AriaCalendarGridProps {
+    state: CalendarState;
+}
+declare const CalendarGrid: ({ state, ...props }: CalendarGridProps) => React.JSX.Element;
+export { CalendarGrid };
+//# sourceMappingURL=calendar-grid.d.ts.map

package/dist/esm/components/calendar/calendar-grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-grid.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-grid.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,qBAAqB,EAA8B,MAAM,YAAY,CAAA;AAE9E,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAG7C,UAAU,iBAAkB,SAAQ,qBAAqB;IACvD,KAAK,EAAE,aAAa,CAAA;CACrB;AAED,QAAA,MAAM,YAAY,GAAI,qBAAqB,iBAAiB,sBAgC3D,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/esm/components/calendar/calendar-grid.js

@@ -0,0 +1,17 @@
+import { getWeeksInMonth } from "@internationalized/date";
+import * as React from "react";
+import { useCalendarGrid, useLocale } from "react-aria";
+import { CalendarCell } from "./calendar-cell";
+const CalendarGrid = ({ state, ...props }) => {
+    const { locale } = useLocale();
+    const { gridProps, headerProps, weekDays } = useCalendarGrid(props, state);
+    const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
+    return (React.createElement("table", { ...gridProps },
+        React.createElement("thead", { ...headerProps },
+            React.createElement("tr", null, weekDays.map((day, index) => (React.createElement("th", { key: index, className: "txt-compact-small-plus text-ui-fg-muted size-8 p-1 rounded-md" }, day))))),
+        React.createElement("tbody", null, [...new Array(weeksInMonth).keys()].map((weekIndex) => (React.createElement("tr", { key: weekIndex }, state
+            .getDatesInWeek(weekIndex)
+            .map((date, i) => date ? (React.createElement(CalendarCell, { key: i, state: state, date: date })) : (React.createElement("td", { key: i })))))))));
+};
+export { CalendarGrid };
+//# sourceMappingURL=calendar-grid.js.map

package/dist/esm/components/calendar/calendar-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-grid.js","sourceRoot":"","sources":["../../../../src/components/calendar/calendar-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAyB,eAAe,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAG9E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAM9C,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE;IAC9D,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAC9B,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAA;IAE1E,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IAEtE,OAAO,CACL,kCAAW,SAAS;QAClB,kCAAW,WAAW;YACpB,gCACG,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,+DAA+D,IAAE,GAAG,CAAM,CACrG,CAAC,CACC,CACC;QACR,mCACG,CAAC,GAAG,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CACtD,4BAAI,GAAG,EAAE,SAAS,IACf,KAAK;aACH,cAAc,CAAC,SAAS,CAAC;aACzB,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CACf,IAAI,CAAC,CAAC,CAAC,CACL,oBAAC,YAAY,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACnD,CAAC,CAAC,CAAC,CACF,4BAAI,GAAG,EAAE,CAAC,GAAI,CACf,CACF,CACA,CACN,CAAC,CACI,CACF,CACT,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA","sourcesContent":["import { getWeeksInMonth } from \"@internationalized/date\"\nimport * as React from \"react\"\nimport { AriaCalendarGridProps, useCalendarGrid, useLocale } from \"react-aria\"\n\nimport { CalendarState } from \"react-stately\"\nimport { CalendarCell } from \"./calendar-cell\"\n\ninterface CalendarGridProps extends AriaCalendarGridProps {\n  state: CalendarState\n}\n\nconst CalendarGrid = ({ state, ...props }: CalendarGridProps) => {\n  const { locale } = useLocale()\n  const { gridProps, headerProps, weekDays } = useCalendarGrid(props, state)\n\n  const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale)\n\n  return (\n    <table {...gridProps}>\n      <thead {...headerProps}>\n        <tr>\n          {weekDays.map((day, index) => (\n            <th key={index} className=\"txt-compact-small-plus text-ui-fg-muted size-8 p-1 rounded-md\">{day}</th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {[...new Array(weeksInMonth).keys()].map((weekIndex) => (\n          <tr key={weekIndex}>\n            {state\n              .getDatesInWeek(weekIndex)\n              .map((date, i) =>\n                date ? (\n                  <CalendarCell key={i} state={state} date={date} />\n                ) : (\n                  <td key={i} />\n                )\n              )}\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  )\n}\n\nexport { CalendarGrid }\n"]}

package/dist/esm/components/calendar/calendar.d.ts

@@ -0,0 +1,40 @@
+import { CalendarDate } from "@internationalized/date";
+import * as React from "react";
+import { type CalendarProps as BaseCalendarProps } from "react-aria";
+interface CalendarValueProps {
+    /**
+     * The currently selected date.
+     */
+    value?: Date | null;
+    /**
+     * The date that is selected when the calendar first mounts (uncontrolled).
+     */
+    defaultValue?: Date | null;
+    /**
+     * A function that is triggered when the selected date changes.
+     */
+    onChange?: (value: Date | null) => void;
+    /**
+     * A function that determines whether a date is unavailable for selection.
+     */
+    isDateUnavailable?: (date: Date) => boolean;
+    /**
+     * The minimum date that can be selected.
+     */
+    minValue?: Date;
+    /**
+     * The maximum date that can be selected.
+     */
+    maxValue?: Date;
+}
+interface CalendarProps extends Omit<BaseCalendarProps<CalendarDate>, keyof CalendarValueProps>, CalendarValueProps {
+}
+/**
+ * Calendar component used to select a date.
+ * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).
+ *
+ * @excludeExternal
+ */
+declare const Calendar: (props: CalendarProps) => React.JSX.Element;
+export { Calendar };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/esm/components/calendar/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAGb,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAIL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,YAAY,CAAA;AAQnB,UAAU,kBAAkB;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAA;CAChB;AAED,UAAU,aACR,SAAQ,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,MAAM,kBAAkB,CAAC,EACrE,kBAAkB;CAAG;AAEzB;;;;;GAKG;AACH,QAAA,MAAM,QAAQ,GAAI,OAAO,aAAa,sBAsCrC,CAAA;AAsCD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/calendar/calendar.js

@@ -0,0 +1,59 @@
+"use client";
+import { createCalendar, getLocalTimeZone } from "@internationalized/date";
+import { TriangleLeftMini, TriangleRightMini } from "@nergora/icons";
+import * as React from "react";
+import { useCalendar, useLocale, } from "react-aria";
+import { useCalendarState } from "react-stately";
+import { createCalendarDate, getDefaultCalendarDate, updateCalendarDate } from "../../utils/calendar.js";
+import { CalendarButton } from "./calendar-button";
+import { CalendarGrid } from "./calendar-grid";
+/**
+ * Calendar component used to select a date.
+ * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).
+ *
+ * @excludeExternal
+ */
+const Calendar = (props) => {
+    const [value, setValue] = React.useState(() => getDefaultCalendarDate(props.value, props.defaultValue));
+    const { locale } = useLocale();
+    const _props = React.useMemo(() => convertProps(props, setValue), [props]);
+    const state = useCalendarState({
+        ..._props,
+        value,
+        locale,
+        createCalendar,
+    });
+    React.useEffect(() => {
+        setValue(props.value ? updateCalendarDate(value, props.value) : null);
+    }, [props.value]);
+    const { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar({ value, ..._props }, state);
+    return (React.createElement("div", { ...calendarProps, className: "flex flex-col gap-y-2" },
+        React.createElement("div", { className: "bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5" },
+            React.createElement(CalendarButton, { ...prevButtonProps },
+                React.createElement(TriangleLeftMini, null)),
+            React.createElement("div", { className: "flex items-center justify-center" },
+                React.createElement("h2", { className: "txt-compact-small-plus" }, title)),
+            React.createElement(CalendarButton, { ...nextButtonProps },
+                React.createElement(TriangleRightMini, null))),
+        React.createElement(CalendarGrid, { state: state })));
+};
+function convertProps(props, setValue) {
+    const { minValue, maxValue, isDateUnavailable: _isDateUnavailable, onChange: _onChange, value: __value__, defaultValue: __defaultValue__, ...rest } = props;
+    const onChange = (value) => {
+        setValue(value);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(value ? value.toDate(getLocalTimeZone()) : null);
+    };
+    const isDateUnavailable = (date) => {
+        const _date = date.toDate(getLocalTimeZone());
+        return _isDateUnavailable ? _isDateUnavailable(_date) : false;
+    };
+    return {
+        ...rest,
+        onChange,
+        isDateUnavailable,
+        minValue: minValue ? createCalendarDate(minValue) : minValue,
+        maxValue: maxValue ? createCalendarDate(maxValue) : maxValue,
+    };
+}
+export { Calendar };
+//# sourceMappingURL=calendar.js.map

package/dist/esm/components/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../src/components/calendar/calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n  CalendarDate,\n  createCalendar,\n  getLocalTimeZone\n} from \"@internationalized/date\"\nimport { TriangleLeftMini, TriangleRightMini } from \"@nergora/icons\"\nimport * as React from \"react\"\nimport {\n  DateValue,\n  useCalendar,\n  useLocale,\n  type CalendarProps as BaseCalendarProps,\n} from \"react-aria\"\nimport { useCalendarState } from \"react-stately\"\n\nimport { createCalendarDate, getDefaultCalendarDate, updateCalendarDate } from \"@/utils/calendar\"\n\nimport { CalendarButton } from \"./calendar-button\"\nimport { CalendarGrid } from \"./calendar-grid\"\n\ninterface CalendarValueProps {\n  /**\n   * The currently selected date.\n   */\n  value?: Date | null\n  /**\n   * The date that is selected when the calendar first mounts (uncontrolled).\n   */\n  defaultValue?: Date | null\n  /**\n   * A function that is triggered when the selected date changes.\n   */\n  onChange?: (value: Date | null) => void\n  /**\n   * A function that determines whether a date is unavailable for selection.\n   */\n  isDateUnavailable?: (date: Date) => boolean\n  /**\n   * The minimum date that can be selected.\n   */\n  minValue?: Date\n  /**\n   * The maximum date that can be selected.\n   */\n  maxValue?: Date\n}\n\ninterface CalendarProps\n  extends Omit<BaseCalendarProps<CalendarDate>, keyof CalendarValueProps>,\n    CalendarValueProps {}\n\n/**\n * Calendar component used to select a date.\n * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).\n * \n * @excludeExternal\n */\nconst Calendar = (props: CalendarProps) => {\n  const [value, setValue] = React.useState<CalendarDate  | null | undefined>(\n    () => getDefaultCalendarDate(props.value, props.defaultValue)\n  )\n\n  const { locale } = useLocale()\n  const _props = React.useMemo(() => convertProps(props, setValue), [props])\n\n  const state = useCalendarState({\n    ..._props,\n    value,\n    locale,\n    createCalendar,\n  })\n\n  React.useEffect(() => {\n    setValue(props.value ? updateCalendarDate(value, props.value) : null)\n  }, [props.value])\n\n  const { calendarProps, prevButtonProps, nextButtonProps, title } =\n    useCalendar({ value, ..._props }, state)\n\n  return (\n    <div {...calendarProps} className=\"flex flex-col gap-y-2\">\n      <div className=\"bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5\">\n        <CalendarButton {...prevButtonProps}>\n          <TriangleLeftMini />\n        </CalendarButton>\n        <div className=\"flex items-center justify-center\">\n          <h2 className=\"txt-compact-small-plus\">{title}</h2>\n        </div>\n        <CalendarButton {...nextButtonProps}>\n          <TriangleRightMini />\n        </CalendarButton>\n      </div>\n      <CalendarGrid state={state} />\n    </div>\n  )\n}\n\nfunction convertProps(\n  props: CalendarProps,\n  setValue: React.Dispatch<\n    React.SetStateAction<CalendarDate | null | undefined>\n  >\n): BaseCalendarProps<CalendarDate> {\n  const {\n    minValue,\n    maxValue,\n    isDateUnavailable: _isDateUnavailable,\n    onChange: _onChange,\n    value: __value__,\n    defaultValue: __defaultValue__,\n    ...rest\n  } = props\n\n  const onChange = (value: CalendarDate | null) => {\n    setValue(value)\n    _onChange?.(value ? value.toDate(getLocalTimeZone()) : null)\n  }\n\n  const isDateUnavailable = (date: DateValue) => {\n    const _date = date.toDate(getLocalTimeZone())\n\n    return _isDateUnavailable ? _isDateUnavailable(_date) : false\n  }\n\n  return {\n    ...rest,\n    onChange,\n    isDateUnavailable,\n    minValue: minValue ? createCalendarDate(minValue) : minValue,\n    maxValue: maxValue ? createCalendarDate(maxValue) : maxValue,\n  }\n}\n\nexport { Calendar }\n"]}

package/dist/esm/components/calendar/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./_internal-calendar";
+export * from "./calendar";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA"}

package/dist/esm/components/calendar/index.js

@@ -0,0 +1,3 @@
+export * from "./_internal-calendar";
+export * from "./calendar";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/calendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA","sourcesContent":["export * from \"./_internal-calendar\"\nexport * from \"./calendar\"\n"]}

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

@@ -0,0 +1,55 @@
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+import type { TooltipValueType } from "recharts";
+declare const THEMES: {
+    readonly light: "";
+    readonly dark: ".dark";
+};
+type TooltipNameType = number | string;
+type ChartConfig = Record<string, {
+    label?: React.ReactNode;
+    icon?: React.ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+})>;
+type ChartContextProps = {
+    config: ChartConfig;
+};
+declare function useChart(): ChartContextProps;
+interface ChartContainerProps extends React.ComponentPropsWithoutRef<"div"> {
+    config: ChartConfig;
+    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+    initialDimension?: {
+        width: number;
+        height: number;
+    };
+}
+declare function ChartContainer({ id, className, children, config, initialDimension, ...props }: ChartContainerProps): React.JSX.Element;
+declare const ChartStyle: ({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}) => React.JSX.Element | null;
+declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+interface ChartTooltipContentProps extends Omit<React.ComponentPropsWithoutRef<"div">, "color" | "content" | "formatter" | "label" | "ref" | keyof RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>>, Omit<RechartsPrimitive.DefaultTooltipContentProps<TooltipValueType, TooltipNameType>, "accessibilityLayer" | "content"> {
+    active?: boolean;
+    color?: string;
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: "line" | "dot" | "dashed";
+    nameKey?: string;
+    labelKey?: string;
+}
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): React.JSX.Element | null;
+declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+interface ChartLegendContentProps extends Omit<React.ComponentPropsWithoutRef<"div">, keyof RechartsPrimitive.DefaultLegendContentProps>, RechartsPrimitive.DefaultLegendContentProps {
+    hideIcon?: boolean;
+    nameKey?: string;
+}
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ChartLegendContentProps): React.JSX.Element | null;
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, useChart, };
+export type { ChartConfig, ChartContainerProps, ChartLegendContentProps, ChartTooltipContentProps, };
+//# sourceMappingURL=chart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/chart.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/chart/chart.js

@@ -0,0 +1,148 @@
+"use client";
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
+import { clx } from "../../utils/clx.js";
+const THEMES = { light: "", dark: ".dark" };
+const INITIAL_DIMENSION = { width: 320, height: 200 };
+const 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;
+}
+function ChartContainer({ id, className, children, config, initialDimension = INITIAL_DIMENSION, ...props }) {
+    const uniqueId = React.useId();
+    const chartId = `chart-${id !== null && id !== void 0 ? id : uniqueId.replace(/:/g, "")}`;
+    return (React.createElement(ChartContext.Provider, { value: { config } },
+        React.createElement("div", { "data-slot": "chart", "data-chart": chartId, className: clx("txt-compact-xsmall flex aspect-video justify-center text-ui-fg-base", "[&_.recharts-cartesian-axis-tick_text]:fill-ui-fg-muted", "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-ui-border-base", "[&_.recharts-curve.recharts-tooltip-cursor]:stroke-ui-border-base", "[&_.recharts-dot[stroke='#fff']]:stroke-transparent", "[&_.recharts-layer]:outline-none", "[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-ui-border-base", "[&_.recharts-radial-bar-background-sector]:fill-ui-bg-subtle", "[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-ui-bg-subtle", "[&_.recharts-reference-line_[stroke='#ccc']]:stroke-ui-border-base", "[&_.recharts-sector]:outline-none", "[&_.recharts-sector[stroke='#fff']]:stroke-transparent", "[&_.recharts-surface]:outline-none", className), ...props },
+            React.createElement(ChartStyle, { id: chartId, config: config }),
+            React.createElement(RechartsPrimitive.ResponsiveContainer, { initialDimension: initialDimension }, children))));
+}
+const ChartStyle = ({ id, config }) => {
+    const colorConfig = Object.entries(config).filter(([, itemConfig]) => { var _a; return (_a = itemConfig.theme) !== null && _a !== void 0 ? _a : itemConfig.color; });
+    if (!colorConfig.length) {
+        return null;
+    }
+    return (React.createElement("style", { dangerouslySetInnerHTML: {
+            __html: Object.entries(THEMES)
+                .map(([theme, prefix]) => `
+${prefix} [data-chart=${id}] {
+${colorConfig
+                .map(([key, itemConfig]) => {
+                var _a, _b;
+                const color = (_b = (_a = itemConfig.theme) === null || _a === void 0 ? void 0 : _a[theme]) !== null && _b !== void 0 ? _b : itemConfig.color;
+                return color ? `  --color-${key}: ${color};` : null;
+            })
+                .filter(Boolean)
+                .join("\n")}
+}
+`)
+                .join("\n"),
+        } }));
+};
+const ChartTooltip = RechartsPrimitive.Tooltip;
+function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
+    const { config } = useChart();
+    const tooltipLabel = React.useMemo(() => {
+        var _a, _b, _c, _d;
+        if (hideLabel || !(payload === null || payload === void 0 ? void 0 : payload.length)) {
+            return null;
+        }
+        const [item] = payload;
+        const key = `${(_b = (_a = labelKey !== null && labelKey !== void 0 ? labelKey : item === null || item === void 0 ? void 0 : item.dataKey) !== null && _a !== void 0 ? _a : item === null || item === void 0 ? void 0 : item.name) !== null && _b !== void 0 ? _b : "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = !labelKey && typeof label === "string"
+            ? ((_d = (_c = config[label]) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : label)
+            : itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label;
+        if (labelFormatter) {
+            return (React.createElement("div", { className: clx("txt-compact-small-plus", labelClassName) }, labelFormatter(value, payload)));
+        }
+        if (!value) {
+            return null;
+        }
+        return (React.createElement("div", { className: clx("txt-compact-small-plus", labelClassName) }, value));
+    }, [
+        label,
+        labelFormatter,
+        payload,
+        hideLabel,
+        labelClassName,
+        config,
+        labelKey,
+    ]);
+    if (!active || !(payload === null || payload === void 0 ? void 0 : payload.length)) {
+        return null;
+    }
+    const nestLabel = payload.length === 1 && indicator !== "dot";
+    return (React.createElement("div", { className: clx("shadow-elevation-tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-ui-border-base bg-ui-bg-base px-2.5 py-1.5 text-ui-fg-base", className) },
+        !nestLabel ? tooltipLabel : null,
+        React.createElement("div", { className: "grid gap-1.5" }, payload
+            .filter((item) => item.type !== "none")
+            .map((item, index) => {
+            var _a, _b, _c, _d, _e;
+            const key = `${(_b = (_a = nameKey !== null && nameKey !== void 0 ? nameKey : item.name) !== null && _a !== void 0 ? _a : item.dataKey) !== null && _b !== void 0 ? _b : "value"}`;
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            const indicatorColor = (_d = color !== null && color !== void 0 ? color : (_c = item.payload) === null || _c === void 0 ? void 0 : _c.fill) !== null && _d !== void 0 ? _d : item.color;
+            return (React.createElement("div", { key: index, className: clx("flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5 [&>svg]:text-ui-fg-muted", indicator === "dot" && "items-center") }, formatter && (item === null || item === void 0 ? void 0 : item.value) !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (React.createElement(React.Fragment, null,
+                (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.icon) ? (React.createElement(itemConfig.icon, null)) : (!hideIndicator && (React.createElement("div", { className: clx("shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]", {
+                        "size-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,
+                    } }))),
+                React.createElement("div", { className: clx("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center") },
+                    React.createElement("div", { className: "grid gap-1.5" },
+                        nestLabel ? tooltipLabel : null,
+                        React.createElement("span", { className: "text-ui-fg-muted" }, (_e = itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.label) !== null && _e !== void 0 ? _e : item.name)),
+                    item.value != null && (React.createElement("span", { className: "font-mono font-medium tabular-nums text-ui-fg-base" }, typeof item.value === "number"
+                        ? item.value.toLocaleString()
+                        : String(item.value))))))));
+        }))));
+}
+const ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey, }) {
+    const { config } = useChart();
+    if (!(payload === null || payload === void 0 ? void 0 : payload.length)) {
+        return null;
+    }
+    return (React.createElement("div", { className: clx("flex items-center justify-center gap-4 text-ui-fg-muted", verticalAlign === "top" ? "pb-3" : "pt-3", className) }, payload
+        .filter((item) => item.type !== "none")
+        .map((item, index) => {
+        var _a;
+        const key = `${(_a = nameKey !== null && nameKey !== void 0 ? nameKey : item.dataKey) !== null && _a !== void 0 ? _a : "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        return (React.createElement("div", { key: index, className: "flex items-center gap-1.5 [&>svg]:size-3 [&>svg]:text-ui-fg-muted" },
+            (itemConfig === null || itemConfig === void 0 ? void 0 : itemConfig.icon) && !hideIcon ? (React.createElement(itemConfig.icon, null)) : (React.createElement("div", { className: "size-2 shrink-0 rounded-[2px]", style: {
+                    backgroundColor: item.color,
+                } })), itemConfig === null || itemConfig === void 0 ? void 0 :
+            itemConfig.label));
+    })));
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+    if (typeof payload !== "object" || payload === null) {
+        return undefined;
+    }
+    const payloadPayload = "payload" in payload &&
+        typeof payload.payload === "object" &&
+        payload.payload !== null
+        ? payload.payload
+        : undefined;
+    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, useChart, };
+//# sourceMappingURL=chart.js.map

package/dist/esm/components/chart/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.js","sourceRoot":"","sources":["../../../../src/components/chart/chart.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as RechartsPrimitive from \"recharts\"\nimport type { TooltipValueType } from \"recharts\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst THEMES = { light: \"\", dark: \".dark\" } as const\nconst INITIAL_DIMENSION = { width: 320, height: 200 } as const\n\ntype TooltipNameType = number | string\n\ntype ChartConfig = Record<\n  string,\n  {\n    label?: React.ReactNode\n    icon?: React.ComponentType\n  } & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n  )\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\ninterface ChartContainerProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  config: ChartConfig\n  children: React.ComponentProps<\n    typeof RechartsPrimitive.ResponsiveContainer\n  >[\"children\"]\n  initialDimension?: {\n    width: number\n    height: number\n  }\n}\n\nfunction ChartContainer({\n  id,\n  className,\n  children,\n  config,\n  initialDimension = INITIAL_DIMENSION,\n  ...props\n}: ChartContainerProps) {\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-slot=\"chart\"\n        data-chart={chartId}\n        className={clx(\n          \"txt-compact-xsmall flex aspect-video justify-center text-ui-fg-base\",\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-ui-fg-muted\",\n          \"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-ui-border-base\",\n          \"[&_.recharts-curve.recharts-tooltip-cursor]:stroke-ui-border-base\",\n          \"[&_.recharts-dot[stroke='#fff']]:stroke-transparent\",\n          \"[&_.recharts-layer]:outline-none\",\n          \"[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-ui-border-base\",\n          \"[&_.recharts-radial-bar-background-sector]:fill-ui-bg-subtle\",\n          \"[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-ui-bg-subtle\",\n          \"[&_.recharts-reference-line_[stroke='#ccc']]:stroke-ui-border-base\",\n          \"[&_.recharts-sector]:outline-none\",\n          \"[&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n          \"[&_.recharts-surface]:outline-none\",\n          className\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer\n          initialDimension={initialDimension}\n        >\n          {children}\n        </RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  )\n}\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(\n    ([, itemConfig]) => itemConfig.theme ?? itemConfig.color\n  )\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 =\n      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ??\n      itemConfig.color\n\n    return color ? `  --color-${key}: ${color};` : null\n  })\n  .filter(Boolean)\n  .join(\"\\n\")}\n}\n`\n          )\n          .join(\"\\n\"),\n      }}\n    />\n  )\n}\n\nconst ChartTooltip = RechartsPrimitive.Tooltip\n\ninterface ChartTooltipContentProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<\"div\">,\n      | \"color\"\n      | \"content\"\n      | \"formatter\"\n      | \"label\"\n      | \"ref\"\n      | keyof RechartsPrimitive.DefaultTooltipContentProps<\n          TooltipValueType,\n          TooltipNameType\n        >\n    >,\n    Omit<\n      RechartsPrimitive.DefaultTooltipContentProps<\n        TooltipValueType,\n        TooltipNameType\n      >,\n      \"accessibilityLayer\" | \"content\"\n    > {\n  active?: boolean\n  color?: string\n  hideLabel?: boolean\n  hideIndicator?: boolean\n  indicator?: \"line\" | \"dot\" | \"dashed\"\n  nameKey?: string\n  labelKey?: string\n}\n\nfunction ChartTooltipContent({\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}: ChartTooltipContentProps) {\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]?.label ?? label)\n        : itemConfig?.label\n\n    if (labelFormatter) {\n      return (\n        <div className={clx(\"txt-compact-small-plus\", labelClassName)}>\n          {labelFormatter(value, payload)}\n        </div>\n      )\n    }\n\n    if (!value) {\n      return null\n    }\n\n    return (\n      <div className={clx(\"txt-compact-small-plus\", labelClassName)}>\n        {value}\n      </div>\n    )\n  }, [\n    label,\n    labelFormatter,\n    payload,\n    hideLabel,\n    labelClassName,\n    config,\n    labelKey,\n  ])\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      className={clx(\n        \"shadow-elevation-tooltip grid min-w-32 items-start gap-1.5 rounded-lg border border-ui-border-base bg-ui-bg-base px-2.5 py-1.5 text-ui-fg-base\",\n        className\n      )}\n    >\n      {!nestLabel ? tooltipLabel : null}\n      <div className=\"grid gap-1.5\">\n        {payload\n          .filter((item) => item.type !== \"none\")\n          .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={index}\n                className={clx(\n                  \"flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5 [&>svg]:text-ui-fg-muted\",\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={clx(\n                            \"shrink-0 rounded-[2px] border-[var(--color-border)] bg-[var(--color-bg)]\",\n                            {\n                              \"size-2.5\": indicator === \"dot\",\n                              \"w-1\": indicator === \"line\",\n                              \"w-0 border-[1.5px] border-dashed bg-transparent\":\n                                indicator === \"dashed\",\n                              \"my-0.5\": nestLabel && indicator === \"dashed\",\n                            }\n                          )}\n                          style={\n                            {\n                              \"--color-bg\": indicatorColor,\n                              \"--color-border\": indicatorColor,\n                            } as React.CSSProperties\n                          }\n                        />\n                      )\n                    )}\n                    <div\n                      className={clx(\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-ui-fg-muted\">\n                          {itemConfig?.label ?? item.name}\n                        </span>\n                      </div>\n                      {item.value != null && (\n                        <span className=\"font-mono font-medium tabular-nums text-ui-fg-base\">\n                          {typeof item.value === \"number\"\n                            ? item.value.toLocaleString()\n                            : String(item.value)}\n                        </span>\n                      )}\n                    </div>\n                  </>\n                )}\n              </div>\n            )\n          })}\n      </div>\n    </div>\n  )\n}\n\nconst ChartLegend = RechartsPrimitive.Legend\n\ninterface ChartLegendContentProps\n  extends Omit<\n      React.ComponentPropsWithoutRef<\"div\">,\n      keyof RechartsPrimitive.DefaultLegendContentProps\n    >,\n    RechartsPrimitive.DefaultLegendContentProps {\n  hideIcon?: boolean\n  nameKey?: string\n}\n\nfunction ChartLegendContent({\n  className,\n  hideIcon = false,\n  payload,\n  verticalAlign = \"bottom\",\n  nameKey,\n}: ChartLegendContentProps) {\n  const { config } = useChart()\n\n  if (!payload?.length) {\n    return null\n  }\n\n  return (\n    <div\n      className={clx(\n        \"flex items-center justify-center gap-4 text-ui-fg-muted\",\n        verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n        className\n      )}\n    >\n      {payload\n        .filter((item) => item.type !== \"none\")\n        .map((item, index) => {\n          const key = `${nameKey ?? item.dataKey ?? \"value\"}`\n          const itemConfig = getPayloadConfigFromPayload(config, item, key)\n\n          return (\n            <div\n              key={index}\n              className=\"flex items-center gap-1.5 [&>svg]:size-3 [&>svg]:text-ui-fg-muted\"\n            >\n              {itemConfig?.icon && !hideIcon ? (\n                <itemConfig.icon />\n              ) : (\n                <div\n                  className=\"size-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}\n\nfunction getPayloadConfigFromPayload(\n  config: ChartConfig,\n  payload: unknown,\n  key: string\n) {\n  if (typeof payload !== \"object\" || payload === null) {\n    return undefined\n  }\n\n  const payloadPayload =\n    \"payload\" in payload &&\n    typeof payload.payload === \"object\" &&\n    payload.payload !== null\n      ? payload.payload\n      : undefined\n\n  let configLabelKey = key\n\n  if (\n    key in payload &&\n    typeof payload[key as keyof typeof payload] === \"string\"\n  ) {\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[\n      key as keyof typeof payloadPayload\n    ] as string\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key]\n}\n\nexport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n  ChartTooltip,\n  ChartTooltipContent,\n  useChart,\n}\nexport type {\n  ChartConfig,\n  ChartContainerProps,\n  ChartLegendContentProps,\n  ChartTooltipContentProps,\n}\n"]}

package/dist/esm/components/chart/index.d.ts

@@ -0,0 +1,3 @@
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, useChart, } from "./chart";
+export type { ChartConfig, ChartContainerProps, ChartLegendContentProps, ChartTooltipContentProps, } from "./chart";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,QAAQ,GACT,MAAM,SAAS,CAAA;AAChB,YAAY,EACV,WAAW,EACX,mBAAmB,EACnB,uBAAuB,EACvB,wBAAwB,GACzB,MAAM,SAAS,CAAA"}

package/dist/esm/components/chart/index.js

@@ -0,0 +1,2 @@
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, useChart, } from "./chart";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/chart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,EACnB,QAAQ,GACT,MAAM,SAAS,CAAA","sourcesContent":["export {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n  ChartTooltip,\n  ChartTooltipContent,\n  useChart,\n} from \"./chart\"\nexport type {\n  ChartConfig,\n  ChartContainerProps,\n  ChartLegendContentProps,\n  ChartTooltipContentProps,\n} from \"./chart\"\n"]}

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

@@ -0,0 +1,11 @@
+import { Checkbox as RadixCheckbox } from "radix-ui";
+import * as React from "react";
+import { CheckboxCheckedState } from "./types";
+/**
+ * This component is based on the [Radix UI Checkbox](https://www.radix-ui.com/primitives/docs/components/checkbox) primitive.
+ */
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<RadixCheckbox.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    checked?: CheckboxCheckedState | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C;;GAEG;AACH,QAAA,MAAM,QAAQ;cAGA,oBAAoB,GAAG,SAAS;2CA6B5C,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/esm/components/checkbox/checkbox.js

@@ -0,0 +1,16 @@
+"use client";
+import { CheckMini, MinusMini } from "@nergora/icons";
+import { Checkbox as RadixCheckbox } from "radix-ui";
+import * as React from "react";
+import { clx } from "../../utils/clx.js";
+/**
+ * This component is based on the [Radix UI Checkbox](https://www.radix-ui.com/primitives/docs/components/checkbox) primitive.
+ */
+const Checkbox = React.forwardRef(({ className, checked, ...props }, ref) => {
+    return (React.createElement(RadixCheckbox.Root, { ...props, ref: ref, checked: checked, className: clx("group inline-flex h-5 w-5 items-center justify-center outline-none ", className) },
+        React.createElement("div", { className: clx("text-ui-fg-on-inverted bg-ui-bg-base shadow-borders-base [&_path]:shadow-details-contrast-on-bg-interactive transition-fg h-[15px] w-[15px] rounded-[3px]", "group-disabled:cursor-not-allowed group-disabled:opacity-50", "group-focus-visible:!shadow-borders-interactive-with-focus", "group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover", "group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow", "group-data-[state=indeterminate]:bg-ui-bg-interactive group-data-[state=indeterminate]:shadow-borders-interactive-with-shadow") },
+            React.createElement(RadixCheckbox.Indicator, null, checked === "indeterminate" ? React.createElement(MinusMini, null) : React.createElement(CheckMini, null)))));
+});
+Checkbox.displayName = "Checkbox";
+export { Checkbox };
+//# sourceMappingURL=checkbox.js.map

package/dist/esm/components/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAGjC;;GAEG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAK/B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1C,OAAO,CACL,oBAAC,aAAa,CAAC,IAAI,OACb,KAAK,EACT,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,CACZ,qEAAqE,EACrE,SAAS,CACV;QAED,6BACE,SAAS,EAAE,GAAG,CACZ,2JAA2J,EAC3J,6DAA6D,EAC7D,4DAA4D,EAC5D,4EAA4E,EAC5E,mHAAmH,EACnH,+HAA+H,CAChI;YAED,oBAAC,aAAa,CAAC,SAAS,QACrB,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,oBAAC,SAAS,OAAG,CAAC,CAAC,CAAC,oBAAC,SAAS,OAAG,CACpC,CACtB,CACa,CACtB,CAAA;AACH,CAAC,CAAC,CAAA;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,CAAA","sourcesContent":["\"use client\"\n\nimport { CheckMini, MinusMini } from \"@nergora/icons\"\nimport { Checkbox as RadixCheckbox } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\nimport { CheckboxCheckedState } from \"./types\"\n\n/**\n * This component is based on the [Radix UI Checkbox](https://www.radix-ui.com/primitives/docs/components/checkbox) primitive.\n */\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof RadixCheckbox.Root>,\n  React.ComponentPropsWithoutRef<typeof RadixCheckbox.Root> & {\n    checked?: CheckboxCheckedState | undefined\n  }\n>(({ className, checked, ...props }, ref) => {\n  return (\n    <RadixCheckbox.Root\n      {...props}\n      ref={ref}\n      checked={checked}\n      className={clx(\n        \"group inline-flex h-5 w-5 items-center justify-center outline-none \",\n        className\n      )}\n    >\n      <div\n        className={clx(\n          \"text-ui-fg-on-inverted bg-ui-bg-base shadow-borders-base [&_path]:shadow-details-contrast-on-bg-interactive transition-fg h-[15px] w-[15px] rounded-[3px]\",\n          \"group-disabled:cursor-not-allowed group-disabled:opacity-50\",\n          \"group-focus-visible:!shadow-borders-interactive-with-focus\",\n          \"group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover\",\n          \"group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow\",\n          \"group-data-[state=indeterminate]:bg-ui-bg-interactive group-data-[state=indeterminate]:shadow-borders-interactive-with-shadow\"\n        )}\n      >\n        <RadixCheckbox.Indicator>\n          {checked === \"indeterminate\" ? <MinusMini /> : <CheckMini />}\n        </RadixCheckbox.Indicator>\n      </div>\n    </RadixCheckbox.Root>\n  )\n})\nCheckbox.displayName = \"Checkbox\"\n\nexport { Checkbox }\n"]}

package/dist/esm/components/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./checkbox";
+export * from "./types";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/esm/components/checkbox/index.js

@@ -0,0 +1,3 @@
+export * from "./checkbox";
+export * from "./types";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA","sourcesContent":["export * from \"./checkbox\"\nexport * from \"./types\"\n"]}

package/dist/esm/components/checkbox/types.d.ts

@@ -0,0 +1,3 @@
+import type { Checkbox } from "radix-ui";
+export type CheckboxCheckedState = Checkbox.CheckedState;
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/components/checkbox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAExC,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC,YAAY,CAAA"}

package/dist/esm/components/checkbox/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/checkbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/checkbox/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Checkbox } from \"radix-ui\"\n\nexport type CheckboxCheckedState = Checkbox.CheckedState\n"]}

package/dist/esm/components/code/code.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+/**
+ * This component is based on the `code` element and supports all of its props
+ */
+declare const Code: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+export { Code };
+//# sourceMappingURL=code.d.ts.map

package/dist/esm/components/code/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../src/components/code/code.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;GAEG;AACH,QAAA,MAAM,IAAI,0JAcR,CAAA;AAIF,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/esm/components/code/code.js

@@ -0,0 +1,11 @@
+import { clx } from "../../utils/clx.js";
+import * as React from "react";
+/**
+ * This component is based on the `code` element and supports all of its props
+ */
+const Code = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("code", { ref: ref, className: clx("border-ui-tag-neutral-border bg-ui-tag-neutral-bg text-ui-tag-neutral-text txt-compact-small inline-flex rounded-md border px-[6px] font-mono", className), ...props }));
+});
+Code.displayName = "Code";
+export { Code };
+//# sourceMappingURL=code.js.map

package/dist/esm/components/code/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sourceRoot":"","sources":["../../../../src/components/code/code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B;;GAEG;AACH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,8BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,+IAA+I,EAC/I,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,CAAA","sourcesContent":["import { clx } from \"@/utils/clx\"\nimport * as React from \"react\"\n\n/**\n * This component is based on the `code` element and supports all of its props\n */\nconst Code = React.forwardRef<\n  HTMLElement,\n  React.ComponentPropsWithoutRef<\"code\">\n>(({ className, ...props }, ref) => {\n  return (\n    <code\n      ref={ref}\n      className={clx(\n        \"border-ui-tag-neutral-border bg-ui-tag-neutral-bg text-ui-tag-neutral-text txt-compact-small inline-flex rounded-md border px-[6px] font-mono\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nCode.displayName = \"Code\"\n\nexport { Code }\n"]}

package/dist/esm/components/code/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./code";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/code/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA"}

package/dist/esm/components/code/index.js

@@ -0,0 +1,2 @@
+export * from "./code";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/code/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA","sourcesContent":["export * from \"./code\"\n"]}