@openuidev/react-ui 0.9.16

package/dist/components/Charts/utils/PalletUtils.js.map

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

package/dist/components/Charts/utils/dataUtils.d.ts

@@ -0,0 +1,43 @@
+import { ChartConfig } from "../Charts";
+import { PieChartData } from "../PieChart";
+import { RadialChartData } from "../RadialChart";
+import { LegendItem } from "../types";
+/**
+ * This function returns the data keys for the chart, used for the data keys of the chart.
+ * @param data - The data to be displayed in the chart.
+ * @param categoryKey - The key of the category to be displayed in the chart.
+ * @returns The data keys for the chart.
+ */
+export declare const getDataKeys: (data: Array<Record<string, string | number>>, categoryKey: string) => string[];
+/**
+ * This function returns the chart configuration object, used for the chart configuration object of the chart.
+ * @param dataKeys - The data keys for the chart.
+ * @param colors - The colors for the chart.
+ * @param transformedKeys - The transformed keys for the chart.
+ * @param secondaryColors - The secondary colors for the chart (optional).
+ * @param icons - The icons for the chart (optional).
+ * @returns The chart configuration object for the chart.
+ */
+export declare const get2dChartConfig: (dataKeys: string[], colors: string[], transformedKeys: Record<string, string>, secondaryColors?: string[], icons?: Partial<Record<string, React.ComponentType>>) => ChartConfig;
+type CategoricalChartData = RadialChartData | PieChartData;
+export declare const getCategoricalChartConfig: <T extends CategoricalChartData>(data: T, categoryKey: keyof T[number], colors: string[], // Change this from 'theme: string' to 'colors: string[]'
+transformedKeys: Record<string, string>) => ChartConfig;
+/**
+ * This function returns the legend items for the chart, used for the legend items of the chart.
+ * @param dataKeys - The data keys for the chart.
+ * @param colors - The colors for the chart.
+ * @param icons - The icons for the chart.
+ * @returns The legend items for the chart.
+ */
+export declare const getLegendItems: (dataKeys: string[], colors: string[], icons?: Partial<Record<string, React.ComponentType>>) => LegendItem[];
+/**
+ * This function returns the color value for a specific data key based on its position in the dataKeys array.
+ * Use this instead of payload.fill to ensure consistent color mapping.
+ * @param dataKey - The data key to get the color for.
+ * @param dataKeys - The array of all data keys in the chart.
+ * @param colors - The array of colors corresponding to the data keys.
+ * @returns The color value for the specified data key.
+ */
+export declare const getColorForDataKey: (dataKey: string, dataKeys: string[], colors: string[]) => string;
+export {};
+//# sourceMappingURL=dataUtils.d.ts.map

package/dist/components/Charts/utils/dataUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/utils/dataUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GACtB,MAAM,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC,EAC5C,aAAa,MAAM,KAClB,MAAM,EAER,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,GAC3B,UAAU,MAAM,EAAE,EAClB,QAAQ,MAAM,EAAE,EAChB,iBAAiB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACvC,kBAAkB,MAAM,EAAE,EAC1B,QAAQ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,KACnD,WAcF,CAAC;AAEF,KAAK,oBAAoB,GAAG,eAAe,GAAG,YAAY,CAAC;AAE3D,eAAO,MAAM,yBAAyB,GAAI,CAAC,SAAS,oBAAoB,EACtE,MAAM,CAAC,EACP,aAAa,MAAM,CAAC,CAAC,MAAM,CAAC,EAC5B,QAAQ,MAAM,EAAE,EAAE,yDAAyD;AAC3E,iBAAiB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACtC,WAaF,CAAC;AAEF;;;;;;GAMG;AAEH,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,EAAE,EAClB,QAAQ,MAAM,EAAE,EAChB,QAAQ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,KACnD,UAAU,EAOZ,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,GAC7B,SAAS,MAAM,EACf,UAAU,MAAM,EAAE,EAClB,QAAQ,MAAM,EAAE,KACf,MAGF,CAAC"}

package/dist/components/Charts/utils/dataUtils.js

@@ -0,0 +1,73 @@
+/**
+ * This function returns the data keys for the chart, used for the data keys of the chart.
+ * @param data - The data to be displayed in the chart.
+ * @param categoryKey - The key of the category to be displayed in the chart.
+ * @returns The data keys for the chart.
+ */
+export const getDataKeys = (data, categoryKey) => {
+    return Object.keys(data[0] || {}).filter((key) => key !== categoryKey);
+};
+/**
+ * This function returns the chart configuration object, used for the chart configuration object of the chart.
+ * @param dataKeys - The data keys for the chart.
+ * @param colors - The colors for the chart.
+ * @param transformedKeys - The transformed keys for the chart.
+ * @param secondaryColors - The secondary colors for the chart (optional).
+ * @param icons - The icons for the chart (optional).
+ * @returns The chart configuration object for the chart.
+ */
+export const get2dChartConfig = (dataKeys, colors, transformedKeys, secondaryColors, icons) => {
+    return dataKeys.reduce((config, key, index) => ({
+        ...config,
+        [key]: {
+            label: key,
+            icon: icons?.[key],
+            color: colors[index],
+            secondaryColor: secondaryColors?.[index] || colors[dataKeys.length - index - 1],
+            transformed: transformedKeys[key],
+        },
+    }), {});
+};
+export const getCategoricalChartConfig = (data, categoryKey, colors, // Change this from 'theme: string' to 'colors: string[]'
+transformedKeys) => {
+    return data.reduce((config, item, index) => {
+        const originalKey = String(item[categoryKey]);
+        const transformedKey = `key-${transformedKeys[originalKey] ?? originalKey}`;
+        return {
+            ...config,
+            [transformedKey]: {
+                label: String(item[categoryKey]),
+                color: colors[index],
+                secondaryColor: colors[data.length - index - 1], // Add secondary color for gradient effect
+            },
+        };
+    }, {});
+};
+/**
+ * This function returns the legend items for the chart, used for the legend items of the chart.
+ * @param dataKeys - The data keys for the chart.
+ * @param colors - The colors for the chart.
+ * @param icons - The icons for the chart.
+ * @returns The legend items for the chart.
+ */
+export const getLegendItems = (dataKeys, colors, icons) => {
+    return dataKeys.map((key, index) => ({
+        key,
+        label: key,
+        color: colors[index] ?? "#000000", // Fallback color if undefined
+        icon: icons?.[key],
+    }));
+};
+/**
+ * This function returns the color value for a specific data key based on its position in the dataKeys array.
+ * Use this instead of payload.fill to ensure consistent color mapping.
+ * @param dataKey - The data key to get the color for.
+ * @param dataKeys - The array of all data keys in the chart.
+ * @param colors - The array of colors corresponding to the data keys.
+ * @returns The color value for the specified data key.
+ */
+export const getColorForDataKey = (dataKey, dataKeys, colors) => {
+    const index = dataKeys.indexOf(dataKey);
+    return colors[index] ?? "#000000"; // Fallback color if dataKey not found or color undefined
+};
+//# sourceMappingURL=dataUtils.js.map

package/dist/components/Charts/utils/dataUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataUtils.js","sourceRoot":"","sources":["../../../../src/components/Charts/utils/dataUtils.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,IAA4C,EAC5C,WAAmB,EACT,EAAE;IACZ,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC;AACzE,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,QAAkB,EAClB,MAAgB,EAChB,eAAuC,EACvC,eAA0B,EAC1B,KAAoD,EACvC,EAAE;IACf,OAAO,QAAQ,CAAC,MAAM,CACpB,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACvB,GAAG,MAAM;QACT,CAAC,GAAG,CAAC,EAAE;YACL,KAAK,EAAE,GAAG;YACV,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC;YAClB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;YACpB,cAAc,EAAE,eAAe,EAAE,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC;YAC/E,WAAW,EAAE,eAAe,CAAC,GAAG,CAAC;SAClC;KACF,CAAC,EACF,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACvC,IAAO,EACP,WAA4B,EAC5B,MAAgB,EAAE,yDAAyD;AAC3E,eAAuC,EAC1B,EAAE;IACf,OAAO,IAAI,CAAC,MAAM,CAAc,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QACtD,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;QAC9C,MAAM,cAAc,GAAG,OAAO,eAAe,CAAC,WAAW,CAAC,IAAI,WAAW,EAAE,CAAC;QAC5E,OAAO;YACL,GAAG,MAAM;YACT,CAAC,cAAc,CAAC,EAAE;gBAChB,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,WAAqB,CAAC,CAAC;gBAC1C,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;gBACpB,cAAc,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,EAAE,0CAA0C;aAC5F;SACF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF;;;;;;GAMG;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,QAAkB,EAClB,MAAgB,EAChB,KAAoD,EACtC,EAAE;IAChB,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACnC,GAAG;QACH,KAAK,EAAE,GAAG;QACV,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,SAAS,EAAE,8BAA8B;QACjE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,CAAoC;KACtD,CAAC,CAAC,CAAC;AACN,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,OAAe,EACf,QAAkB,EAClB,MAAgB,EACR,EAAE;IACV,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IACxC,OAAO,MAAM,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,CAAC,yDAAyD;AAC9F,CAAC,CAAC"}

package/dist/components/Charts/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./dataUtils";
+export * from "./PalletUtils";
+export * from "./styleUtils";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Charts/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/dist/components/Charts/utils/index.js

@@ -0,0 +1,4 @@
+export * from "./dataUtils";
+export * from "./PalletUtils";
+export * from "./styleUtils";
+//# sourceMappingURL=index.js.map

package/dist/components/Charts/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Charts/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}

package/dist/components/Charts/utils/styleUtils.d.ts

@@ -0,0 +1,8 @@
+/**
+ * This function returns the formatter for the Y-axis tick values.
+ * @returns The formatter for the Y-axis tick values.
+ * internally used by the YAxis component reCharts
+ */
+declare const numberTickFormatter: (value: number) => string;
+export { numberTickFormatter };
+//# sourceMappingURL=styleUtils.d.ts.map

package/dist/components/Charts/utils/styleUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/utils/styleUtils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,GAAI,OAAO,MAAM,WAsBzC,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/Charts/utils/styleUtils.js

@@ -0,0 +1,33 @@
+/**
+ * This function returns the formatter for the Y-axis tick values.
+ * @returns The formatter for the Y-axis tick values.
+ * internally used by the YAxis component reCharts
+ */
+const numberTickFormatter = (value) => {
+    // Format the Y-axis tick values with abbreviations
+    if (typeof value === "number") {
+        const absValue = Math.abs(value);
+        if (absValue >= 1e12) {
+            return (value / 1e12).toFixed(absValue >= 10e12 ? 0 : 1) + "T";
+        }
+        else if (absValue >= 1e9) {
+            return (value / 1e9).toFixed(absValue >= 10e9 ? 0 : 1) + "B";
+        }
+        else if (absValue >= 1e6) {
+            return (value / 1e6).toFixed(absValue >= 10e6 ? 0 : 1) + "M";
+        }
+        else if (absValue >= 1e3) {
+            return (value / 1e3).toFixed(absValue >= 10e3 ? 0 : 1) + "K";
+        }
+        else {
+            // For values < 1000, show only 1 decimal place if there's a decimal
+            if (value % 1 !== 0) {
+                return value.toFixed(2);
+            }
+            return value.toString();
+        }
+    }
+    return String(value);
+};
+export { numberTickFormatter };
+//# sourceMappingURL=styleUtils.js.map

package/dist/components/Charts/utils/styleUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleUtils.js","sourceRoot":"","sources":["../../../../src/components/Charts/utils/styleUtils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC5C,mDAAmD;IACnD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAEjC,IAAI,QAAQ,IAAI,IAAI,EAAE,CAAC;YACrB,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACjE,CAAC;aAAM,IAAI,QAAQ,IAAI,GAAG,EAAE,CAAC;YAC3B,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QAC/D,CAAC;aAAM,IAAI,QAAQ,IAAI,GAAG,EAAE,CAAC;YAC3B,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QAC/D,CAAC;aAAM,IAAI,QAAQ,IAAI,GAAG,EAAE,CAAC;YAC3B,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QAC/D,CAAC;aAAM,CAAC;YACN,oEAAoE;YACpE,IAAI,KAAK,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;gBACpB,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC;YACD,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/CheckBoxGroup/CheckBoxGroup.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { CheckBoxItemProps } from "../CheckBoxItem";
+type CheckBoxGroupVariant = "clear" | "card" | "sunk";
+interface CheckBoxGroupProps {
+    children: React.ReactElement<CheckBoxItemProps> | React.ReactElement<CheckBoxItemProps>[];
+    className?: string;
+    style?: React.CSSProperties;
+    variant?: CheckBoxGroupVariant;
+}
+declare const CheckBoxGroup: React.ForwardRefExoticComponent<CheckBoxGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { CheckBoxGroup, type CheckBoxGroupProps };
+//# sourceMappingURL=CheckBoxGroup.d.ts.map

package/dist/components/CheckBoxGroup/CheckBoxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,KAAK,oBAAoB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtD,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAQD,QAAA,MAAM,aAAa,2FAWjB,CAAC;AAIH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,CAAC"}

package/dist/components/CheckBoxGroup/CheckBoxGroup.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React from "react";
+const variantMap = {
+    clear: "openui-checkbox-group-clear",
+    card: "openui-checkbox-group-card",
+    sunk: "openui-checkbox-group-sunk",
+};
+const CheckBoxGroup = React.forwardRef((props, ref) => {
+    const { children, className, style, variant = "clear" } = props;
+    return (_jsx("div", { ref: ref, className: clsx("openui-checkbox-group", variantMap[variant], className), style: style, children: children }));
+});
+CheckBoxGroup.displayName = "CheckBoxGroup";
+export { CheckBoxGroup };
+//# sourceMappingURL=CheckBoxGroup.js.map

package/dist/components/CheckBoxGroup/CheckBoxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxGroup.js","sourceRoot":"","sources":["../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,UAAU,GAAyC;IACvD,KAAK,EAAE,6BAA6B;IACpC,IAAI,EAAE,4BAA4B;IAClC,IAAI,EAAE,4BAA4B;CACnC,CAAC;AAEF,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC;IAChE,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EACxE,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,OAAO,EAAE,aAAa,EAA2B,CAAC"}

package/dist/components/CheckBoxGroup/checkBoxGroup.css

@@ -0,0 +1 @@
+.openui-checkbox-group{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--openui-space-xs, 6px);border:1px solid;border-radius:var(--openui-radius-xl, 12px)}.openui-checkbox-group-clear{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);padding:var(--openui-space-000, 0)}.openui-checkbox-group-card{border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));padding:var(--openui-space-m, 12px)}.openui-checkbox-group-sunk{border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));padding:var(--openui-space-m, 12px)}

package/dist/components/CheckBoxGroup/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/CheckBoxGroup/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBoxGroup/dependencies.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UAAoB,CAAC;AACvC,eAAe,YAAY,CAAC"}

package/dist/components/CheckBoxGroup/dependencies.js

@@ -0,0 +1,3 @@
+const dependencies = ["CheckBoxGroup"];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/CheckBoxGroup/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/CheckBoxGroup/dependencies.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,eAAe,CAAC,CAAC;AACvC,eAAe,YAAY,CAAC"}

package/dist/components/CheckBoxGroup/index.d.ts

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

package/dist/components/CheckBoxGroup/index.d.ts.map

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

package/dist/components/CheckBoxGroup/index.js

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

package/dist/components/CheckBoxGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckBoxGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/CheckBoxGroup/stories/CheckBoxGroup.stories.d.ts

@@ -0,0 +1,69 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("..").CheckBoxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    subcomponents: any;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        variant: {
+            control: "radio";
+            options: string[];
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                expanded: boolean;
+            };
+        };
+        className: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                expanded: boolean;
+            };
+        };
+        style: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                expanded: boolean;
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ClearVariant: Story;
+export declare const WithLongDescription: Story;
+//# sourceMappingURL=CheckBoxGroup.stories.d.ts.map

package/dist/components/CheckBoxGroup/stories/CheckBoxGroup.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxGroup.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckBoxGroup/stories/CheckBoxGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,IAAI;;;mBAG2B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DF,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAC"}

package/dist/components/CheckBoxGroup/stories/CheckBoxGroup.stories.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckBoxItem } from "../../CheckBoxItem";
+import { CheckBoxGroup } from "../CheckBoxGroup";
+const meta = {
+    title: "Components/CheckBoxGroup",
+    component: CheckBoxGroup,
+    subcomponents: { CheckBoxItem },
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { CheckBoxGroup, CheckBoxItem } from '@openuidev/react-ui';\n```",
+            },
+        },
+    },
+    argTypes: {
+        variant: {
+            control: "radio",
+            options: ["clear", "card", "sunk"],
+            description: "The visual style variant of the checkbox group",
+            table: {
+                category: "Appearance",
+                type: {
+                    summary: "'clear' | 'card' | 'sunk'",
+                },
+                defaultValue: { summary: "clear" },
+            },
+        },
+        children: {
+            control: false,
+            description: "The child elements of the checkbox group that accept CheckBoxItem components",
+            table: {
+                category: "Content",
+                type: {
+                    summary: "ReactNode[] | ReactNode",
+                },
+                expanded: false,
+            },
+        },
+        className: {
+            control: false,
+            description: "Additional CSS class name for custom styling",
+            table: {
+                category: "Styling",
+                type: {
+                    summary: "string",
+                },
+                expanded: false,
+            },
+        },
+        style: {
+            control: false,
+            description: "Inline CSS styles for custom styling",
+            table: {
+                category: "Styling",
+                type: {
+                    summary: "CSSProperties",
+                },
+                expanded: false,
+            },
+        },
+    },
+    tags: ["!dev", "autodocs"],
+};
+export default meta;
+export const ClearVariant = {
+    args: {
+        variant: "card",
+        children: [
+            _jsx(CheckBoxItem, { label: "Option 1", description: "This is a description" }, "1"),
+            _jsx(CheckBoxItem, { label: "Option 2", description: "This is a description" }, "2"),
+            _jsx(CheckBoxItem, { label: "Option 3", description: "This is a description" }, "3"),
+        ],
+    },
+};
+export const WithLongDescription = {
+    args: {
+        variant: "card",
+        children: [
+            _jsx(CheckBoxItem, { label: "First option with a long description", description: "This is a long description that elaborates on the choice in great detail so that readers can fully understand the implications of selecting this option. It provides context, examples, and any caveats that might be relevant when making a selection." }, "long1"),
+            _jsx(CheckBoxItem, { label: "Second option with a long description", description: "Another extended description that spans multiple sentences to showcase how the component behaves with verbose content. It should wrap correctly and remain readable without breaking the layout of the checkbox group." }, "long2"),
+            _jsx(CheckBoxItem, { label: "Third option with a long description", description: "A very long explanation that includes more nuance about the option, possible trade-offs, and guidance for when this might be preferred. This helps validate the design for accessibility and usability with real-world copy lengths." }, "long3"),
+        ],
+    },
+};
+//# sourceMappingURL=CheckBoxGroup.stories.js.map

package/dist/components/CheckBoxGroup/stories/CheckBoxGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxGroup.stories.js","sourceRoot":"","sources":["../../../../src/components/CheckBoxGroup/stories/CheckBoxGroup.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,aAAa;IACxB,aAAa,EAAE,EAAE,YAAY,EAAS;IACtC,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,iFAAiF;aACpF;SACF;KACF;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;YAClC,WAAW,EAAE,gDAAgD;YAC7D,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,IAAI,EAAE;oBACJ,OAAO,EAAE,2BAA2B;iBACrC;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aACnC;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,8EAA8E;YAC3F,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE;oBACJ,OAAO,EAAE,yBAAyB;iBACnC;gBACD,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,8CAA8C;YAC3D,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE;oBACJ,OAAO,EAAE,eAAe;iBACzB;gBACD,QAAQ,EAAE,KAAK;aAChB;SACF;KACF;IACD,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;CACU,CAAC;AAEvC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE;YACR,KAAC,YAAY,IAAS,KAAK,EAAC,UAAU,EAAC,WAAW,EAAC,uBAAuB,IAAxD,GAAG,CAAwD;YAC7E,KAAC,YAAY,IAAS,KAAK,EAAC,UAAU,EAAC,WAAW,EAAC,uBAAuB,IAAxD,GAAG,CAAwD;YAC7E,KAAC,YAAY,IAAS,KAAK,EAAC,UAAU,EAAC,WAAW,EAAC,uBAAuB,IAAxD,GAAG,CAAwD;SAC9E;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE;YACR,KAAC,YAAY,IAEX,KAAK,EAAC,sCAAsC,EAC5C,WAAW,EAAC,yPAAyP,IAFjQ,OAAO,CAGX;YACF,KAAC,YAAY,IAEX,KAAK,EAAC,uCAAuC,EAC7C,WAAW,EAAC,wNAAwN,IAFhO,OAAO,CAGX;YACF,KAAC,YAAY,IAEX,KAAK,EAAC,sCAAsC,EAC5C,WAAW,EAAC,sOAAsO,IAF9O,OAAO,CAGX;SACH;KACF;CACF,CAAC"}

package/dist/components/CheckBoxItem/CheckBoxItem.d.ts

@@ -0,0 +1,17 @@
+import { CSSProperties, ReactNode } from "react";
+export interface CheckBoxItemProps {
+    label?: ReactNode;
+    description?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    value?: string;
+    onChange?: (checked: boolean) => void;
+}
+declare const CheckBoxItem: import("react").ForwardRefExoticComponent<CheckBoxItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { CheckBoxItem };
+//# sourceMappingURL=CheckBoxItem.d.ts.map

package/dist/components/CheckBoxItem/CheckBoxItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxItem.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBoxItem/CheckBoxItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAc,SAAS,EAAS,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AAED,QAAA,MAAM,YAAY,iHA0ChB,CAAC;AAIH,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/CheckBoxItem/CheckBoxItem.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Checkbox from "@radix-ui/react-checkbox";
+import clsx from "clsx";
+import { forwardRef, useId } from "react";
+const CheckBoxItem = forwardRef((props, ref) => {
+    const { label, description, onChange, className, disabled, required, ...rest } = props;
+    const id = useId();
+    return (_jsxs("label", { htmlFor: id, className: "openui-checkbox-item-container", children: [_jsx(Checkbox.Root, { ...rest, ref: ref, onCheckedChange: onChange, id: id, className: clsx("openui-checkbox-item-root", className), disabled: disabled, required: required, children: _jsx(Checkbox.Indicator, { className: "openui-checkbox-item-indicator", children: _jsx("svg", { width: "10", height: "8", viewBox: "0 0 10 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M9 1L3.5 6.5L1 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) }), _jsxs("div", { className: "openui-checkbox-item-content", children: [label && (_jsx("label", { htmlFor: id, className: "openui-checkbox-item-label", children: label })), description && _jsx("p", { className: "openui-checkbox-item-description", children: description })] })] }));
+});
+CheckBoxItem.displayName = "CheckBoxItem";
+export { CheckBoxItem };
+//# sourceMappingURL=CheckBoxItem.js.map

package/dist/components/CheckBoxItem/CheckBoxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxItem.js","sourceRoot":"","sources":["../../../src/components/CheckBoxItem/CheckBoxItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,QAAQ,MAAM,0BAA0B,CAAC;AACrD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAiB,UAAU,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AAgBpE,MAAM,YAAY,GAAG,UAAU,CAAuC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,OAAO,CACL,iBAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,gCAAgC,aAC5D,KAAC,QAAQ,CAAC,IAAI,OACR,IAAI,EACR,GAAG,EAAE,GAAG,EACR,eAAe,EAAE,QAAQ,EACzB,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,SAAS,CAAC,EACvD,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,YAElB,KAAC,QAAQ,CAAC,SAAS,IAAC,SAAS,EAAC,gCAAgC,YAC5D,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,kBAAkB,EACpB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,GACa,GACP,EAChB,eAAK,SAAS,EAAC,8BAA8B,aAC1C,KAAK,IAAI,CACR,gBAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,4BAA4B,YACvD,KAAK,GACA,CACT,EACA,WAAW,IAAI,YAAG,SAAS,EAAC,kCAAkC,YAAE,WAAW,GAAK,IAC7E,IACA,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/CheckBoxItem/checkBoxItem.css

@@ -0,0 +1 @@
+.openui-checkbox-item-container{display:flex;align-items:flex-start;gap:var(--openui-space-s, 8px);padding:var(--openui-space-3xs, 2px) var(--openui-space-000, 0);width:100%;max-width:100%;overflow:hidden;cursor:pointer}.openui-checkbox-item-container:disabled{cursor:not-allowed}.openui-checkbox-item-root{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--openui-radius-xs, 4px);border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));cursor:pointer;margin-top:var(--openui-space-2xs, 4px)}.openui-checkbox-item-root[data-state=checked]{background-color:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-checkbox-item-root:not(:disabled):not([data-state=checked]):hover{border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-checkbox-item-root:disabled{cursor:not-allowed;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-checkbox-item-indicator{display:flex;align-items:center;justify-content:center;color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg))}.openui-checkbox-item-content{display:flex;flex-direction:column}.openui-checkbox-item-label{flex:1;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer}.openui-checkbox-item-label:disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2));cursor:not-allowed}.openui-checkbox-item-description{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}

package/dist/components/CheckBoxItem/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/CheckBoxItem/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBoxItem/dependencies.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UAAmB,CAAC;AACtC,eAAe,YAAY,CAAC"}

package/dist/components/CheckBoxItem/dependencies.js

@@ -0,0 +1,3 @@
+const dependencies = ["CheckBoxItem"];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/CheckBoxItem/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/CheckBoxItem/dependencies.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,cAAc,CAAC,CAAC;AACtC,eAAe,YAAY,CAAC"}

package/dist/components/CheckBoxItem/index.d.ts

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

package/dist/components/CheckBoxItem/index.d.ts.map

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

package/dist/components/CheckBoxItem/index.js

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

package/dist/components/CheckBoxItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckBoxItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/CheckBoxItem/stories/CheckBoxItem.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CheckBoxItem } from "../CheckBoxItem";
+declare const meta: Meta<typeof CheckBoxItem>;
+export default meta;
+type Story = StoryObj<typeof CheckBoxItem>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;
+//# sourceMappingURL=CheckBoxItem.stories.d.ts.map

package/dist/components/CheckBoxItem/stories/CheckBoxItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CheckBoxItem/stories/CheckBoxItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAoHnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC"}