@chicken-ui/react 0.1.0

package/dist/components/Pill/Pill.js

@@ -0,0 +1,117 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Pill_exports = {};
+__export(Pill_exports, {
+  default: () => Pill
+});
+module.exports = __toCommonJS(Pill_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../../index");
+function DismissIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "path",
+    {
+      d: "M2 2l8 8M10 2l-8 8",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+function Pill(_a) {
+  var _b = _a, {
+    color = "neutral",
+    variant = "soft",
+    size = "md",
+    icon,
+    onDismiss,
+    dismissLabel,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "color",
+    "variant",
+    "size",
+    "icon",
+    "onDismiss",
+    "dismissLabel",
+    "children",
+    "className",
+    "style"
+  ]);
+  let pillClassName = `ck-pill ck-pill--${size} ck-pill--${color} ck-pill--${variant}`;
+  if (className) {
+    pillClassName += ` ${className}`;
+  }
+  const styles = __spreadValues({}, style);
+  const resolvedDismissLabel = dismissLabel != null ? dismissLabel : typeof children === "string" ? `Retirer ${children}` : "Retirer";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import__.Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: "span",
+      className: pillClassName,
+      style: styles,
+      children: [
+        icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ck-pill__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ck-pill__label", children }),
+        onDismiss && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "ck-pill__dismiss",
+            onClick: onDismiss,
+            "aria-label": resolvedDismissLabel,
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DismissIcon, {})
+          }
+        )
+      ]
+    })
+  );
+}
+//# sourceMappingURL=Pill.js.map

package/dist/components/Pill/Pill.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Pill/Pill.tsx"],"sourcesContent":["import { CSSProperties, ElementType, ReactNode } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type PillColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"neutral\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\nexport type PillVariant = \"solid\" | \"soft\" | \"outline\" | \"subtle\";\nexport type PillSize = \"sm\" | \"md\" | \"lg\";\n\nexport type PillProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  color?: PillColor;\n  variant?: PillVariant;\n  size?: PillSize;\n  icon?: ReactNode;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n};\n\nfunction DismissIcon() {\n  return (\n    <svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n      <path\n        d=\"M2 2l8 8M10 2l-8 8\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport default function Pill<T extends ElementType = \"div\">({\n  color = \"neutral\",\n  variant = \"soft\",\n  size = \"md\",\n  icon,\n  onDismiss,\n  dismissLabel,\n  children,\n  className,\n  style,\n  ...props\n}: PillProps<T>) {\n  let pillClassName = `ck-pill ck-pill--${size} ck-pill--${color} ck-pill--${variant}`;\n  if (className) {\n    pillClassName += ` ${className}`;\n  }\n\n  const styles = { ...style } as CSSProperties;\n  const resolvedDismissLabel =\n    dismissLabel ??\n    (typeof children === \"string\" ? `Retirer ${children}` : \"Retirer\");\n\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      as=\"span\"\n      className={pillClassName}\n      style={styles}\n    >\n      {icon && (\n        <span className=\"ck-pill__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      <span className=\"ck-pill__label\">{children}</span>\n      {onDismiss && (\n        <button\n          type=\"button\"\n          className=\"ck-pill__dismiss\"\n          onClick={onDismiss}\n          aria-label={resolvedDismissLabel}\n        >\n          <DismissIcon />\n        </button>\n      )}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BM;AAzBN,eAAgC;AAsBhC,SAAS,cAAc;AACrB,SACE,4CAAC,SAAI,SAAQ,aAAY,MAAK,QAAO,eAAY,QAC/C;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA;AAAA,EAChB,GACF;AAEJ;AAEe,SAAR,KAAqD,IAW3C;AAX2C,eAC1D;AAAA,YAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA7CF,IAoC4D,IAUvD,kBAVuD,IAUvD;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,gBAAgB,oBAAoB,IAAI,aAAa,KAAK,aAAa,OAAO;AAClF,MAAI,WAAW;AACb,qBAAiB,IAAI,SAAS;AAAA,EAChC;AAEA,QAAM,SAAS,mBAAK;AACpB,QAAM,uBACJ,sCACC,OAAO,aAAa,WAAW,WAAW,QAAQ,KAAK;AAE1D,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,IAAG;AAAA,MACH,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA,gBACC,4CAAC,UAAK,WAAU,iBAAgB,eAAY,QACzC,gBACH;AAAA,QAEF,4CAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA,QAC1C,aACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAY;AAAA,YAEZ,sDAAC,eAAY;AAAA;AAAA,QACf;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/Pill/Pill.mjs

@@ -0,0 +1,99 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Base } from "../../index";
+function DismissIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M2 2l8 8M10 2l-8 8",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+function Pill(_a) {
+  var _b = _a, {
+    color = "neutral",
+    variant = "soft",
+    size = "md",
+    icon,
+    onDismiss,
+    dismissLabel,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "color",
+    "variant",
+    "size",
+    "icon",
+    "onDismiss",
+    "dismissLabel",
+    "children",
+    "className",
+    "style"
+  ]);
+  let pillClassName = `ck-pill ck-pill--${size} ck-pill--${color} ck-pill--${variant}`;
+  if (className) {
+    pillClassName += ` ${className}`;
+  }
+  const styles = __spreadValues({}, style);
+  const resolvedDismissLabel = dismissLabel != null ? dismissLabel : typeof children === "string" ? `Retirer ${children}` : "Retirer";
+  return /* @__PURE__ */ jsxs(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: "span",
+      className: pillClassName,
+      style: styles,
+      children: [
+        icon && /* @__PURE__ */ jsx("span", { className: "ck-pill__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx("span", { className: "ck-pill__label", children }),
+        onDismiss && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "ck-pill__dismiss",
+            onClick: onDismiss,
+            "aria-label": resolvedDismissLabel,
+            children: /* @__PURE__ */ jsx(DismissIcon, {})
+          }
+        )
+      ]
+    })
+  );
+}
+export {
+  Pill as default
+};
+//# sourceMappingURL=Pill.mjs.map

package/dist/components/Pill/Pill.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Pill/Pill.tsx"],"sourcesContent":["import { CSSProperties, ElementType, ReactNode } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type PillColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"neutral\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\nexport type PillVariant = \"solid\" | \"soft\" | \"outline\" | \"subtle\";\nexport type PillSize = \"sm\" | \"md\" | \"lg\";\n\nexport type PillProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  color?: PillColor;\n  variant?: PillVariant;\n  size?: PillSize;\n  icon?: ReactNode;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n};\n\nfunction DismissIcon() {\n  return (\n    <svg viewBox=\"0 0 12 12\" fill=\"none\" aria-hidden=\"true\">\n      <path\n        d=\"M2 2l8 8M10 2l-8 8\"\n        stroke=\"currentColor\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  );\n}\n\nexport default function Pill<T extends ElementType = \"div\">({\n  color = \"neutral\",\n  variant = \"soft\",\n  size = \"md\",\n  icon,\n  onDismiss,\n  dismissLabel,\n  children,\n  className,\n  style,\n  ...props\n}: PillProps<T>) {\n  let pillClassName = `ck-pill ck-pill--${size} ck-pill--${color} ck-pill--${variant}`;\n  if (className) {\n    pillClassName += ` ${className}`;\n  }\n\n  const styles = { ...style } as CSSProperties;\n  const resolvedDismissLabel =\n    dismissLabel ??\n    (typeof children === \"string\" ? `Retirer ${children}` : \"Retirer\");\n\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      as=\"span\"\n      className={pillClassName}\n      style={styles}\n    >\n      {icon && (\n        <span className=\"ck-pill__icon\" aria-hidden=\"true\">\n          {icon}\n        </span>\n      )}\n      <span className=\"ck-pill__label\">{children}</span>\n      {onDismiss && (\n        <button\n          type=\"button\"\n          className=\"ck-pill__dismiss\"\n          onClick={onDismiss}\n          aria-label={resolvedDismissLabel}\n        >\n          <DismissIcon />\n        </button>\n      )}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BM,cAiCF,YAjCE;AAzBN,SAAS,YAAuB;AAsBhC,SAAS,cAAc;AACrB,SACE,oBAAC,SAAI,SAAQ,aAAY,MAAK,QAAO,eAAY,QAC/C;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA;AAAA,EAChB,GACF;AAEJ;AAEe,SAAR,KAAqD,IAW3C;AAX2C,eAC1D;AAAA,YAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA7CF,IAoC4D,IAUvD,kBAVuD,IAUvD;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,gBAAgB,oBAAoB,IAAI,aAAa,KAAK,aAAa,OAAO;AAClF,MAAI,WAAW;AACb,qBAAiB,IAAI,SAAS;AAAA,EAChC;AAEA,QAAM,SAAS,mBAAK;AACpB,QAAM,uBACJ,sCACC,OAAO,aAAa,WAAW,WAAW,QAAQ,KAAK;AAE1D,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,IAAG;AAAA,MACH,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA,gBACC,oBAAC,UAAK,WAAU,iBAAgB,eAAY,QACzC,gBACH;AAAA,QAEF,oBAAC,UAAK,WAAU,kBAAkB,UAAS;AAAA,QAC1C,aACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT,cAAY;AAAA,YAEZ,8BAAC,eAAY;AAAA;AAAA,QACf;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/components/Pill/index.d.mts

@@ -0,0 +1,4 @@
+export { default as Pill, PillColor, PillProps, PillSize, PillVariant } from './Pill.mjs';
+import 'react';
+import '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';

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

@@ -0,0 +1,4 @@
+export { default as Pill, PillColor, PillProps, PillSize, PillVariant } from './Pill.js';
+import 'react';
+import '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';

package/dist/components/Pill/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Pill_exports = {};
+__export(Pill_exports, {
+  Pill: () => import_Pill.default
+});
+module.exports = __toCommonJS(Pill_exports);
+var import_Pill = __toESM(require("./Pill"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pill
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Pill/index.ts"],"sourcesContent":["export { default as Pill } from \"./Pill\";\nexport type { PillProps, PillColor, PillVariant, PillSize } from \"./Pill\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAgC;","names":[]}

package/dist/components/Pill/index.mjs

@@ -0,0 +1,5 @@
+import { default as default2 } from "./Pill";
+export {
+  default2 as Pill
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/Pill/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Pill/index.ts"],"sourcesContent":["export { default as Pill } from \"./Pill\";\nexport type { PillProps, PillColor, PillVariant, PillSize } from \"./Pill\";\n"],"mappings":"AAAA,SAAoB,WAAXA,gBAAuB;","names":["default"]}

package/dist/components/SegmentedControl/SegmentedControl.d.mts

@@ -0,0 +1,24 @@
+import * as react from 'react';
+import { ElementType, ReactNode } from 'react';
+import { BaseProps } from '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';
+
+type SingleProps = {
+    type?: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+type MultipleProps = {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+};
+type SegmentedControlProps<T extends ElementType = "div"> = BaseProps<T> & {
+    disabled?: boolean;
+    children?: ReactNode;
+} & (SingleProps | MultipleProps);
+declare function SegmentedControl<T extends ElementType = "div">({ type, value, defaultValue, onValueChange, disabled, children, className, ...props }: SegmentedControlProps<T>): react.JSX.Element;
+
+export { type SegmentedControlProps, SegmentedControl as default };

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,24 @@
+import * as react from 'react';
+import { ElementType, ReactNode } from 'react';
+import { BaseProps } from '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';
+
+type SingleProps = {
+    type?: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+type MultipleProps = {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+};
+type SegmentedControlProps<T extends ElementType = "div"> = BaseProps<T> & {
+    disabled?: boolean;
+    children?: ReactNode;
+} & (SingleProps | MultipleProps);
+declare function SegmentedControl<T extends ElementType = "div">({ type, value, defaultValue, onValueChange, disabled, children, className, ...props }: SegmentedControlProps<T>): react.JSX.Element;
+
+export { type SegmentedControlProps, SegmentedControl as default };

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -0,0 +1,118 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SegmentedControl_exports = {};
+__export(SegmentedControl_exports, {
+  default: () => SegmentedControl
+});
+module.exports = __toCommonJS(SegmentedControl_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_Base = require("../../core/Base");
+var import_SegmentedControlContext = require("./SegmentedControlContext");
+const BaseAny = import_Base.Base;
+function SegmentedControl(_a) {
+  var _b = _a, {
+    type = "single",
+    value,
+    defaultValue,
+    onValueChange,
+    disabled = false,
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "type",
+    "value",
+    "defaultValue",
+    "onValueChange",
+    "disabled",
+    "children",
+    "className"
+  ]);
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = (0, import_react.useState)(() => {
+    if (defaultValue === void 0) return [];
+    return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+  });
+  const normalizedValue = (0, import_react.useMemo)(() => {
+    const current = isControlled ? value : internalValue;
+    if (current === void 0) return [];
+    return Array.isArray(current) ? current : [current];
+  }, [isControlled, value, internalValue]);
+  const handleToggle = (0, import_react.useCallback)(
+    (itemValue) => {
+      var _a2;
+      const next = type === "multiple" ? normalizedValue.includes(itemValue) ? normalizedValue.filter((v) => v !== itemValue) : [...normalizedValue, itemValue] : normalizedValue.includes(itemValue) ? [] : [itemValue];
+      if (!isControlled) {
+        setInternalValue(next);
+      }
+      if (type === "multiple") {
+        onValueChange == null ? void 0 : onValueChange(next);
+      } else {
+        onValueChange == null ? void 0 : onValueChange(
+          (_a2 = next[0]) != null ? _a2 : ""
+        );
+      }
+    },
+    [isControlled, normalizedValue, onValueChange, type]
+  );
+  const contextValue = (0, import_react.useMemo)(
+    () => ({ type, value: normalizedValue, onToggle: handleToggle, disabled }),
+    [type, normalizedValue, handleToggle, disabled]
+  );
+  const groupClassName = className ? `ck-segmented-control ${className}` : "ck-segmented-control";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SegmentedControlContext.SegmentedControlContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    BaseAny,
+    __spreadProps(__spreadValues({}, props), {
+      role: type === "multiple" ? "group" : "radiogroup",
+      className: groupClassName,
+      children
+    })
+  ) });
+}
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/SegmentedControl/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["\"use client\";\nimport {\n  ComponentType,\n  ElementType,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Base, BaseProps } from \"../../core/Base\";\nimport {\n  SegmentedControlContext,\n  SegmentedControlContextValue,\n} from \"./SegmentedControlContext\";\n\ntype SingleProps = {\n  type?: \"single\";\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n};\n\ntype MultipleProps = {\n  type: \"multiple\";\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n};\n\nexport type SegmentedControlProps<T extends ElementType = \"div\"> =\n  BaseProps<T> & {\n    disabled?: boolean;\n    children?: ReactNode;\n  } & (SingleProps | MultipleProps);\n\nconst BaseAny = Base as unknown as ComponentType<Record<string, unknown>>;\n\nexport default function SegmentedControl<T extends ElementType = \"div\">({\n  type = \"single\",\n  value,\n  defaultValue,\n  onValueChange,\n  disabled = false,\n  children,\n  className,\n  ...props\n}: SegmentedControlProps<T>) {\n  const isControlled = value !== undefined;\n\n  const [internalValue, setInternalValue] = useState<string[]>(() => {\n    if (defaultValue === undefined) return [];\n    return Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n  });\n\n  const normalizedValue = useMemo<string[]>(() => {\n    const current = isControlled ? value : internalValue;\n    if (current === undefined) return [];\n    return Array.isArray(current) ? current : [current];\n  }, [isControlled, value, internalValue]);\n\n  const handleToggle = useCallback(\n    (itemValue: string) => {\n      const next =\n        type === \"multiple\"\n          ? normalizedValue.includes(itemValue)\n            ? normalizedValue.filter((v) => v !== itemValue)\n            : [...normalizedValue, itemValue]\n          : normalizedValue.includes(itemValue)\n            ? []\n            : [itemValue];\n\n      if (!isControlled) {\n        setInternalValue(next);\n      }\n\n      if (type === \"multiple\") {\n        (onValueChange as ((value: string[]) => void) | undefined)?.(next);\n      } else {\n        (onValueChange as ((value: string) => void) | undefined)?.(\n          next[0] ?? \"\",\n        );\n      }\n    },\n    [isControlled, normalizedValue, onValueChange, type],\n  );\n\n  const contextValue: SegmentedControlContextValue = useMemo(\n    () => ({ type, value: normalizedValue, onToggle: handleToggle, disabled }),\n    [type, normalizedValue, handleToggle, disabled],\n  );\n\n  const groupClassName = className\n    ? `ck-segmented-control ${className}`\n    : \"ck-segmented-control\";\n\n  return (\n    <SegmentedControlContext.Provider value={contextValue}>\n      <BaseAny\n        {...props}\n        role={type === \"multiple\" ? \"group\" : \"radiogroup\"}\n        className={groupClassName}\n      >\n        {children}\n      </BaseAny>\n    </SegmentedControlContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiGM;AAhGN,mBAOO;AACP,kBAAgC;AAChC,qCAGO;AAsBP,MAAM,UAAU;AAED,SAAR,iBAAiE,IAS3C;AAT2C,eACtE;AAAA,WAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EA5CF,IAqCwE,IAQnE,kBARmE,IAQnE;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,eAAe,UAAU;AAE/B,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAmB,MAAM;AACjE,QAAI,iBAAiB,OAAW,QAAO,CAAC;AACxC,WAAO,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,YAAY;AAAA,EACnE,CAAC;AAED,QAAM,sBAAkB,sBAAkB,MAAM;AAC9C,UAAM,UAAU,eAAe,QAAQ;AACvC,QAAI,YAAY,OAAW,QAAO,CAAC;AACnC,WAAO,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO;AAAA,EACpD,GAAG,CAAC,cAAc,OAAO,aAAa,CAAC;AAEvC,QAAM,mBAAe;AAAA,IACnB,CAAC,cAAsB;AA7D3B,UAAAA;AA8DM,YAAM,OACJ,SAAS,aACL,gBAAgB,SAAS,SAAS,IAChC,gBAAgB,OAAO,CAAC,MAAM,MAAM,SAAS,IAC7C,CAAC,GAAG,iBAAiB,SAAS,IAChC,gBAAgB,SAAS,SAAS,IAChC,CAAC,IACD,CAAC,SAAS;AAElB,UAAI,CAAC,cAAc;AACjB,yBAAiB,IAAI;AAAA,MACvB;AAEA,UAAI,SAAS,YAAY;AACvB,QAAC,+CAA4D;AAAA,MAC/D,OAAO;AACL,QAAC;AAAA,WACCA,MAAA,KAAK,CAAC,MAAN,OAAAA,MAAW;AAAA;AAAA,MAEf;AAAA,IACF;AAAA,IACA,CAAC,cAAc,iBAAiB,eAAe,IAAI;AAAA,EACrD;AAEA,QAAM,mBAA6C;AAAA,IACjD,OAAO,EAAE,MAAM,OAAO,iBAAiB,UAAU,cAAc,SAAS;AAAA,IACxE,CAAC,MAAM,iBAAiB,cAAc,QAAQ;AAAA,EAChD;AAEA,QAAM,iBAAiB,YACnB,wBAAwB,SAAS,KACjC;AAEJ,SACE,4CAAC,uDAAwB,UAAxB,EAAiC,OAAO,cACvC;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,MAAM,SAAS,aAAa,UAAU;AAAA,MACtC,WAAW;AAAA,MAEV;AAAA;AAAA,EACH,GACF;AAEJ;","names":["_a"]}

package/dist/components/SegmentedControl/SegmentedControl.mjs

@@ -0,0 +1,106 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import {
+  useCallback,
+  useMemo,
+  useState
+} from "react";
+import { Base } from "../../core/Base";
+import {
+  SegmentedControlContext
+} from "./SegmentedControlContext";
+const BaseAny = Base;
+function SegmentedControl(_a) {
+  var _b = _a, {
+    type = "single",
+    value,
+    defaultValue,
+    onValueChange,
+    disabled = false,
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "type",
+    "value",
+    "defaultValue",
+    "onValueChange",
+    "disabled",
+    "children",
+    "className"
+  ]);
+  const isControlled = value !== void 0;
+  const [internalValue, setInternalValue] = useState(() => {
+    if (defaultValue === void 0) return [];
+    return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+  });
+  const normalizedValue = useMemo(() => {
+    const current = isControlled ? value : internalValue;
+    if (current === void 0) return [];
+    return Array.isArray(current) ? current : [current];
+  }, [isControlled, value, internalValue]);
+  const handleToggle = useCallback(
+    (itemValue) => {
+      var _a2;
+      const next = type === "multiple" ? normalizedValue.includes(itemValue) ? normalizedValue.filter((v) => v !== itemValue) : [...normalizedValue, itemValue] : normalizedValue.includes(itemValue) ? [] : [itemValue];
+      if (!isControlled) {
+        setInternalValue(next);
+      }
+      if (type === "multiple") {
+        onValueChange == null ? void 0 : onValueChange(next);
+      } else {
+        onValueChange == null ? void 0 : onValueChange(
+          (_a2 = next[0]) != null ? _a2 : ""
+        );
+      }
+    },
+    [isControlled, normalizedValue, onValueChange, type]
+  );
+  const contextValue = useMemo(
+    () => ({ type, value: normalizedValue, onToggle: handleToggle, disabled }),
+    [type, normalizedValue, handleToggle, disabled]
+  );
+  const groupClassName = className ? `ck-segmented-control ${className}` : "ck-segmented-control";
+  return /* @__PURE__ */ jsx(SegmentedControlContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    BaseAny,
+    __spreadProps(__spreadValues({}, props), {
+      role: type === "multiple" ? "group" : "radiogroup",
+      className: groupClassName,
+      children
+    })
+  ) });
+}
+export {
+  SegmentedControl as default
+};
+//# sourceMappingURL=SegmentedControl.mjs.map

package/dist/components/SegmentedControl/SegmentedControl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["\"use client\";\nimport {\n  ComponentType,\n  ElementType,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\nimport { Base, BaseProps } from \"../../core/Base\";\nimport {\n  SegmentedControlContext,\n  SegmentedControlContextValue,\n} from \"./SegmentedControlContext\";\n\ntype SingleProps = {\n  type?: \"single\";\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n};\n\ntype MultipleProps = {\n  type: \"multiple\";\n  value?: string[];\n  defaultValue?: string[];\n  onValueChange?: (value: string[]) => void;\n};\n\nexport type SegmentedControlProps<T extends ElementType = \"div\"> =\n  BaseProps<T> & {\n    disabled?: boolean;\n    children?: ReactNode;\n  } & (SingleProps | MultipleProps);\n\nconst BaseAny = Base as unknown as ComponentType<Record<string, unknown>>;\n\nexport default function SegmentedControl<T extends ElementType = \"div\">({\n  type = \"single\",\n  value,\n  defaultValue,\n  onValueChange,\n  disabled = false,\n  children,\n  className,\n  ...props\n}: SegmentedControlProps<T>) {\n  const isControlled = value !== undefined;\n\n  const [internalValue, setInternalValue] = useState<string[]>(() => {\n    if (defaultValue === undefined) return [];\n    return Array.isArray(defaultValue) ? defaultValue : [defaultValue];\n  });\n\n  const normalizedValue = useMemo<string[]>(() => {\n    const current = isControlled ? value : internalValue;\n    if (current === undefined) return [];\n    return Array.isArray(current) ? current : [current];\n  }, [isControlled, value, internalValue]);\n\n  const handleToggle = useCallback(\n    (itemValue: string) => {\n      const next =\n        type === \"multiple\"\n          ? normalizedValue.includes(itemValue)\n            ? normalizedValue.filter((v) => v !== itemValue)\n            : [...normalizedValue, itemValue]\n          : normalizedValue.includes(itemValue)\n            ? []\n            : [itemValue];\n\n      if (!isControlled) {\n        setInternalValue(next);\n      }\n\n      if (type === \"multiple\") {\n        (onValueChange as ((value: string[]) => void) | undefined)?.(next);\n      } else {\n        (onValueChange as ((value: string) => void) | undefined)?.(\n          next[0] ?? \"\",\n        );\n      }\n    },\n    [isControlled, normalizedValue, onValueChange, type],\n  );\n\n  const contextValue: SegmentedControlContextValue = useMemo(\n    () => ({ type, value: normalizedValue, onToggle: handleToggle, disabled }),\n    [type, normalizedValue, handleToggle, disabled],\n  );\n\n  const groupClassName = className\n    ? `ck-segmented-control ${className}`\n    : \"ck-segmented-control\";\n\n  return (\n    <SegmentedControlContext.Provider value={contextValue}>\n      <BaseAny\n        {...props}\n        role={type === \"multiple\" ? \"group\" : \"radiogroup\"}\n        className={groupClassName}\n      >\n        {children}\n      </BaseAny>\n    </SegmentedControlContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGM;AAhGN;AAAA,EAIE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAuB;AAChC;AAAA,EACE;AAAA,OAEK;AAsBP,MAAM,UAAU;AAED,SAAR,iBAAiE,IAS3C;AAT2C,eACtE;AAAA,WAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EA5CF,IAqCwE,IAQnE,kBARmE,IAQnE;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,eAAe,UAAU;AAE/B,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAmB,MAAM;AACjE,QAAI,iBAAiB,OAAW,QAAO,CAAC;AACxC,WAAO,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,YAAY;AAAA,EACnE,CAAC;AAED,QAAM,kBAAkB,QAAkB,MAAM;AAC9C,UAAM,UAAU,eAAe,QAAQ;AACvC,QAAI,YAAY,OAAW,QAAO,CAAC;AACnC,WAAO,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO;AAAA,EACpD,GAAG,CAAC,cAAc,OAAO,aAAa,CAAC;AAEvC,QAAM,eAAe;AAAA,IACnB,CAAC,cAAsB;AA7D3B,UAAAA;AA8DM,YAAM,OACJ,SAAS,aACL,gBAAgB,SAAS,SAAS,IAChC,gBAAgB,OAAO,CAAC,MAAM,MAAM,SAAS,IAC7C,CAAC,GAAG,iBAAiB,SAAS,IAChC,gBAAgB,SAAS,SAAS,IAChC,CAAC,IACD,CAAC,SAAS;AAElB,UAAI,CAAC,cAAc;AACjB,yBAAiB,IAAI;AAAA,MACvB;AAEA,UAAI,SAAS,YAAY;AACvB,QAAC,+CAA4D;AAAA,MAC/D,OAAO;AACL,QAAC;AAAA,WACCA,MAAA,KAAK,CAAC,MAAN,OAAAA,MAAW;AAAA;AAAA,MAEf;AAAA,IACF;AAAA,IACA,CAAC,cAAc,iBAAiB,eAAe,IAAI;AAAA,EACrD;AAEA,QAAM,eAA6C;AAAA,IACjD,OAAO,EAAE,MAAM,OAAO,iBAAiB,UAAU,cAAc,SAAS;AAAA,IACxE,CAAC,MAAM,iBAAiB,cAAc,QAAQ;AAAA,EAChD;AAEA,QAAM,iBAAiB,YACnB,wBAAwB,SAAS,KACjC;AAEJ,SACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,cACvC;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,MAAM,SAAS,aAAa,UAAU;AAAA,MACtC,WAAW;AAAA,MAEV;AAAA;AAAA,EACH,GACF;AAEJ;","names":["_a"]}

package/dist/components/SegmentedControl/SegmentedControlContext.d.mts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+
+type SegmentedControlContextValue = {
+    type: "single" | "multiple";
+    value: string[];
+    onToggle: (value: string) => void;
+    disabled?: boolean;
+};
+declare const SegmentedControlContext: react.Context<SegmentedControlContextValue | null>;
+declare function useSegmentedControlContext(): SegmentedControlContextValue | null;
+
+export { SegmentedControlContext, type SegmentedControlContextValue, useSegmentedControlContext };

package/dist/components/SegmentedControl/SegmentedControlContext.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+
+type SegmentedControlContextValue = {
+    type: "single" | "multiple";
+    value: string[];
+    onToggle: (value: string) => void;
+    disabled?: boolean;
+};
+declare const SegmentedControlContext: react.Context<SegmentedControlContextValue | null>;
+declare function useSegmentedControlContext(): SegmentedControlContextValue | null;
+
+export { SegmentedControlContext, type SegmentedControlContextValue, useSegmentedControlContext };