@chicken-ui/react 0.1.0

package/dist/components/Container/Container.mjs

@@ -0,0 +1,76 @@
+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 Container(_a) {
+  var _b = _a, {
+    isFluid,
+    maxWidth,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "isFluid",
+    "maxWidth",
+    "children",
+    "className",
+    "style"
+  ]);
+  let containerClassName = "ck-container";
+  if (isFluid) {
+    containerClassName += " ck-container--fluid";
+  }
+  let isCustomMaxWidth = false;
+  if (maxWidth && typeof maxWidth === "string" && ["us", "xs", "sm", "md", "lg", "xl", "ul"].includes(maxWidth)) {
+    containerClassName += " ck-container--max-width-" + maxWidth;
+  } else if (maxWidth) {
+    isCustomMaxWidth = true;
+  }
+  if (className) {
+    containerClassName += ` ${className}`;
+  }
+  const styles = __spreadValues(__spreadValues({}, isCustomMaxWidth ? {
+    "--ck-container--max-width": typeof maxWidth === "number" ? `${maxWidth}rem` : maxWidth
+  } : {}), style);
+  return /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      className: containerClassName,
+      style: styles,
+      children
+    })
+  );
+}
+export {
+  Container as default
+};
+//# sourceMappingURL=Container.mjs.map

package/dist/components/Container/Container.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Container/Container.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport { Base, BaseProps } from \"../../index\";\n\nexport type ContainerProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  maxWidth?: number | string;\n  isFluid?: boolean;\n};\n\nexport default function Container<T extends ElementType = \"div\">({\n  isFluid,\n  maxWidth,\n  children,\n  className,\n  style,\n  ...props\n}: ContainerProps<T>) {\n  let containerClassName = \"ck-container\";\n\n  if (isFluid) {\n    containerClassName += \" ck-container--fluid\";\n  }\n\n  let isCustomMaxWidth = false;\n\n  if (\n    maxWidth &&\n    typeof maxWidth === \"string\" &&\n    [\"us\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"ul\"].includes(maxWidth)\n  ) {\n    containerClassName += \" ck-container--max-width-\" + maxWidth;\n  } else if (maxWidth) {\n    isCustomMaxWidth = true;\n  }\n\n  if (className) {\n    containerClassName += ` ${className}`;\n  }\n\n  const styles = {\n    ...(isCustomMaxWidth\n      ? {\n          \"--ck-container--max-width\":\n            typeof maxWidth === \"number\" ? `${maxWidth}rem` : maxWidth,\n        }\n      : {}),\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      className={containerClassName}\n      style={styles}\n    >\n      {children}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDI;AAhDJ,SAAS,YAAuB;AAOjB,SAAR,UAA0D,IAO3C;AAP2C,eAC/D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAbF,IAQiE,IAM5D,kBAN4D,IAM5D;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,qBAAqB;AAEzB,MAAI,SAAS;AACX,0BAAsB;AAAA,EACxB;AAEA,MAAI,mBAAmB;AAEvB,MACE,YACA,OAAO,aAAa,YACpB,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,EAAE,SAAS,QAAQ,GAC5D;AACA,0BAAsB,8BAA8B;AAAA,EACtD,WAAW,UAAU;AACnB,uBAAmB;AAAA,EACrB;AAEA,MAAI,WAAW;AACb,0BAAsB,IAAI,SAAS;AAAA,EACrC;AAEA,QAAM,SAAS,kCACT,mBACA;AAAA,IACE,6BACE,OAAO,aAAa,WAAW,GAAG,QAAQ,QAAQ;AAAA,EACtD,IACA,CAAC,IACF;AAGL,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

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

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

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

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

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

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

package/dist/components/Container/index.mjs

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

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

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

package/dist/components/Grid/Grid.d.mts

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

package/dist/components/Grid/Grid.d.ts

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

package/dist/components/Grid/Grid.js

@@ -0,0 +1,110 @@
+"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 Grid_exports = {};
+__export(Grid_exports, {
+  default: () => Grid
+});
+module.exports = __toCommonJS(Grid_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../../index");
+const GRID_PROP_TO_VAR = {
+  gap: "--ck-grid--gap",
+  cols: "--ck-grid--cols"
+};
+function colsToValue(value) {
+  return value === "auto" ? "auto-fit" : value.toString();
+}
+function Grid(_a) {
+  var _b = _a, {
+    gap,
+    cols,
+    minColWidth,
+    align,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "gap",
+    "cols",
+    "minColWidth",
+    "align",
+    "children",
+    "className",
+    "style"
+  ]);
+  let gridClassName = "ck-grid";
+  if (align && align !== "stretch") {
+    gridClassName += ` ck-grid--${align}`;
+  }
+  if (className) {
+    gridClassName += ` ${className}`;
+  }
+  const gapVars = (0, import__.resolveResponsiveVars)(
+    { gap },
+    { gap: GRID_PROP_TO_VAR.gap },
+    import__.propToSpacingValue
+  );
+  const colsVars = (0, import__.resolveResponsiveVars)(
+    { cols },
+    { cols: GRID_PROP_TO_VAR.cols },
+    colsToValue
+  );
+  const minColWidthVar = minColWidth !== void 0 ? {
+    "--ck-grid--min-col-width": typeof minColWidth === "number" ? `${minColWidth}rem` : minColWidth
+  } : {};
+  const styles = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, gapVars), colsVars), minColWidthVar), style);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.Base,
+    __spreadProps(__spreadValues({}, props), {
+      className: gridClassName,
+      style: styles,
+      children
+    })
+  ) });
+}
+//# sourceMappingURL=Grid.js.map

package/dist/components/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Grid/Grid.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport {\n  Base,\n  BaseProps,\n  BreakpointType,\n  propToSpacingValue,\n  resolveResponsiveVars,\n} from \"../../index\";\n\nexport type GridProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  gap?: BreakpointType<number | string>;\n  cols?: BreakpointType<number | \"auto\">;\n  minColWidth?: number | string;\n  align?: \"start\" | \"center\" | \"end\" | \"stretch\";\n};\n\nconst GRID_PROP_TO_VAR: Record<string, string> = {\n  gap: \"--ck-grid--gap\",\n  cols: \"--ck-grid--cols\",\n};\n\nfunction colsToValue(value: number | \"auto\"): string {\n  return value === \"auto\" ? \"auto-fit\" : value.toString();\n}\n\nexport default function Grid<T extends ElementType = \"div\">({\n  gap,\n  cols,\n  minColWidth,\n  align,\n  children,\n  className,\n  style,\n  ...props\n}: GridProps<T>) {\n  let gridClassName = \"ck-grid\";\n\n  if (align && align !== \"stretch\") {\n    gridClassName += ` ck-grid--${align}`;\n  }\n\n  if (className) {\n    gridClassName += ` ${className}`;\n  }\n\n  const gapVars = resolveResponsiveVars(\n    { gap },\n    { gap: GRID_PROP_TO_VAR.gap },\n    propToSpacingValue,\n  );\n  const colsVars = resolveResponsiveVars(\n    { cols },\n    { cols: GRID_PROP_TO_VAR.cols },\n    colsToValue,\n  );\n\n  const minColWidthVar =\n    minColWidth !== undefined\n      ? {\n          \"--ck-grid--min-col-width\":\n            typeof minColWidth === \"number\" ? `${minColWidth}rem` : minColWidth,\n        }\n      : {};\n\n  const styles = {\n    ...gapVars,\n    ...colsVars,\n    ...minColWidthVar,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <>\n      <Base\n        {...(props as BaseProps<T>)}\n        className={gridClassName}\n        style={styles}\n      >\n        {children}\n      </Base>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwEI;AAvEJ,eAMO;AASP,MAAM,mBAA2C;AAAA,EAC/C,KAAK;AAAA,EACL,MAAM;AACR;AAEA,SAAS,YAAY,OAAgC;AACnD,SAAO,UAAU,SAAS,aAAa,MAAM,SAAS;AACxD;AAEe,SAAR,KAAqD,IAS3C;AAT2C,eAC1D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAhCF,IAyB4D,IAQvD,kBARuD,IAQvD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,gBAAgB;AAEpB,MAAI,SAAS,UAAU,WAAW;AAChC,qBAAiB,aAAa,KAAK;AAAA,EACrC;AAEA,MAAI,WAAW;AACb,qBAAiB,IAAI,SAAS;AAAA,EAChC;AAEA,QAAM,cAAU;AAAA,IACd,EAAE,IAAI;AAAA,IACN,EAAE,KAAK,iBAAiB,IAAI;AAAA,IAC5B;AAAA,EACF;AACA,QAAM,eAAW;AAAA,IACf,EAAE,KAAK;AAAA,IACP,EAAE,MAAM,iBAAiB,KAAK;AAAA,IAC9B;AAAA,EACF;AAEA,QAAM,iBACJ,gBAAgB,SACZ;AAAA,IACE,4BACE,OAAO,gBAAgB,WAAW,GAAG,WAAW,QAAQ;AAAA,EAC5D,IACA,CAAC;AAEP,QAAM,SAAS,gEACV,UACA,WACA,iBACA;AAGL,SACE,2EACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/components/Grid/Grid.mjs

@@ -0,0 +1,96 @@
+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 { Fragment, jsx } from "react/jsx-runtime";
+import {
+  Base,
+  propToSpacingValue,
+  resolveResponsiveVars
+} from "../../index";
+const GRID_PROP_TO_VAR = {
+  gap: "--ck-grid--gap",
+  cols: "--ck-grid--cols"
+};
+function colsToValue(value) {
+  return value === "auto" ? "auto-fit" : value.toString();
+}
+function Grid(_a) {
+  var _b = _a, {
+    gap,
+    cols,
+    minColWidth,
+    align,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "gap",
+    "cols",
+    "minColWidth",
+    "align",
+    "children",
+    "className",
+    "style"
+  ]);
+  let gridClassName = "ck-grid";
+  if (align && align !== "stretch") {
+    gridClassName += ` ck-grid--${align}`;
+  }
+  if (className) {
+    gridClassName += ` ${className}`;
+  }
+  const gapVars = resolveResponsiveVars(
+    { gap },
+    { gap: GRID_PROP_TO_VAR.gap },
+    propToSpacingValue
+  );
+  const colsVars = resolveResponsiveVars(
+    { cols },
+    { cols: GRID_PROP_TO_VAR.cols },
+    colsToValue
+  );
+  const minColWidthVar = minColWidth !== void 0 ? {
+    "--ck-grid--min-col-width": typeof minColWidth === "number" ? `${minColWidth}rem` : minColWidth
+  } : {};
+  const styles = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, gapVars), colsVars), minColWidthVar), style);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      className: gridClassName,
+      style: styles,
+      children
+    })
+  ) });
+}
+export {
+  Grid as default
+};
+//# sourceMappingURL=Grid.mjs.map

package/dist/components/Grid/Grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Grid/Grid.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport {\n  Base,\n  BaseProps,\n  BreakpointType,\n  propToSpacingValue,\n  resolveResponsiveVars,\n} from \"../../index\";\n\nexport type GridProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  gap?: BreakpointType<number | string>;\n  cols?: BreakpointType<number | \"auto\">;\n  minColWidth?: number | string;\n  align?: \"start\" | \"center\" | \"end\" | \"stretch\";\n};\n\nconst GRID_PROP_TO_VAR: Record<string, string> = {\n  gap: \"--ck-grid--gap\",\n  cols: \"--ck-grid--cols\",\n};\n\nfunction colsToValue(value: number | \"auto\"): string {\n  return value === \"auto\" ? \"auto-fit\" : value.toString();\n}\n\nexport default function Grid<T extends ElementType = \"div\">({\n  gap,\n  cols,\n  minColWidth,\n  align,\n  children,\n  className,\n  style,\n  ...props\n}: GridProps<T>) {\n  let gridClassName = \"ck-grid\";\n\n  if (align && align !== \"stretch\") {\n    gridClassName += ` ck-grid--${align}`;\n  }\n\n  if (className) {\n    gridClassName += ` ${className}`;\n  }\n\n  const gapVars = resolveResponsiveVars(\n    { gap },\n    { gap: GRID_PROP_TO_VAR.gap },\n    propToSpacingValue,\n  );\n  const colsVars = resolveResponsiveVars(\n    { cols },\n    { cols: GRID_PROP_TO_VAR.cols },\n    colsToValue,\n  );\n\n  const minColWidthVar =\n    minColWidth !== undefined\n      ? {\n          \"--ck-grid--min-col-width\":\n            typeof minColWidth === \"number\" ? `${minColWidth}rem` : minColWidth,\n        }\n      : {};\n\n  const styles = {\n    ...gapVars,\n    ...colsVars,\n    ...minColWidthVar,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <>\n      <Base\n        {...(props as BaseProps<T>)}\n        className={gridClassName}\n        style={styles}\n      >\n        {children}\n      </Base>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwEI,mBACE,WADF;AAvEJ;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AASP,MAAM,mBAA2C;AAAA,EAC/C,KAAK;AAAA,EACL,MAAM;AACR;AAEA,SAAS,YAAY,OAAgC;AACnD,SAAO,UAAU,SAAS,aAAa,MAAM,SAAS;AACxD;AAEe,SAAR,KAAqD,IAS3C;AAT2C,eAC1D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAhCF,IAyB4D,IAQvD,kBARuD,IAQvD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,gBAAgB;AAEpB,MAAI,SAAS,UAAU,WAAW;AAChC,qBAAiB,aAAa,KAAK;AAAA,EACrC;AAEA,MAAI,WAAW;AACb,qBAAiB,IAAI,SAAS;AAAA,EAChC;AAEA,QAAM,UAAU;AAAA,IACd,EAAE,IAAI;AAAA,IACN,EAAE,KAAK,iBAAiB,IAAI;AAAA,IAC5B;AAAA,EACF;AACA,QAAM,WAAW;AAAA,IACf,EAAE,KAAK;AAAA,IACP,EAAE,MAAM,iBAAiB,KAAK;AAAA,IAC9B;AAAA,EACF;AAEA,QAAM,iBACJ,gBAAgB,SACZ;AAAA,IACE,4BACE,OAAO,gBAAgB,WAAW,GAAG,WAAW,QAAQ;AAAA,EAC5D,IACA,CAAC;AAEP,QAAM,SAAS,gEACV,UACA,WACA,iBACA;AAGL,SACE,gCACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

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

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

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

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

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

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

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

package/dist/components/Grid/index.mjs

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

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

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

package/dist/components/HStack/HStack.d.mts

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

package/dist/components/HStack/HStack.d.ts

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

package/dist/components/HStack/HStack.js

@@ -0,0 +1,111 @@
+"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 HStack_exports = {};
+__export(HStack_exports, {
+  default: () => HStack
+});
+module.exports = __toCommonJS(HStack_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../../index");
+const H_STACK_PROP_TO_VAR = {
+  gap: "--ck-h-stack--gap",
+  align: "--ck-h-stack--align",
+  justify: "--ck-h-stack--justify"
+};
+const identity = (value) => value;
+function HStack(_a) {
+  var _b = _a, {
+    gap,
+    align,
+    justify,
+    wrap,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "gap",
+    "align",
+    "justify",
+    "wrap",
+    "children",
+    "className",
+    "style"
+  ]);
+  let hStackClassName = "ck-h-stack";
+  if (wrap) {
+    hStackClassName += " ck-h-stack--wrap";
+  }
+  if (className) {
+    hStackClassName += ` ${className}`;
+  }
+  const gapVars = (0, import__.resolveResponsiveVars)(
+    { gap },
+    { gap: H_STACK_PROP_TO_VAR.gap },
+    import__.propToSpacingValue
+  );
+  const alignVars = (0, import__.resolveResponsiveVars)(
+    { align },
+    { align: H_STACK_PROP_TO_VAR.align },
+    identity
+  );
+  const justifyVars = (0, import__.resolveResponsiveVars)(
+    { justify },
+    { justify: H_STACK_PROP_TO_VAR.justify },
+    identity
+  );
+  const styles = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, gapVars), alignVars), justifyVars), style);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.Base,
+    __spreadProps(__spreadValues({}, props), {
+      className: hStackClassName,
+      style: styles,
+      children
+    })
+  ) });
+}
+//# sourceMappingURL=HStack.js.map

package/dist/components/HStack/HStack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/HStack/HStack.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport {\n  Base,\n  BaseProps,\n  BreakpointType,\n  propToSpacingValue,\n  resolveResponsiveVars,\n} from \"../../index\";\n\nexport type HStackProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  gap?: BreakpointType<number | string>;\n  align?: BreakpointType<\"start\" | \"center\" | \"end\" | \"baseline\" | \"stretch\">;\n  justify?: BreakpointType<\n    | \"start\"\n    | \"center\"\n    | \"end\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\"\n  >;\n  wrap?: boolean;\n};\n\nconst H_STACK_PROP_TO_VAR: Record<string, string> = {\n  gap: \"--ck-h-stack--gap\",\n  align: \"--ck-h-stack--align\",\n  justify: \"--ck-h-stack--justify\",\n};\n\nconst identity = (value: string) => value;\n\nexport default function HStack<T extends ElementType = \"div\">({\n  gap,\n  align,\n  justify,\n  wrap,\n  children,\n  className,\n  style,\n  ...props\n}: HStackProps<T>) {\n  let hStackClassName = \"ck-h-stack\";\n  if (wrap) {\n    hStackClassName += \" ck-h-stack--wrap\";\n  }\n\n  if (className) {\n    hStackClassName += ` ${className}`;\n  }\n\n  const gapVars = resolveResponsiveVars(\n    { gap },\n    { gap: H_STACK_PROP_TO_VAR.gap },\n    propToSpacingValue,\n  );\n  const alignVars = resolveResponsiveVars(\n    { align },\n    { align: H_STACK_PROP_TO_VAR.align },\n    identity,\n  );\n  const justifyVars = resolveResponsiveVars(\n    { justify },\n    { justify: H_STACK_PROP_TO_VAR.justify },\n    identity,\n  );\n\n  const styles = {\n    ...gapVars,\n    ...alignVars,\n    ...justifyVars,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <>\n      <Base\n        {...(props as BaseProps<T>)}\n        className={hStackClassName}\n        style={styles}\n      >\n        {children}\n      </Base>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0EI;AAzEJ,eAMO;AAgBP,MAAM,sBAA8C;AAAA,EAClD,KAAK;AAAA,EACL,OAAO;AAAA,EACP,SAAS;AACX;AAEA,MAAM,WAAW,CAAC,UAAkB;AAErB,SAAR,OAAuD,IAS3C;AAT2C,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAtCF,IA+B8D,IAQzD,kBARyD,IAQzD;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,MAAI,kBAAkB;AACtB,MAAI,MAAM;AACR,uBAAmB;AAAA,EACrB;AAEA,MAAI,WAAW;AACb,uBAAmB,IAAI,SAAS;AAAA,EAClC;AAEA,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;AACA,QAAM,kBAAc;AAAA,IAClB,EAAE,QAAQ;AAAA,IACV,EAAE,SAAS,oBAAoB,QAAQ;AAAA,IACvC;AAAA,EACF;AAEA,QAAM,SAAS,gEACV,UACA,YACA,cACA;AAGL,SACE,2EACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}