@chicken-ui/react 0.1.0

package/dist/components/SegmentedControl/SegmentedControlContext.js

@@ -0,0 +1,36 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SegmentedControlContext_exports = {};
+__export(SegmentedControlContext_exports, {
+  SegmentedControlContext: () => SegmentedControlContext,
+  useSegmentedControlContext: () => useSegmentedControlContext
+});
+module.exports = __toCommonJS(SegmentedControlContext_exports);
+var import_react = require("react");
+const SegmentedControlContext = (0, import_react.createContext)(null);
+function useSegmentedControlContext() {
+  return (0, import_react.useContext)(SegmentedControlContext);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SegmentedControlContext,
+  useSegmentedControlContext
+});
+//# sourceMappingURL=SegmentedControlContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/SegmentedControl/SegmentedControlContext.ts"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport type SegmentedControlContextValue = {\n  type: \"single\" | \"multiple\";\n  value: string[];\n  onToggle: (value: string) => void;\n  disabled?: boolean;\n};\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextValue | null>(null);\n\nexport function useSegmentedControlContext() {\n  return useContext(SegmentedControlContext);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA0C;AASnC,MAAM,8BACX,4BAAmD,IAAI;AAElD,SAAS,6BAA6B;AAC3C,aAAO,yBAAW,uBAAuB;AAC3C;","names":[]}

package/dist/components/SegmentedControl/SegmentedControlContext.mjs

@@ -0,0 +1,11 @@
+"use client";
+import { createContext, useContext } from "react";
+const SegmentedControlContext = createContext(null);
+function useSegmentedControlContext() {
+  return useContext(SegmentedControlContext);
+}
+export {
+  SegmentedControlContext,
+  useSegmentedControlContext
+};
+//# sourceMappingURL=SegmentedControlContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/SegmentedControl/SegmentedControlContext.ts"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport type SegmentedControlContextValue = {\n  type: \"single\" | \"multiple\";\n  value: string[];\n  onToggle: (value: string) => void;\n  disabled?: boolean;\n};\n\nexport const SegmentedControlContext =\n  createContext<SegmentedControlContextValue | null>(null);\n\nexport function useSegmentedControlContext() {\n  return useContext(SegmentedControlContext);\n}\n"],"mappings":";AACA,SAAS,eAAe,kBAAkB;AASnC,MAAM,0BACX,cAAmD,IAAI;AAElD,SAAS,6BAA6B;AAC3C,SAAO,WAAW,uBAAuB;AAC3C;","names":[]}

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

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ElementType } from 'react';
+import { BaseProps } from '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';
+
+type SegmentedControlItemSpecificProps = {
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+    itemValue: string;
+};
+type SegmentedControlItemProps<T extends ElementType = "button"> = BaseProps<T> & SegmentedControlItemSpecificProps;
+declare function SegmentedControlItem<T extends ElementType = "button">({ size, disabled, itemValue, as, children, className, style, ...props }: SegmentedControlItemProps<T>): react.JSX.Element;
+
+export { type SegmentedControlItemProps, SegmentedControlItem as default };

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

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ElementType } from 'react';
+import { BaseProps } from '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';
+
+type SegmentedControlItemSpecificProps = {
+    size?: "sm" | "md" | "lg";
+    disabled?: boolean;
+    itemValue: string;
+};
+type SegmentedControlItemProps<T extends ElementType = "button"> = BaseProps<T> & SegmentedControlItemSpecificProps;
+declare function SegmentedControlItem<T extends ElementType = "button">({ size, disabled, itemValue, as, children, className, style, ...props }: SegmentedControlItemProps<T>): react.JSX.Element;
+
+export { type SegmentedControlItemProps, SegmentedControlItem as default };

package/dist/components/SegmentedControl/SegmentedControlItem.js

@@ -0,0 +1,111 @@
+"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 SegmentedControlItem_exports = {};
+__export(SegmentedControlItem_exports, {
+  default: () => SegmentedControlItem
+});
+module.exports = __toCommonJS(SegmentedControlItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_Base = require("../../core/Base");
+var import_SegmentedControlContext = require("./SegmentedControlContext");
+const BaseAny = import_Base.Base;
+function SegmentedControlItem(_a) {
+  var _b = _a, {
+    size = "md",
+    disabled = false,
+    itemValue,
+    as,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "size",
+    "disabled",
+    "itemValue",
+    "as",
+    "children",
+    "className",
+    "style"
+  ]);
+  var _a2;
+  const group = (0, import_SegmentedControlContext.useSegmentedControlContext)();
+  if (!group) {
+    throw new Error(
+      "SegmentedControlItem must be used inside a SegmentedControl"
+    );
+  }
+  const isPressed = group.value.includes(itemValue);
+  const isDisabled = disabled || ((_a2 = group.disabled) != null ? _a2 : false);
+  const handleClick = () => {
+    if (isDisabled) return;
+    group.onToggle(itemValue);
+  };
+  let itemClassName = "ck-segmented-control__item";
+  if (isPressed) itemClassName += " ck-segmented-control__item--pressed";
+  if (size !== "md") itemClassName += ` ck-segmented-control__item--${size}`;
+  if (className) itemClassName += ` ${className}`;
+  const styles = __spreadValues({}, style);
+  const Component = as != null ? as : "button";
+  const isNativeButton = Component === "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    BaseAny,
+    __spreadProps(__spreadValues({}, props), {
+      as: Component,
+      type: isNativeButton ? "button" : void 0,
+      disabled: isNativeButton ? isDisabled : void 0,
+      "aria-checked": isPressed,
+      role: group.type === "single" ? "radio" : void 0,
+      onClick: handleClick,
+      className: itemClassName,
+      style: styles,
+      children
+    })
+  );
+}
+//# sourceMappingURL=SegmentedControlItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/SegmentedControl/SegmentedControlItem.tsx"],"sourcesContent":["\"use client\";\nimport { CSSProperties, ComponentType, ElementType } from \"react\";\nimport { Base, BaseProps } from \"../../core/Base\";\nimport { useSegmentedControlContext } from \"./SegmentedControlContext\";\n\ntype SegmentedControlItemSpecificProps = {\n  size?: \"sm\" | \"md\" | \"lg\";\n  disabled?: boolean;\n  itemValue: string;\n};\n\nexport type SegmentedControlItemProps<T extends ElementType = \"button\"> =\n  BaseProps<T> & SegmentedControlItemSpecificProps;\n\nconst BaseAny = Base as unknown as ComponentType<BaseProps<ElementType>>;\n\n\nexport default function SegmentedControlItem<T extends ElementType = \"button\">({\n  size = \"md\",\n  disabled = false,\n  itemValue,\n  as,\n  children,\n  className,\n  style,\n  ...props\n}: SegmentedControlItemProps<T>) {\n  const group = useSegmentedControlContext();\n\n  if (!group) {\n    throw new Error(\n      \"SegmentedControlItem must be used inside a SegmentedControl\",\n    );\n  }\n\n  const isPressed = group.value.includes(itemValue);\n  const isDisabled = disabled || (group.disabled ?? false);\n\n  const handleClick = () => {\n    if (isDisabled) return;\n    group.onToggle(itemValue);\n  };\n\n  let itemClassName = \"ck-segmented-control__item\";\n  if (isPressed) itemClassName += \" ck-segmented-control__item--pressed\";\n  if (size !== \"md\") itemClassName += ` ck-segmented-control__item--${size}`;\n  if (className) itemClassName += ` ${className}`;\n\n  const styles = { ...style } as CSSProperties;\n  const Component = as ?? (\"button\" as T);\n  const isNativeButton = Component === \"button\";\n\n  return (\n    <BaseAny\n      {...props}\n      as={Component}\n      type={isNativeButton ? \"button\" : undefined}\n      disabled={isNativeButton ? isDisabled : undefined}\n      aria-checked={isPressed}\n      role={group.type === \"single\" ? \"radio\" : undefined}\n      onClick={handleClick}\n      className={itemClassName}\n      style={styles}\n    >\n      {children}\n    </BaseAny>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqDI;AAnDJ,kBAAgC;AAChC,qCAA2C;AAW3C,MAAM,UAAU;AAGD,SAAR,qBAAwE,IAS9C;AAT8C,eAC7E;AAAA,WAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAxBF,IAiB+E,IAQ1E,kBAR0E,IAQ1E;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAxBF,MAAAA;AA2BE,QAAM,YAAQ,2DAA2B;AAEzC,MAAI,CAAC,OAAO;AACV,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAY,MAAM,MAAM,SAAS,SAAS;AAChD,QAAM,aAAa,cAAaA,MAAA,MAAM,aAAN,OAAAA,MAAkB;AAElD,QAAM,cAAc,MAAM;AACxB,QAAI,WAAY;AAChB,UAAM,SAAS,SAAS;AAAA,EAC1B;AAEA,MAAI,gBAAgB;AACpB,MAAI,UAAW,kBAAiB;AAChC,MAAI,SAAS,KAAM,kBAAiB,gCAAgC,IAAI;AACxE,MAAI,UAAW,kBAAiB,IAAI,SAAS;AAE7C,QAAM,SAAS,mBAAK;AACpB,QAAM,YAAY,kBAAO;AACzB,QAAM,iBAAiB,cAAc;AAErC,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,IAAI;AAAA,MACJ,MAAM,iBAAiB,WAAW;AAAA,MAClC,UAAU,iBAAiB,aAAa;AAAA,MACxC,gBAAc;AAAA,MACd,MAAM,MAAM,SAAS,WAAW,UAAU;AAAA,MAC1C,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ;","names":["_a"]}

package/dist/components/SegmentedControl/SegmentedControlItem.mjs

@@ -0,0 +1,93 @@
+"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 { Base } from "../../core/Base";
+import { useSegmentedControlContext } from "./SegmentedControlContext";
+const BaseAny = Base;
+function SegmentedControlItem(_a) {
+  var _b = _a, {
+    size = "md",
+    disabled = false,
+    itemValue,
+    as,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "size",
+    "disabled",
+    "itemValue",
+    "as",
+    "children",
+    "className",
+    "style"
+  ]);
+  var _a2;
+  const group = useSegmentedControlContext();
+  if (!group) {
+    throw new Error(
+      "SegmentedControlItem must be used inside a SegmentedControl"
+    );
+  }
+  const isPressed = group.value.includes(itemValue);
+  const isDisabled = disabled || ((_a2 = group.disabled) != null ? _a2 : false);
+  const handleClick = () => {
+    if (isDisabled) return;
+    group.onToggle(itemValue);
+  };
+  let itemClassName = "ck-segmented-control__item";
+  if (isPressed) itemClassName += " ck-segmented-control__item--pressed";
+  if (size !== "md") itemClassName += ` ck-segmented-control__item--${size}`;
+  if (className) itemClassName += ` ${className}`;
+  const styles = __spreadValues({}, style);
+  const Component = as != null ? as : "button";
+  const isNativeButton = Component === "button";
+  return /* @__PURE__ */ jsx(
+    BaseAny,
+    __spreadProps(__spreadValues({}, props), {
+      as: Component,
+      type: isNativeButton ? "button" : void 0,
+      disabled: isNativeButton ? isDisabled : void 0,
+      "aria-checked": isPressed,
+      role: group.type === "single" ? "radio" : void 0,
+      onClick: handleClick,
+      className: itemClassName,
+      style: styles,
+      children
+    })
+  );
+}
+export {
+  SegmentedControlItem as default
+};
+//# sourceMappingURL=SegmentedControlItem.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/SegmentedControl/SegmentedControlItem.tsx"],"sourcesContent":["\"use client\";\nimport { CSSProperties, ComponentType, ElementType } from \"react\";\nimport { Base, BaseProps } from \"../../core/Base\";\nimport { useSegmentedControlContext } from \"./SegmentedControlContext\";\n\ntype SegmentedControlItemSpecificProps = {\n  size?: \"sm\" | \"md\" | \"lg\";\n  disabled?: boolean;\n  itemValue: string;\n};\n\nexport type SegmentedControlItemProps<T extends ElementType = \"button\"> =\n  BaseProps<T> & SegmentedControlItemSpecificProps;\n\nconst BaseAny = Base as unknown as ComponentType<BaseProps<ElementType>>;\n\n\nexport default function SegmentedControlItem<T extends ElementType = \"button\">({\n  size = \"md\",\n  disabled = false,\n  itemValue,\n  as,\n  children,\n  className,\n  style,\n  ...props\n}: SegmentedControlItemProps<T>) {\n  const group = useSegmentedControlContext();\n\n  if (!group) {\n    throw new Error(\n      \"SegmentedControlItem must be used inside a SegmentedControl\",\n    );\n  }\n\n  const isPressed = group.value.includes(itemValue);\n  const isDisabled = disabled || (group.disabled ?? false);\n\n  const handleClick = () => {\n    if (isDisabled) return;\n    group.onToggle(itemValue);\n  };\n\n  let itemClassName = \"ck-segmented-control__item\";\n  if (isPressed) itemClassName += \" ck-segmented-control__item--pressed\";\n  if (size !== \"md\") itemClassName += ` ck-segmented-control__item--${size}`;\n  if (className) itemClassName += ` ${className}`;\n\n  const styles = { ...style } as CSSProperties;\n  const Component = as ?? (\"button\" as T);\n  const isNativeButton = Component === \"button\";\n\n  return (\n    <BaseAny\n      {...props}\n      as={Component}\n      type={isNativeButton ? \"button\" : undefined}\n      disabled={isNativeButton ? isDisabled : undefined}\n      aria-checked={isPressed}\n      role={group.type === \"single\" ? \"radio\" : undefined}\n      onClick={handleClick}\n      className={itemClassName}\n      style={styles}\n    >\n      {children}\n    </BaseAny>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDI;AAnDJ,SAAS,YAAuB;AAChC,SAAS,kCAAkC;AAW3C,MAAM,UAAU;AAGD,SAAR,qBAAwE,IAS9C;AAT8C,eAC7E;AAAA,WAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAxBF,IAiB+E,IAQ1E,kBAR0E,IAQ1E;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAxBF,MAAAA;AA2BE,QAAM,QAAQ,2BAA2B;AAEzC,MAAI,CAAC,OAAO;AACV,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,YAAY,MAAM,MAAM,SAAS,SAAS;AAChD,QAAM,aAAa,cAAaA,MAAA,MAAM,aAAN,OAAAA,MAAkB;AAElD,QAAM,cAAc,MAAM;AACxB,QAAI,WAAY;AAChB,UAAM,SAAS,SAAS;AAAA,EAC1B;AAEA,MAAI,gBAAgB;AACpB,MAAI,UAAW,kBAAiB;AAChC,MAAI,SAAS,KAAM,kBAAiB,gCAAgC,IAAI;AACxE,MAAI,UAAW,kBAAiB,IAAI,SAAS;AAE7C,QAAM,SAAS,mBAAK;AACpB,QAAM,YAAY,kBAAO;AACzB,QAAM,iBAAiB,cAAc;AAErC,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,IAAI;AAAA,MACJ,MAAM,iBAAiB,WAAW;AAAA,MAClC,UAAU,iBAAiB,aAAa;AAAA,MACxC,gBAAc;AAAA,MACd,MAAM,MAAM,SAAS,WAAW,UAAU;AAAA,MAC1C,SAAS;AAAA,MACT,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ;","names":["_a"]}

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

@@ -0,0 +1,5 @@
+export { default as SegmentedControl, SegmentedControlProps } from './SegmentedControl.mjs';
+export { default as SegmentedControlItem, SegmentedControlItemProps } from './SegmentedControlItem.mjs';
+import 'react';
+import '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';

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

@@ -0,0 +1,5 @@
+export { default as SegmentedControl, SegmentedControlProps } from './SegmentedControl.js';
+export { default as SegmentedControlItem, SegmentedControlItemProps } from './SegmentedControlItem.js';
+import 'react';
+import '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';

package/dist/components/SegmentedControl/index.js

@@ -0,0 +1,42 @@
+"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 SegmentedControl_exports = {};
+__export(SegmentedControl_exports, {
+  SegmentedControl: () => import_SegmentedControl.default,
+  SegmentedControlItem: () => import_SegmentedControlItem.default
+});
+module.exports = __toCommonJS(SegmentedControl_exports);
+var import_SegmentedControl = __toESM(require("./SegmentedControl"));
+var import_SegmentedControlItem = __toESM(require("./SegmentedControlItem"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SegmentedControl,
+  SegmentedControlItem
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/SegmentedControl/index.ts"],"sourcesContent":["export { default as SegmentedControl } from \"./SegmentedControl\";\nexport type { SegmentedControlProps } from \"./SegmentedControl\";\nexport { default as SegmentedControlItem } from \"./SegmentedControlItem\";\nexport type { SegmentedControlItemProps } from \"./SegmentedControlItem\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAA4C;AAE5C,kCAAgD;","names":[]}

package/dist/components/SegmentedControl/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/SegmentedControl/index.ts"],"sourcesContent":["export { default as SegmentedControl } from \"./SegmentedControl\";\nexport type { SegmentedControlProps } from \"./SegmentedControl\";\nexport { default as SegmentedControlItem } from \"./SegmentedControlItem\";\nexport type { SegmentedControlItemProps } from \"./SegmentedControlItem\";\n"],"mappings":"AAAA,SAAoB,WAAXA,gBAAmC;AAE5C,SAAoB,WAAXA,gBAAuC;","names":["default"]}

package/dist/components/TabBar/TabBar.d.mts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { ElementType } from 'react';
+import { BaseProps } from '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';
+
+type TabBarProps<T extends ElementType = "div"> = BaseProps<T> & {
+    variant?: "default" | "fill" | "pill" | "bar" | "shortbar";
+};
+declare function TabBar<T extends ElementType = "div">({ variant, children, className, style, ...props }: TabBarProps<T>): react.JSX.Element;
+
+export { type TabBarProps, TabBar as default };

package/dist/components/TabBar/TabBar.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { ElementType } from 'react';
+import { BaseProps } from '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';
+
+type TabBarProps<T extends ElementType = "div"> = BaseProps<T> & {
+    variant?: "default" | "fill" | "pill" | "bar" | "shortbar";
+};
+declare function TabBar<T extends ElementType = "div">({ variant, children, className, style, ...props }: TabBarProps<T>): react.JSX.Element;
+
+export { type TabBarProps, TabBar as default };

package/dist/components/TabBar/TabBar.js

@@ -0,0 +1,85 @@
+"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 TabBar_exports = {};
+__export(TabBar_exports, {
+  default: () => TabBar
+});
+module.exports = __toCommonJS(TabBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../../index");
+function TabBar(_a) {
+  var _b = _a, {
+    variant,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "children",
+    "className",
+    "style"
+  ]);
+  let tabBarClassName = "ck-tab-bar";
+  if (variant && variant !== "default") {
+    tabBarClassName += ` ck-tab-bar--${variant}`;
+  }
+  if (className) {
+    tabBarClassName += ` ${className}`;
+  }
+  const styles = __spreadValues({}, style);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: "nav",
+      className: tabBarClassName,
+      style: styles,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "ck-tab-bar__inner", children })
+    })
+  );
+}
+//# sourceMappingURL=TabBar.js.map

package/dist/components/TabBar/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/TabBar.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type TabBarProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  variant?: \"default\" | \"fill\" | \"pill\" | \"bar\" | \"shortbar\";\n};\n\nexport default function TabBar<T extends ElementType = \"div\">({\n  variant,\n  children,\n  className,\n  style,\n  ...props\n}: TabBarProps<T>) {\n  let tabBarClassName = \"ck-tab-bar\";\n\n  if (variant && variant !== \"default\") {\n    tabBarClassName += ` ck-tab-bar--${variant}`;\n  }\n\n  if (className) {\n    tabBarClassName += ` ${className}`;\n  }\n\n  const styles = {\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      as=\"nav\"\n      className={tabBarClassName}\n      style={styles}\n    >\n      <ul className=\"ck-tab-bar__inner\">{children}</ul>\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCM;AAlCN,eAAgC;AAMjB,SAAR,OAAuD,IAM3C;AAN2C,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAXF,IAO8D,IAKzD,kBALyD,IAKzD;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,kBAAkB;AAEtB,MAAI,WAAW,YAAY,WAAW;AACpC,uBAAmB,gBAAgB,OAAO;AAAA,EAC5C;AAEA,MAAI,WAAW;AACb,uBAAmB,IAAI,SAAS;AAAA,EAClC;AAEA,QAAM,SAAS,mBACV;AAGL,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,IAAG;AAAA,MACH,WAAW;AAAA,MACX,OAAO;AAAA,MAEP,sDAAC,QAAG,WAAU,qBAAqB,UAAS;AAAA;AAAA,EAC9C;AAEJ;","names":[]}

package/dist/components/TabBar/TabBar.mjs

@@ -0,0 +1,67 @@
+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 { Base } from "../../index";
+function TabBar(_a) {
+  var _b = _a, {
+    variant,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "children",
+    "className",
+    "style"
+  ]);
+  let tabBarClassName = "ck-tab-bar";
+  if (variant && variant !== "default") {
+    tabBarClassName += ` ck-tab-bar--${variant}`;
+  }
+  if (className) {
+    tabBarClassName += ` ${className}`;
+  }
+  const styles = __spreadValues({}, style);
+  return /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: "nav",
+      className: tabBarClassName,
+      style: styles,
+      children: /* @__PURE__ */ jsx("ul", { className: "ck-tab-bar__inner", children })
+    })
+  );
+}
+export {
+  TabBar as default
+};
+//# sourceMappingURL=TabBar.mjs.map

package/dist/components/TabBar/TabBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/TabBar.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type TabBarProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  variant?: \"default\" | \"fill\" | \"pill\" | \"bar\" | \"shortbar\";\n};\n\nexport default function TabBar<T extends ElementType = \"div\">({\n  variant,\n  children,\n  className,\n  style,\n  ...props\n}: TabBarProps<T>) {\n  let tabBarClassName = \"ck-tab-bar\";\n\n  if (variant && variant !== \"default\") {\n    tabBarClassName += ` ck-tab-bar--${variant}`;\n  }\n\n  if (className) {\n    tabBarClassName += ` ${className}`;\n  }\n\n  const styles = {\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      as=\"nav\"\n      className={tabBarClassName}\n      style={styles}\n    >\n      <ul className=\"ck-tab-bar__inner\">{children}</ul>\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCM;AAlCN,SAAS,YAAuB;AAMjB,SAAR,OAAuD,IAM3C;AAN2C,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAXF,IAO8D,IAKzD,kBALyD,IAKzD;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,kBAAkB;AAEtB,MAAI,WAAW,YAAY,WAAW;AACpC,uBAAmB,gBAAgB,OAAO;AAAA,EAC5C;AAEA,MAAI,WAAW;AACb,uBAAmB,IAAI,SAAS;AAAA,EAClC;AAEA,QAAM,SAAS,mBACV;AAGL,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,IAAG;AAAA,MACH,WAAW;AAAA,MACX,OAAO;AAAA,MAEP,8BAAC,QAAG,WAAU,qBAAqB,UAAS;AAAA;AAAA,EAC9C;AAEJ;","names":[]}

package/dist/components/TabBar/TabBarItem.d.mts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { ElementType, ComponentPropsWithoutRef, CSSProperties } from 'react';
+import { BaseProps } from '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';
+
+type TabBarItemProps<T extends ElementType = "button"> = Omit<BaseProps<T>, "as" | "onClick" | "className" | "style"> & Omit<ComponentPropsWithoutRef<T>, "as" | "onClick" | "className" | "style" | "children"> & {
+    as?: T;
+    isCurrent?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+};
+declare function TabBarItem<T extends ElementType = "button">({ as, isCurrent, children, className, style, ...props }: TabBarItemProps<T>): react.JSX.Element;
+
+export { type TabBarItemProps, TabBarItem as default };

package/dist/components/TabBar/TabBarItem.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { ElementType, ComponentPropsWithoutRef, CSSProperties } from 'react';
+import { BaseProps } from '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';
+
+type TabBarItemProps<T extends ElementType = "button"> = Omit<BaseProps<T>, "as" | "onClick" | "className" | "style"> & Omit<ComponentPropsWithoutRef<T>, "as" | "onClick" | "className" | "style" | "children"> & {
+    as?: T;
+    isCurrent?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: React.ReactNode;
+};
+declare function TabBarItem<T extends ElementType = "button">({ as, isCurrent, children, className, style, ...props }: TabBarItemProps<T>): react.JSX.Element;
+
+export { type TabBarItemProps, TabBarItem as default };