@chicken-ui/react 0.1.0

package/dist/components/TabBar/TabBarPreset.mjs

@@ -0,0 +1,52 @@
+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));
+import { jsx, jsxs } from "react/jsx-runtime";
+import TabBar from "../TabBar/TabBar";
+import TabBarItem from "../TabBar/TabBarItem";
+import TabBarItemIcon from "../TabBar/TabBarItemIcon";
+import TabBarItemLabel from "../TabBar/TabBarItemLabel";
+function TabBarPreset({
+  variant = "default",
+  items,
+  linkAs = "button",
+  linkHrefPropName = "href",
+  actualPath
+}) {
+  return /* @__PURE__ */ jsx(TabBar, { variant, children: items.map((item) => {
+    const active = item.isActive ? item.isActive(item.href, actualPath) : actualPath.startsWith(item.href);
+    return /* @__PURE__ */ jsxs(
+      TabBarItem,
+      __spreadProps(__spreadValues({
+        as: linkAs
+      }, { [linkHrefPropName]: item.href }), {
+        isCurrent: active,
+        children: [
+          /* @__PURE__ */ jsx(TabBarItemIcon, { children: active && item.activeIcon ? item.activeIcon : item.icon }),
+          /* @__PURE__ */ jsx(TabBarItemLabel, { children: item.label })
+        ]
+      }),
+      item.label
+    );
+  }) });
+}
+export {
+  TabBarPreset as default
+};
+//# sourceMappingURL=TabBarPreset.mjs.map

package/dist/components/TabBar/TabBarPreset.mjs.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":";;;;;;;;;;;;;;;;;;;AAmCU,SAME,KANF;AAlCV,OAAO,YAAY;AACnB,OAAO,gBAAgB;AACvB,OAAO,oBAAoB;AAC3B,OAAO,qBAAqB;AAiBb,SAAR,aAA6D;AAAA,EAClE,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB;AACF,GAAyB;AACvB,SACE,oBAAC,UAAO,SACL,gBAAM,IAAI,CAAC,SAAS;AACnB,UAAM,SAAS,KAAK,WAChB,KAAK,SAAS,KAAK,MAAM,UAAU,IACnC,WAAW,WAAW,KAAK,IAAI;AACnC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,IAAI;AAAA,SACA,EAAE,CAAC,gBAAgB,GAAG,KAAK,KAAK,IAHrC;AAAA,QAIC,WAAW;AAAA,QAEX;AAAA,8BAAC,kBACE,oBAAU,KAAK,aAAa,KAAK,aAAa,KAAK,MACtD;AAAA,UACA,oBAAC,mBAAiB,eAAK,OAAM;AAAA;AAAA;AAAA,MARxB,KAAK;AAAA,IASZ;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,8 @@
+export { default as TabBar, TabBarProps } from './TabBar.mjs';
+export { default as TabBarItem, TabBarItemProps } from './TabBarItem.mjs';
+export { default as TabBarItemIcon, TabBarItemIconProps } from './TabBarItemIcon.mjs';
+export { default as TabBarItemLabel, TabBarItemLabelProps } from './TabBarItemLabel.mjs';
+export { default as TabBarPreset, TabBarPresetProps } from './TabBarPreset.mjs';
+import 'react';
+import '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';

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

@@ -0,0 +1,8 @@
+export { default as TabBar, TabBarProps } from './TabBar.js';
+export { default as TabBarItem, TabBarItemProps } from './TabBarItem.js';
+export { default as TabBarItemIcon, TabBarItemIconProps } from './TabBarItemIcon.js';
+export { default as TabBarItemLabel, TabBarItemLabelProps } from './TabBarItemLabel.js';
+export { default as TabBarPreset, TabBarPresetProps } from './TabBarPreset.js';
+import 'react';
+import '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';

package/dist/components/TabBar/index.js

@@ -0,0 +1,51 @@
+"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 TabBar_exports = {};
+__export(TabBar_exports, {
+  TabBar: () => import_TabBar.default,
+  TabBarItem: () => import_TabBarItem.default,
+  TabBarItemIcon: () => import_TabBarItemIcon.default,
+  TabBarItemLabel: () => import_TabBarItemLabel.default,
+  TabBarPreset: () => import_TabBarPreset.default
+});
+module.exports = __toCommonJS(TabBar_exports);
+var import_TabBar = __toESM(require("./TabBar"));
+var import_TabBarItem = __toESM(require("./TabBarItem"));
+var import_TabBarItemIcon = __toESM(require("./TabBarItemIcon"));
+var import_TabBarItemLabel = __toESM(require("./TabBarItemLabel"));
+var import_TabBarPreset = __toESM(require("./TabBarPreset"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TabBar,
+  TabBarItem,
+  TabBarItemIcon,
+  TabBarItemLabel,
+  TabBarPreset
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/index.ts"],"sourcesContent":["export { default as TabBar } from \"./TabBar\";\nexport type { TabBarProps } from \"./TabBar\";\nexport { default as TabBarItem } from \"./TabBarItem\";\nexport type { TabBarItemProps } from \"./TabBarItem\";\nexport { default as TabBarItemIcon } from \"./TabBarItemIcon\";\nexport type { TabBarItemIconProps } from \"./TabBarItemIcon\";\nexport { default as TabBarItemLabel } from \"./TabBarItemLabel\";\nexport type { TabBarItemLabelProps } from \"./TabBarItemLabel\";\nexport { default as TabBarPreset } from \"./TabBarPreset\";\nexport type { TabBarPresetProps } from \"./TabBarPreset\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkC;AAElC,wBAAsC;AAEtC,4BAA0C;AAE1C,6BAA2C;AAE3C,0BAAwC;","names":[]}

package/dist/components/TabBar/index.mjs

@@ -0,0 +1,13 @@
+import { default as default2 } from "./TabBar";
+import { default as default3 } from "./TabBarItem";
+import { default as default4 } from "./TabBarItemIcon";
+import { default as default5 } from "./TabBarItemLabel";
+import { default as default6 } from "./TabBarPreset";
+export {
+  default2 as TabBar,
+  default3 as TabBarItem,
+  default4 as TabBarItemIcon,
+  default5 as TabBarItemLabel,
+  default6 as TabBarPreset
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/TabBar/index.ts"],"sourcesContent":["export { default as TabBar } from \"./TabBar\";\nexport type { TabBarProps } from \"./TabBar\";\nexport { default as TabBarItem } from \"./TabBarItem\";\nexport type { TabBarItemProps } from \"./TabBarItem\";\nexport { default as TabBarItemIcon } from \"./TabBarItemIcon\";\nexport type { TabBarItemIconProps } from \"./TabBarItemIcon\";\nexport { default as TabBarItemLabel } from \"./TabBarItemLabel\";\nexport type { TabBarItemLabelProps } from \"./TabBarItemLabel\";\nexport { default as TabBarPreset } from \"./TabBarPreset\";\nexport type { TabBarPresetProps } from \"./TabBarPreset\";\n"],"mappings":"AAAA,SAAoB,WAAXA,gBAAyB;AAElC,SAAoB,WAAXA,gBAA6B;AAEtC,SAAoB,WAAXA,gBAAiC;AAE1C,SAAoB,WAAXA,gBAAkC;AAE3C,SAAoB,WAAXA,gBAA+B;","names":["default"]}

package/dist/components/VStack/VStack.d.mts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { ElementType } from 'react';
+import { BaseProps } from '../../core/Base/Base.mjs';
+import { BreakpointType } from '../../core/Breakpoint/BreakpointType.mjs';
+
+type VStackProps<T extends ElementType = "div"> = BaseProps<T> & {
+    gap?: BreakpointType<number | string>;
+    align?: BreakpointType<"start" | "center" | "end" | "stretch">;
+};
+declare function VStack<T extends ElementType = "div">({ gap, align, children, className, style, ...props }: VStackProps<T>): react.JSX.Element;
+
+export { type VStackProps, VStack as default };

package/dist/components/VStack/VStack.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { ElementType } from 'react';
+import { BaseProps } from '../../core/Base/Base.js';
+import { BreakpointType } from '../../core/Breakpoint/BreakpointType.js';
+
+type VStackProps<T extends ElementType = "div"> = BaseProps<T> & {
+    gap?: BreakpointType<number | string>;
+    align?: BreakpointType<"start" | "center" | "end" | "stretch">;
+};
+declare function VStack<T extends ElementType = "div">({ gap, align, children, className, style, ...props }: VStackProps<T>): react.JSX.Element;
+
+export { type VStackProps, VStack as default };

package/dist/components/VStack/VStack.js

@@ -0,0 +1,95 @@
+"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 VStack_exports = {};
+__export(VStack_exports, {
+  default: () => VStack
+});
+module.exports = __toCommonJS(VStack_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../../index");
+const V_STACK_PROP_TO_VAR = {
+  gap: "--ck-v-stack--gap",
+  align: "--ck-v-stack--align"
+};
+const identity = (value) => value;
+function VStack(_a) {
+  var _b = _a, {
+    gap,
+    align,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "gap",
+    "align",
+    "children",
+    "className",
+    "style"
+  ]);
+  const vStackClassName = className ? `ck-v-stack ${className}` : "ck-v-stack";
+  const gapVars = (0, import__.resolveResponsiveVars)(
+    { gap },
+    { gap: V_STACK_PROP_TO_VAR.gap },
+    import__.propToSpacingValue
+  );
+  const alignVars = (0, import__.resolveResponsiveVars)(
+    { align },
+    { align: V_STACK_PROP_TO_VAR.align },
+    identity
+  );
+  const styles = __spreadValues(__spreadValues(__spreadValues({}, gapVars), alignVars), style);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.Base,
+    __spreadProps(__spreadValues({}, props), {
+      className: vStackClassName,
+      style: styles,
+      children
+    })
+  );
+}
+//# sourceMappingURL=VStack.js.map

package/dist/components/VStack/VStack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/VStack/VStack.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport {\n  Base,\n  BaseProps,\n  BreakpointType,\n  propToSpacingValue,\n  resolveResponsiveVars,\n} from \"../../index\";\n\nexport type VStackProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  gap?: BreakpointType<number | string>;\n  align?: BreakpointType<\"start\" | \"center\" | \"end\" | \"stretch\">;\n};\n\nconst V_STACK_PROP_TO_VAR: Record<string, string> = {\n  gap: \"--ck-v-stack--gap\",\n  align: \"--ck-v-stack--align\",\n};\n\nconst identity = (value: string) => value;\n\nexport default function VStack<T extends ElementType = \"div\">({\n  gap,\n  align,\n  children,\n  className,\n  style,\n  ...props\n}: VStackProps<T>) {\n  const vStackClassName = className ? `ck-v-stack ${className}` : \"ck-v-stack\";\n\n  const gapVars = resolveResponsiveVars(\n    { gap },\n    { gap: V_STACK_PROP_TO_VAR.gap },\n    propToSpacingValue,\n  );\n  const alignVars = resolveResponsiveVars(\n    { align },\n    { align: V_STACK_PROP_TO_VAR.align },\n    identity,\n  );\n\n  const styles = {\n    ...gapVars,\n    ...alignVars,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      className={vStackClassName}\n      style={styles}\n    >\n      {children}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDI;AAhDJ,eAMO;AAOP,MAAM,sBAA8C;AAAA,EAClD,KAAK;AAAA,EACL,OAAO;AACT;AAEA,MAAM,WAAW,CAAC,UAAkB;AAErB,SAAR,OAAuD,IAO3C;AAP2C,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA1BF,IAqB8D,IAMzD,kBANyD,IAMzD;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,kBAAkB,YAAY,cAAc,SAAS,KAAK;AAEhE,QAAM,cAAU;AAAA,IACd,EAAE,IAAI;AAAA,IACN,EAAE,KAAK,oBAAoB,IAAI;AAAA,IAC/B;AAAA,EACF;AACA,QAAM,gBAAY;AAAA,IAChB,EAAE,MAAM;AAAA,IACR,EAAE,OAAO,oBAAoB,MAAM;AAAA,IACnC;AAAA,EACF;AAEA,QAAM,SAAS,iDACV,UACA,YACA;AAGL,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/VStack/VStack.mjs

@@ -0,0 +1,81 @@
+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,
+  propToSpacingValue,
+  resolveResponsiveVars
+} from "../../index";
+const V_STACK_PROP_TO_VAR = {
+  gap: "--ck-v-stack--gap",
+  align: "--ck-v-stack--align"
+};
+const identity = (value) => value;
+function VStack(_a) {
+  var _b = _a, {
+    gap,
+    align,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "gap",
+    "align",
+    "children",
+    "className",
+    "style"
+  ]);
+  const vStackClassName = className ? `ck-v-stack ${className}` : "ck-v-stack";
+  const gapVars = resolveResponsiveVars(
+    { gap },
+    { gap: V_STACK_PROP_TO_VAR.gap },
+    propToSpacingValue
+  );
+  const alignVars = resolveResponsiveVars(
+    { align },
+    { align: V_STACK_PROP_TO_VAR.align },
+    identity
+  );
+  const styles = __spreadValues(__spreadValues(__spreadValues({}, gapVars), alignVars), style);
+  return /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      className: vStackClassName,
+      style: styles,
+      children
+    })
+  );
+}
+export {
+  VStack as default
+};
+//# sourceMappingURL=VStack.mjs.map

package/dist/components/VStack/VStack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/VStack/VStack.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport {\n  Base,\n  BaseProps,\n  BreakpointType,\n  propToSpacingValue,\n  resolveResponsiveVars,\n} from \"../../index\";\n\nexport type VStackProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  gap?: BreakpointType<number | string>;\n  align?: BreakpointType<\"start\" | \"center\" | \"end\" | \"stretch\">;\n};\n\nconst V_STACK_PROP_TO_VAR: Record<string, string> = {\n  gap: \"--ck-v-stack--gap\",\n  align: \"--ck-v-stack--align\",\n};\n\nconst identity = (value: string) => value;\n\nexport default function VStack<T extends ElementType = \"div\">({\n  gap,\n  align,\n  children,\n  className,\n  style,\n  ...props\n}: VStackProps<T>) {\n  const vStackClassName = className ? `ck-v-stack ${className}` : \"ck-v-stack\";\n\n  const gapVars = resolveResponsiveVars(\n    { gap },\n    { gap: V_STACK_PROP_TO_VAR.gap },\n    propToSpacingValue,\n  );\n  const alignVars = resolveResponsiveVars(\n    { align },\n    { align: V_STACK_PROP_TO_VAR.align },\n    identity,\n  );\n\n  const styles = {\n    ...gapVars,\n    ...alignVars,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      className={vStackClassName}\n      style={styles}\n    >\n      {children}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDI;AAhDJ;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AAOP,MAAM,sBAA8C;AAAA,EAClD,KAAK;AAAA,EACL,OAAO;AACT;AAEA,MAAM,WAAW,CAAC,UAAkB;AAErB,SAAR,OAAuD,IAO3C;AAP2C,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA1BF,IAqB8D,IAMzD,kBANyD,IAMzD;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,kBAAkB,YAAY,cAAc,SAAS,KAAK;AAEhE,QAAM,UAAU;AAAA,IACd,EAAE,IAAI;AAAA,IACN,EAAE,KAAK,oBAAoB,IAAI;AAAA,IAC/B;AAAA,EACF;AACA,QAAM,YAAY;AAAA,IAChB,EAAE,MAAM;AAAA,IACR,EAAE,OAAO,oBAAoB,MAAM;AAAA,IACnC;AAAA,EACF;AAEA,QAAM,SAAS,iDACV,UACA,YACA;AAGL,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -0,0 +1,4 @@
+export { default as VStack, VStackProps } from './VStack.mjs';
+import 'react';
+import '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';

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

@@ -0,0 +1,4 @@
+export { default as VStack, VStackProps } from './VStack.js';
+import 'react';
+import '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';

package/dist/components/VStack/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 VStack_exports = {};
+__export(VStack_exports, {
+  VStack: () => import_VStack.default
+});
+module.exports = __toCommonJS(VStack_exports);
+var import_VStack = __toESM(require("./VStack"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  VStack
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/VStack/index.ts"],"sourcesContent":["export { default as VStack } from \"./VStack\";\nexport type { VStackProps } from \"./VStack\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkC;","names":[]}

package/dist/components/VStack/index.mjs

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

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

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

package/dist/components/index.d.mts

@@ -0,0 +1,34 @@
+export { Box, BoxProps } from './Box/index.mjs';
+export { default as Breadcrumb, BreadcrumbProps } from './Breadcrumb/Breadcrumb.mjs';
+export { default as BreadcrumbItem, BreadcrumbItemProps } from './Breadcrumb/BreadcrumbItem.mjs';
+export { default as BreadcrumbPresets, BreadcrumbPresetsProps } from './Breadcrumb/BreadcrumbPresets.mjs';
+export { default as Button, ButtonProps } from './Button/Button.mjs';
+export { default as Card, CardProps } from './Card/Card.mjs';
+export { default as CardAction, CardActionProps } from './Card/CardAction.mjs';
+export { default as CardContent, CardContentProps } from './Card/CardContent.mjs';
+export { default as CardHeader, CardHeaderProps } from './Card/CardHeader.mjs';
+export { default as CardIcon, CardIconProps } from './Card/CardIcon.mjs';
+export { default as CardText, CardTextProps } from './Card/CardText.mjs';
+export { default as CardTitle, CardTitleProps } from './Card/CardTitle.mjs';
+export { default as Container, ContainerProps } from './Container/Container.mjs';
+export { default as Grid, GridProps } from './Grid/Grid.mjs';
+export { default as NavBar, NavBarProps } from './NavBar/NavBar.mjs';
+export { default as NavBarBrand, NavBarBrandProps } from './NavBar/NavBarBrand.mjs';
+export { default as NavBarDropdown, NavBarDropdownProps } from './NavBar/NavBarDropdown.mjs';
+export { default as NavBarItem, NavBarItemProps } from './NavBar/NavBarItem.mjs';
+export { default as NavBarList, NavBarListProps } from './NavBar/NavBarList.mjs';
+export { default as NavBarPreset, NavBarPresetItem, NavBarPresetProps } from './NavBar/NavBarPreset.mjs';
+export { default as NavBarToggle, NavBarToggleProps } from './NavBar/NavBarToggle.mjs';
+export { default as Pill, PillColor, PillProps, PillSize, PillVariant } from './Pill/Pill.mjs';
+export { default as SegmentedControl, SegmentedControlProps } from './SegmentedControl/SegmentedControl.mjs';
+export { default as SegmentedControlItem, SegmentedControlItemProps } from './SegmentedControl/SegmentedControlItem.mjs';
+export { default as TabBar, TabBarProps } from './TabBar/TabBar.mjs';
+export { default as TabBarItem, TabBarItemProps } from './TabBar/TabBarItem.mjs';
+export { default as TabBarItemIcon, TabBarItemIconProps } from './TabBar/TabBarItemIcon.mjs';
+export { default as TabBarItemLabel, TabBarItemLabelProps } from './TabBar/TabBarItemLabel.mjs';
+export { default as TabBarPreset, TabBarPresetProps } from './TabBar/TabBarPreset.mjs';
+export { default as HStack, HStackProps } from './HStack/HStack.mjs';
+export { default as VStack, VStackProps } from './VStack/VStack.mjs';
+import 'react';
+import '../core/Base/Base.mjs';
+import '../core/Breakpoint/BreakpointType.mjs';

package/dist/components/index.d.ts

@@ -0,0 +1,34 @@
+export { Box, BoxProps } from './Box/index.js';
+export { default as Breadcrumb, BreadcrumbProps } from './Breadcrumb/Breadcrumb.js';
+export { default as BreadcrumbItem, BreadcrumbItemProps } from './Breadcrumb/BreadcrumbItem.js';
+export { default as BreadcrumbPresets, BreadcrumbPresetsProps } from './Breadcrumb/BreadcrumbPresets.js';
+export { default as Button, ButtonProps } from './Button/Button.js';
+export { default as Card, CardProps } from './Card/Card.js';
+export { default as CardAction, CardActionProps } from './Card/CardAction.js';
+export { default as CardContent, CardContentProps } from './Card/CardContent.js';
+export { default as CardHeader, CardHeaderProps } from './Card/CardHeader.js';
+export { default as CardIcon, CardIconProps } from './Card/CardIcon.js';
+export { default as CardText, CardTextProps } from './Card/CardText.js';
+export { default as CardTitle, CardTitleProps } from './Card/CardTitle.js';
+export { default as Container, ContainerProps } from './Container/Container.js';
+export { default as Grid, GridProps } from './Grid/Grid.js';
+export { default as NavBar, NavBarProps } from './NavBar/NavBar.js';
+export { default as NavBarBrand, NavBarBrandProps } from './NavBar/NavBarBrand.js';
+export { default as NavBarDropdown, NavBarDropdownProps } from './NavBar/NavBarDropdown.js';
+export { default as NavBarItem, NavBarItemProps } from './NavBar/NavBarItem.js';
+export { default as NavBarList, NavBarListProps } from './NavBar/NavBarList.js';
+export { default as NavBarPreset, NavBarPresetItem, NavBarPresetProps } from './NavBar/NavBarPreset.js';
+export { default as NavBarToggle, NavBarToggleProps } from './NavBar/NavBarToggle.js';
+export { default as Pill, PillColor, PillProps, PillSize, PillVariant } from './Pill/Pill.js';
+export { default as SegmentedControl, SegmentedControlProps } from './SegmentedControl/SegmentedControl.js';
+export { default as SegmentedControlItem, SegmentedControlItemProps } from './SegmentedControl/SegmentedControlItem.js';
+export { default as TabBar, TabBarProps } from './TabBar/TabBar.js';
+export { default as TabBarItem, TabBarItemProps } from './TabBar/TabBarItem.js';
+export { default as TabBarItemIcon, TabBarItemIconProps } from './TabBar/TabBarItemIcon.js';
+export { default as TabBarItemLabel, TabBarItemLabelProps } from './TabBar/TabBarItemLabel.js';
+export { default as TabBarPreset, TabBarPresetProps } from './TabBar/TabBarPreset.js';
+export { default as HStack, HStackProps } from './HStack/HStack.js';
+export { default as VStack, VStackProps } from './VStack/VStack.js';
+import 'react';
+import '../core/Base/Base.js';
+import '../core/Breakpoint/BreakpointType.js';

package/dist/components/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var components_exports = {};
+module.exports = __toCommonJS(components_exports);
+__reExport(components_exports, require("./Box"), module.exports);
+__reExport(components_exports, require("./Breadcrumb"), module.exports);
+__reExport(components_exports, require("./Button"), module.exports);
+__reExport(components_exports, require("./Card"), module.exports);
+__reExport(components_exports, require("./Container"), module.exports);
+__reExport(components_exports, require("./Grid"), module.exports);
+__reExport(components_exports, require("./NavBar"), module.exports);
+__reExport(components_exports, require("./Pill"), module.exports);
+__reExport(components_exports, require("./SegmentedControl"), module.exports);
+__reExport(components_exports, require("./TabBar"), module.exports);
+__reExport(components_exports, require("./HStack"), module.exports);
+__reExport(components_exports, require("./VStack"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./Box"),
+  ...require("./Breadcrumb"),
+  ...require("./Button"),
+  ...require("./Card"),
+  ...require("./Container"),
+  ...require("./Grid"),
+  ...require("./NavBar"),
+  ...require("./Pill"),
+  ...require("./SegmentedControl"),
+  ...require("./TabBar"),
+  ...require("./HStack"),
+  ...require("./VStack")
+});
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../lib/components/index.ts"],"sourcesContent":["export * from \"./Box\";\nexport * from \"./Breadcrumb\";\nexport * from \"./Button\";\nexport * from \"./Card\";\nexport * from \"./Container\";\nexport * from \"./Grid\";\nexport * from \"./NavBar\";\nexport * from \"./Pill\";\nexport * from \"./SegmentedControl\";\nexport * from \"./TabBar\";\nexport * from \"./HStack\";\nexport * from \"./VStack\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,+BAAc,kBAAd;AACA,+BAAc,yBADd;AAEA,+BAAc,qBAFd;AAGA,+BAAc,mBAHd;AAIA,+BAAc,wBAJd;AAKA,+BAAc,mBALd;AAMA,+BAAc,qBANd;AAOA,+BAAc,mBAPd;AAQA,+BAAc,+BARd;AASA,+BAAc,qBATd;AAUA,+BAAc,qBAVd;AAWA,+BAAc,qBAXd;","names":[]}

package/dist/components/index.mjs

@@ -0,0 +1,13 @@
+export * from "./Box";
+export * from "./Breadcrumb";
+export * from "./Button";
+export * from "./Card";
+export * from "./Container";
+export * from "./Grid";
+export * from "./NavBar";
+export * from "./Pill";
+export * from "./SegmentedControl";
+export * from "./TabBar";
+export * from "./HStack";
+export * from "./VStack";
+//# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../lib/components/index.ts"],"sourcesContent":["export * from \"./Box\";\nexport * from \"./Breadcrumb\";\nexport * from \"./Button\";\nexport * from \"./Card\";\nexport * from \"./Container\";\nexport * from \"./Grid\";\nexport * from \"./NavBar\";\nexport * from \"./Pill\";\nexport * from \"./SegmentedControl\";\nexport * from \"./TabBar\";\nexport * from \"./HStack\";\nexport * from \"./VStack\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/core/Base/Base.d.mts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { ElementType, ReactNode, CSSProperties, ComponentPropsWithoutRef } from 'react';
+import { BreakpointType } from '../Breakpoint/BreakpointType.mjs';
+
+type BaseOwnProps = {
+    children?: ReactNode;
+    m?: BreakpointType<number | string>;
+    ml?: BreakpointType<number | string>;
+    mt?: BreakpointType<number | string>;
+    mr?: BreakpointType<number | string>;
+    mb?: BreakpointType<number | string>;
+    my?: BreakpointType<number | string>;
+    mx?: BreakpointType<number | string>;
+    p?: BreakpointType<number | string>;
+    pl?: BreakpointType<number | string>;
+    pt?: BreakpointType<number | string>;
+    pr?: BreakpointType<number | string>;
+    pb?: BreakpointType<number | string>;
+    py?: BreakpointType<number | string>;
+    px?: BreakpointType<number | string>;
+    style?: CSSProperties;
+};
+type BaseProps<T extends ElementType> = BaseOwnProps & {
+    as?: T;
+} & Omit<ComponentPropsWithoutRef<T>, keyof BaseOwnProps | "as">;
+declare function Base<T extends ElementType = "div">({ as, children, m, ml, mt, mr, mb, my, mx, p, pl, pt, pr, pb, py, px, style, className, ...props }: BaseProps<T>): react.JSX.Element;
+
+export { type BaseOwnProps, type BaseProps, Base as default };

package/dist/core/Base/Base.d.ts

@@ -0,0 +1,28 @@
+import * as react from 'react';
+import { ElementType, ReactNode, CSSProperties, ComponentPropsWithoutRef } from 'react';
+import { BreakpointType } from '../Breakpoint/BreakpointType.js';
+
+type BaseOwnProps = {
+    children?: ReactNode;
+    m?: BreakpointType<number | string>;
+    ml?: BreakpointType<number | string>;
+    mt?: BreakpointType<number | string>;
+    mr?: BreakpointType<number | string>;
+    mb?: BreakpointType<number | string>;
+    my?: BreakpointType<number | string>;
+    mx?: BreakpointType<number | string>;
+    p?: BreakpointType<number | string>;
+    pl?: BreakpointType<number | string>;
+    pt?: BreakpointType<number | string>;
+    pr?: BreakpointType<number | string>;
+    pb?: BreakpointType<number | string>;
+    py?: BreakpointType<number | string>;
+    px?: BreakpointType<number | string>;
+    style?: CSSProperties;
+};
+type BaseProps<T extends ElementType> = BaseOwnProps & {
+    as?: T;
+} & Omit<ComponentPropsWithoutRef<T>, keyof BaseOwnProps | "as">;
+declare function Base<T extends ElementType = "div">({ as, children, m, ml, mt, mr, mb, my, mx, p, pl, pt, pr, pb, py, px, style, className, ...props }: BaseProps<T>): react.JSX.Element;
+
+export { type BaseOwnProps, type BaseProps, Base as default };