@chicken-ui/react 0.1.0

package/dist/components/TabBar/TabBarItem.js

@@ -0,0 +1,89 @@
+"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 TabBarItem_exports = {};
+__export(TabBarItem_exports, {
+  default: () => TabBarItem
+});
+module.exports = __toCommonJS(TabBarItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../../index");
+function TabBarItem(_a) {
+  var _b = _a, {
+    as,
+    isCurrent,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "as",
+    "isCurrent",
+    "children",
+    "className",
+    "style"
+  ]);
+  const Component = as || "button";
+  let tabBarItemClassName = "ck-tab-bar__button";
+  if (isCurrent) {
+    tabBarItemClassName += " ck-tab-bar__button--active";
+  }
+  if (className) {
+    tabBarItemClassName += ` ${className}`;
+  }
+  const styles = __spreadValues({}, style);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "ck-tab-bar__item", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: Component,
+      "aria-current": isCurrent ? "page" : void 0,
+      className: tabBarItemClassName,
+      style: styles,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ck-tab-bar__button-inner", children })
+    })
+  ) });
+}
+//# sourceMappingURL=TabBarItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/TabBarItem.tsx"],"sourcesContent":["import { CSSProperties, ElementType, ComponentPropsWithoutRef } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type TabBarItemProps<T extends ElementType = \"button\"> = Omit<\n  BaseProps<T>,\n  \"as\" | \"onClick\" | \"className\" | \"style\"\n> &\n  Omit<\n    ComponentPropsWithoutRef<T>,\n    \"as\" | \"onClick\" | \"className\" | \"style\" | \"children\"\n  > & {\n    as?: T;\n    isCurrent?: boolean;\n    className?: string;\n    style?: CSSProperties;\n    children?: React.ReactNode;\n  };\n\nexport default function TabBarItem<T extends ElementType = \"button\">({\n  as,\n  isCurrent,\n  children,\n  className,\n  style,\n  ...props\n}: TabBarItemProps<T>) {\n  const Component = (as || \"button\") as ElementType;\n\n  let tabBarItemClassName = \"ck-tab-bar__button\";\n  if (isCurrent) {\n    tabBarItemClassName += \" ck-tab-bar__button--active\";\n  }\n  if (className) {\n    tabBarItemClassName += ` ${className}`;\n  }\n  const styles = {\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <li className=\"ck-tab-bar__item\">\n      <Base\n        {...props}\n        as={Component}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={tabBarItemClassName}\n        style={styles}\n      >\n        <div className=\"ck-tab-bar__button-inner\">{children}</div>\n      </Base>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDQ;AA/CR,eAAgC;AAiBjB,SAAR,WAA8D,IAO9C;AAP8C,eACnE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAvBF,IAkBqE,IAMhE,kBANgE,IAMhE;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,YAAa,MAAM;AAEzB,MAAI,sBAAsB;AAC1B,MAAI,WAAW;AACb,2BAAuB;AAAA,EACzB;AACA,MAAI,WAAW;AACb,2BAAuB,IAAI,SAAS;AAAA,EACtC;AACA,QAAM,SAAS,mBACV;AAGL,SACE,4CAAC,QAAG,WAAU,oBACZ;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,IAAI;AAAA,MACJ,gBAAc,YAAY,SAAS;AAAA,MACnC,WAAW;AAAA,MACX,OAAO;AAAA,MAEP,sDAAC,SAAI,WAAU,4BAA4B,UAAS;AAAA;AAAA,EACtD,GACF;AAEJ;","names":[]}

package/dist/components/TabBar/TabBarItem.mjs

@@ -0,0 +1,71 @@
+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 TabBarItem(_a) {
+  var _b = _a, {
+    as,
+    isCurrent,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "as",
+    "isCurrent",
+    "children",
+    "className",
+    "style"
+  ]);
+  const Component = as || "button";
+  let tabBarItemClassName = "ck-tab-bar__button";
+  if (isCurrent) {
+    tabBarItemClassName += " ck-tab-bar__button--active";
+  }
+  if (className) {
+    tabBarItemClassName += ` ${className}`;
+  }
+  const styles = __spreadValues({}, style);
+  return /* @__PURE__ */ jsx("li", { className: "ck-tab-bar__item", children: /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: Component,
+      "aria-current": isCurrent ? "page" : void 0,
+      className: tabBarItemClassName,
+      style: styles,
+      children: /* @__PURE__ */ jsx("div", { className: "ck-tab-bar__button-inner", children })
+    })
+  ) });
+}
+export {
+  TabBarItem as default
+};
+//# sourceMappingURL=TabBarItem.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/TabBarItem.tsx"],"sourcesContent":["import { CSSProperties, ElementType, ComponentPropsWithoutRef } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type TabBarItemProps<T extends ElementType = \"button\"> = Omit<\n  BaseProps<T>,\n  \"as\" | \"onClick\" | \"className\" | \"style\"\n> &\n  Omit<\n    ComponentPropsWithoutRef<T>,\n    \"as\" | \"onClick\" | \"className\" | \"style\" | \"children\"\n  > & {\n    as?: T;\n    isCurrent?: boolean;\n    className?: string;\n    style?: CSSProperties;\n    children?: React.ReactNode;\n  };\n\nexport default function TabBarItem<T extends ElementType = \"button\">({\n  as,\n  isCurrent,\n  children,\n  className,\n  style,\n  ...props\n}: TabBarItemProps<T>) {\n  const Component = (as || \"button\") as ElementType;\n\n  let tabBarItemClassName = \"ck-tab-bar__button\";\n  if (isCurrent) {\n    tabBarItemClassName += \" ck-tab-bar__button--active\";\n  }\n  if (className) {\n    tabBarItemClassName += ` ${className}`;\n  }\n  const styles = {\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <li className=\"ck-tab-bar__item\">\n      <Base\n        {...props}\n        as={Component}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={tabBarItemClassName}\n        style={styles}\n      >\n        <div className=\"ck-tab-bar__button-inner\">{children}</div>\n      </Base>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDQ;AA/CR,SAAS,YAAuB;AAiBjB,SAAR,WAA8D,IAO9C;AAP8C,eACnE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAvBF,IAkBqE,IAMhE,kBANgE,IAMhE;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,YAAa,MAAM;AAEzB,MAAI,sBAAsB;AAC1B,MAAI,WAAW;AACb,2BAAuB;AAAA,EACzB;AACA,MAAI,WAAW;AACb,2BAAuB,IAAI,SAAS;AAAA,EACtC;AACA,QAAM,SAAS,mBACV;AAGL,SACE,oBAAC,QAAG,WAAU,oBACZ;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,IAAI;AAAA,MACJ,gBAAc,YAAY,SAAS;AAAA,MACnC,WAAW;AAAA,MACX,OAAO;AAAA,MAEP,8BAAC,SAAI,WAAU,4BAA4B,UAAS;AAAA;AAAA,EACtD,GACF;AAEJ;","names":[]}

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

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { ElementType } from 'react';
+import { BaseProps } from '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';
+
+type TabBarItemIconProps<T extends ElementType = "div"> = BaseProps<T>;
+declare function TabBar<T extends ElementType = "div">({ children, className, style, ...props }: TabBarItemIconProps<T>): react.JSX.Element;
+
+export { type TabBarItemIconProps, TabBar as default };

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

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { ElementType } from 'react';
+import { BaseProps } from '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';
+
+type TabBarItemIconProps<T extends ElementType = "div"> = BaseProps<T>;
+declare function TabBar<T extends ElementType = "div">({ children, className, style, ...props }: TabBarItemIconProps<T>): react.JSX.Element;
+
+export { type TabBarItemIconProps, TabBar as default };

package/dist/components/TabBar/TabBarItemIcon.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/TabBarItemIcon.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type TabBarItemIconProps<T extends ElementType = \"div\"> = BaseProps<T>;\n\nexport default function TabBar<T extends ElementType = \"div\">({\n  children,\n  className,\n  style,\n  ...props\n}: TabBarItemIconProps<T>) {\n  let tabBarClassName = \"ck-tab-bar__icon\";\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=\"span\"\n      className={tabBarClassName}\n      style={styles}\n    >\n      {children}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBI;AArBJ,eAAgC;AAIjB,SAAR,OAAuD,IAKnC;AALmC,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EARF,IAK8D,IAIzD,kBAJyD,IAIzD;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,kBAAkB;AAEtB,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,MAEN;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/TabBar/TabBarItemIcon.mjs

@@ -0,0 +1,62 @@
+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, {
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className",
+    "style"
+  ]);
+  let tabBarClassName = "ck-tab-bar__icon";
+  if (className) {
+    tabBarClassName += ` ${className}`;
+  }
+  const styles = __spreadValues({}, style);
+  return /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: "span",
+      className: tabBarClassName,
+      style: styles,
+      children
+    })
+  );
+}
+export {
+  TabBar as default
+};
+//# sourceMappingURL=TabBarItemIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/TabBarItemIcon.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type TabBarItemIconProps<T extends ElementType = \"div\"> = BaseProps<T>;\n\nexport default function TabBar<T extends ElementType = \"div\">({\n  children,\n  className,\n  style,\n  ...props\n}: TabBarItemIconProps<T>) {\n  let tabBarClassName = \"ck-tab-bar__icon\";\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=\"span\"\n      className={tabBarClassName}\n      style={styles}\n    >\n      {children}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBI;AArBJ,SAAS,YAAuB;AAIjB,SAAR,OAAuD,IAKnC;AALmC,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EARF,IAK8D,IAIzD,kBAJyD,IAIzD;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,kBAAkB;AAEtB,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,MAEN;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { ElementType } from 'react';
+import { BaseProps } from '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';
+
+type TabBarItemLabelProps<T extends ElementType = "div"> = BaseProps<T>;
+declare function TabBar<T extends ElementType = "div">({ children, className, style, ...props }: TabBarItemLabelProps<T>): react.JSX.Element;
+
+export { type TabBarItemLabelProps, TabBar as default };

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

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { ElementType } from 'react';
+import { BaseProps } from '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';
+
+type TabBarItemLabelProps<T extends ElementType = "div"> = BaseProps<T>;
+declare function TabBar<T extends ElementType = "div">({ children, className, style, ...props }: TabBarItemLabelProps<T>): react.JSX.Element;
+
+export { type TabBarItemLabelProps, TabBar as default };

package/dist/components/TabBar/TabBarItemLabel.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/TabBarItemLabel.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type TabBarItemLabelProps<T extends ElementType = \"div\"> = BaseProps<T>;\n\nexport default function TabBar<T extends ElementType = \"div\">({\n  children,\n  className,\n  style,\n  ...props\n}: TabBarItemLabelProps<T>) {\n  let tabBarClassName = \"ck-tab-bar__label\";\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=\"span\"\n      className={tabBarClassName}\n      style={styles}\n    >\n      {children}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBI;AArBJ,eAAgC;AAIjB,SAAR,OAAuD,IAKlC;AALkC,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EARF,IAK8D,IAIzD,kBAJyD,IAIzD;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,kBAAkB;AAEtB,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,MAEN;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/TabBar/TabBarItemLabel.mjs

@@ -0,0 +1,62 @@
+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, {
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className",
+    "style"
+  ]);
+  let tabBarClassName = "ck-tab-bar__label";
+  if (className) {
+    tabBarClassName += ` ${className}`;
+  }
+  const styles = __spreadValues({}, style);
+  return /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: "span",
+      className: tabBarClassName,
+      style: styles,
+      children
+    })
+  );
+}
+export {
+  TabBar as default
+};
+//# sourceMappingURL=TabBarItemLabel.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/TabBarItemLabel.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type TabBarItemLabelProps<T extends ElementType = \"div\"> = BaseProps<T>;\n\nexport default function TabBar<T extends ElementType = \"div\">({\n  children,\n  className,\n  style,\n  ...props\n}: TabBarItemLabelProps<T>) {\n  let tabBarClassName = \"ck-tab-bar__label\";\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=\"span\"\n      className={tabBarClassName}\n      style={styles}\n    >\n      {children}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBI;AArBJ,SAAS,YAAuB;AAIjB,SAAR,OAAuD,IAKlC;AALkC,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EARF,IAK8D,IAIzD,kBAJyD,IAIzD;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,kBAAkB;AAEtB,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,MAEN;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { ElementType, ReactNode } from 'react';
+import { BaseProps } from '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';
+
+type TabBarPresetProps<T extends ElementType = "div"> = BaseProps<T> & {
+    variant?: "default" | "fill" | "pill" | "bar" | "shortbar";
+    items: Array<{
+        icon: ReactNode;
+        activeIcon?: ReactNode;
+        label: string;
+        href: string;
+        isActive?: (href: string, actualPath: string) => boolean;
+    }>;
+    linkAs?: ElementType;
+    linkHrefPropName?: string;
+    actualPath: string;
+};
+declare function TabBarPreset<T extends ElementType = "div">({ variant, items, linkAs, linkHrefPropName, actualPath, }: TabBarPresetProps<T>): react.JSX.Element;
+
+export { type TabBarPresetProps, TabBarPreset as default };

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

@@ -0,0 +1,21 @@
+import * as react from 'react';
+import { ElementType, ReactNode } from 'react';
+import { BaseProps } from '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';
+
+type TabBarPresetProps<T extends ElementType = "div"> = BaseProps<T> & {
+    variant?: "default" | "fill" | "pill" | "bar" | "shortbar";
+    items: Array<{
+        icon: ReactNode;
+        activeIcon?: ReactNode;
+        label: string;
+        href: string;
+        isActive?: (href: string, actualPath: string) => boolean;
+    }>;
+    linkAs?: ElementType;
+    linkHrefPropName?: string;
+    actualPath: string;
+};
+declare function TabBarPreset<T extends ElementType = "div">({ variant, items, linkAs, linkHrefPropName, actualPath, }: TabBarPresetProps<T>): react.JSX.Element;
+
+export { type TabBarPresetProps, TabBarPreset as default };

package/dist/components/TabBar/TabBarPreset.js

@@ -0,0 +1,80 @@
+"use strict";
+var __create = Object.create;
+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 __getProtoOf = Object.getPrototypeOf;
+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 __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 TabBarPreset_exports = {};
+__export(TabBarPreset_exports, {
+  default: () => TabBarPreset
+});
+module.exports = __toCommonJS(TabBarPreset_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_TabBar = __toESM(require("../TabBar/TabBar"));
+var import_TabBarItem = __toESM(require("../TabBar/TabBarItem"));
+var import_TabBarItemIcon = __toESM(require("../TabBar/TabBarItemIcon"));
+var import_TabBarItemLabel = __toESM(require("../TabBar/TabBarItemLabel"));
+function TabBarPreset({
+  variant = "default",
+  items,
+  linkAs = "button",
+  linkHrefPropName = "href",
+  actualPath
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabBar.default, { variant, children: items.map((item) => {
+    const active = item.isActive ? item.isActive(item.href, actualPath) : actualPath.startsWith(item.href);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_TabBarItem.default,
+      __spreadProps(__spreadValues({
+        as: linkAs
+      }, { [linkHrefPropName]: item.href }), {
+        isCurrent: active,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabBarItemIcon.default, { children: active && item.activeIcon ? item.activeIcon : item.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TabBarItemLabel.default, { children: item.label })
+        ]
+      }),
+      item.label
+    );
+  }) });
+}
+//# sourceMappingURL=TabBarPreset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/TabBarPreset.tsx"],"sourcesContent":["import { ElementType, ReactNode } from \"react\";\nimport TabBar from \"../TabBar/TabBar\";\nimport TabBarItem from \"../TabBar/TabBarItem\";\nimport TabBarItemIcon from \"../TabBar/TabBarItemIcon\";\nimport TabBarItemLabel from \"../TabBar/TabBarItemLabel\";\nimport { BaseProps } from \"../../core/Base\";\n\nexport type TabBarPresetProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  variant?: \"default\" | \"fill\" | \"pill\" | \"bar\" | \"shortbar\";\n  items: Array<{\n    icon: ReactNode;\n    activeIcon?: ReactNode;\n    label: string;\n    href: string;\n    isActive?: (href: string, actualPath: string) => boolean;\n  }>;\n  linkAs?: ElementType;\n  linkHrefPropName?: string;\n  actualPath: string;\n};\n\nexport default function TabBarPreset<T extends ElementType = \"div\">({\n  variant = \"default\",\n  items,\n  linkAs = \"button\",\n  linkHrefPropName = \"href\",\n  actualPath,\n}: TabBarPresetProps<T>) {\n  return (\n    <TabBar variant={variant}>\n      {items.map((item) => {\n        const active = item.isActive\n          ? item.isActive(item.href, actualPath)\n          : actualPath.startsWith(item.href);\n        return (\n          <TabBarItem\n            key={item.label}\n            as={linkAs}\n            {...{ [linkHrefPropName]: item.href }}\n            isCurrent={active}\n          >\n            <TabBarItemIcon>\n              {active && item.activeIcon ? item.activeIcon : item.icon}\n            </TabBarItemIcon>\n            <TabBarItemLabel>{item.label}</TabBarItemLabel>\n          </TabBarItem>\n        );\n      })}\n    </TabBar>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCU;AAlCV,oBAAmB;AACnB,wBAAuB;AACvB,4BAA2B;AAC3B,6BAA4B;AAiBb,SAAR,aAA6D;AAAA,EAClE,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB;AACF,GAAyB;AACvB,SACE,4CAAC,cAAAA,SAAA,EAAO,SACL,gBAAM,IAAI,CAAC,SAAS;AACnB,UAAM,SAAS,KAAK,WAChB,KAAK,SAAS,KAAK,MAAM,UAAU,IACnC,WAAW,WAAW,KAAK,IAAI;AACnC,WACE;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QAEC,IAAI;AAAA,SACA,EAAE,CAAC,gBAAgB,GAAG,KAAK,KAAK,IAHrC;AAAA,QAIC,WAAW;AAAA,QAEX;AAAA,sDAAC,sBAAAC,SAAA,EACE,oBAAU,KAAK,aAAa,KAAK,aAAa,KAAK,MACtD;AAAA,UACA,4CAAC,uBAAAC,SAAA,EAAiB,eAAK,OAAM;AAAA;AAAA;AAAA,MARxB,KAAK;AAAA,IASZ;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":["TabBar","TabBarItem","TabBarItemIcon","TabBarItemLabel"]}