@chicken-ui/react 0.1.0

package/dist/components/NavBar/NavBarDropdown.js

@@ -0,0 +1,102 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NavBarDropdown_exports = {};
+__export(NavBarDropdown_exports, {
+  default: () => NavBarDropdown
+});
+module.exports = __toCommonJS(NavBarDropdown_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import__ = require("../../index");
+var import_NavBar = require("./NavBar.context");
+function NavBarDropdown(_a) {
+  var _b = _a, {
+    label,
+    children,
+    className,
+    isCurrent,
+    style
+  } = _b, props = __objRest(_b, [
+    "label",
+    "children",
+    "className",
+    "isCurrent",
+    "style"
+  ]);
+  const [isOpen, setOpen] = (0, import_react.useState)(false);
+  const closeDropdown = (0, import_react.useCallback)(() => setOpen(false), []);
+  let dropdownMenuClass = "ck-nav-bar__dropdown-menu";
+  if (isOpen) {
+    dropdownMenuClass += " ck-nav-bar__dropdown-menu--expanded";
+  }
+  const styles = __spreadValues({}, style);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "li",
+    __spreadProps(__spreadValues({}, props), {
+      className: className ? `ck-nav-bar__dropdown ${className}` : "ck-nav-bar__dropdown",
+      style: styles,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import__.Base,
+          {
+            as: "button",
+            type: "button",
+            className: "ck-nav-bar__dropdown-trigger",
+            "aria-expanded": isOpen ? "true" : "false",
+            "aria-current": isCurrent ? "true" : void 0,
+            onClick: () => setOpen(!isOpen),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: dropdownMenuClass, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavBar.NavBarDropdownContext.Provider, { value: closeDropdown, children }) })
+      ]
+    })
+  );
+}
+//# sourceMappingURL=NavBarDropdown.js.map

package/dist/components/NavBar/NavBarDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarDropdown.tsx"],"sourcesContent":["\"use client\";\nimport {\n  CSSProperties,\n  ElementType,\n  ReactNode,\n  useCallback,\n  useState,\n} from \"react\";\nimport { Base, BaseProps } from \"../../index\";\nimport { NavBarDropdownContext } from \"./NavBar.context\";\n\nexport type NavBarDropdownProps<T extends ElementType = \"div\"> =\n  BaseProps<T> & {\n    label: ReactNode;\n    children: ReactNode;\n    isCurrent?: boolean;\n  };\n\nexport default function NavBarDropdown<T extends ElementType = \"div\">({\n  label,\n  children,\n  className,\n  isCurrent,\n  style,\n  ...props\n}: NavBarDropdownProps<T>) {\n  const [isOpen, setOpen] = useState(false);\n\n  const closeDropdown = useCallback(() => setOpen(false), []);\n\n  let dropdownMenuClass = \"ck-nav-bar__dropdown-menu\";\n\n  if (isOpen) {\n    dropdownMenuClass += \" ck-nav-bar__dropdown-menu--expanded\";\n  }\n\n  const styles = { ...style } as CSSProperties;\n  return (\n    <li\n      {...(props as BaseProps<T>)}\n      className={\n        className ? `ck-nav-bar__dropdown ${className}` : \"ck-nav-bar__dropdown\"\n      }\n      style={styles}\n    >\n      <Base\n        as=\"button\"\n        type=\"button\"\n        className=\"ck-nav-bar__dropdown-trigger\"\n        aria-expanded={isOpen ? \"true\" : \"false\"}\n        aria-current={isCurrent ? \"true\" : undefined}\n        onClick={() => setOpen(!isOpen)}\n      >\n        {label}\n      </Base>\n      <ul className={dropdownMenuClass}>\n        <NavBarDropdownContext.Provider value={closeDropdown}>\n          {children}\n        </NavBarDropdownContext.Provider>\n      </ul>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCI;AArCJ,mBAMO;AACP,eAAgC;AAChC,oBAAsC;AASvB,SAAR,eAA+D,IAO3C;AAP2C,eACpE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAvBF,IAkBsE,IAMjE,kBANiE,IAMjE;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,QAAQ,OAAO,QAAI,uBAAS,KAAK;AAExC,QAAM,oBAAgB,0BAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAE1D,MAAI,oBAAoB;AAExB,MAAI,QAAQ;AACV,yBAAqB;AAAA,EACvB;AAEA,QAAM,SAAS,mBAAK;AACpB,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,WACE,YAAY,wBAAwB,SAAS,KAAK;AAAA,MAEpD,OAAO;AAAA,MAEP;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAU;AAAA,YACV,iBAAe,SAAS,SAAS;AAAA,YACjC,gBAAc,YAAY,SAAS;AAAA,YACnC,SAAS,MAAM,QAAQ,CAAC,MAAM;AAAA,YAE7B;AAAA;AAAA,QACH;AAAA,QACA,4CAAC,QAAG,WAAW,mBACb,sDAAC,oCAAsB,UAAtB,EAA+B,OAAO,eACpC,UACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/NavBar/NavBarDropdown.mjs

@@ -0,0 +1,87 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useCallback,
+  useState
+} from "react";
+import { Base } from "../../index";
+import { NavBarDropdownContext } from "./NavBar.context";
+function NavBarDropdown(_a) {
+  var _b = _a, {
+    label,
+    children,
+    className,
+    isCurrent,
+    style
+  } = _b, props = __objRest(_b, [
+    "label",
+    "children",
+    "className",
+    "isCurrent",
+    "style"
+  ]);
+  const [isOpen, setOpen] = useState(false);
+  const closeDropdown = useCallback(() => setOpen(false), []);
+  let dropdownMenuClass = "ck-nav-bar__dropdown-menu";
+  if (isOpen) {
+    dropdownMenuClass += " ck-nav-bar__dropdown-menu--expanded";
+  }
+  const styles = __spreadValues({}, style);
+  return /* @__PURE__ */ jsxs(
+    "li",
+    __spreadProps(__spreadValues({}, props), {
+      className: className ? `ck-nav-bar__dropdown ${className}` : "ck-nav-bar__dropdown",
+      style: styles,
+      children: [
+        /* @__PURE__ */ jsx(
+          Base,
+          {
+            as: "button",
+            type: "button",
+            className: "ck-nav-bar__dropdown-trigger",
+            "aria-expanded": isOpen ? "true" : "false",
+            "aria-current": isCurrent ? "true" : void 0,
+            onClick: () => setOpen(!isOpen),
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx("ul", { className: dropdownMenuClass, children: /* @__PURE__ */ jsx(NavBarDropdownContext.Provider, { value: closeDropdown, children }) })
+      ]
+    })
+  );
+}
+export {
+  NavBarDropdown as default
+};
+//# sourceMappingURL=NavBarDropdown.mjs.map

package/dist/components/NavBar/NavBarDropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarDropdown.tsx"],"sourcesContent":["\"use client\";\nimport {\n  CSSProperties,\n  ElementType,\n  ReactNode,\n  useCallback,\n  useState,\n} from \"react\";\nimport { Base, BaseProps } from \"../../index\";\nimport { NavBarDropdownContext } from \"./NavBar.context\";\n\nexport type NavBarDropdownProps<T extends ElementType = \"div\"> =\n  BaseProps<T> & {\n    label: ReactNode;\n    children: ReactNode;\n    isCurrent?: boolean;\n  };\n\nexport default function NavBarDropdown<T extends ElementType = \"div\">({\n  label,\n  children,\n  className,\n  isCurrent,\n  style,\n  ...props\n}: NavBarDropdownProps<T>) {\n  const [isOpen, setOpen] = useState(false);\n\n  const closeDropdown = useCallback(() => setOpen(false), []);\n\n  let dropdownMenuClass = \"ck-nav-bar__dropdown-menu\";\n\n  if (isOpen) {\n    dropdownMenuClass += \" ck-nav-bar__dropdown-menu--expanded\";\n  }\n\n  const styles = { ...style } as CSSProperties;\n  return (\n    <li\n      {...(props as BaseProps<T>)}\n      className={\n        className ? `ck-nav-bar__dropdown ${className}` : \"ck-nav-bar__dropdown\"\n      }\n      style={styles}\n    >\n      <Base\n        as=\"button\"\n        type=\"button\"\n        className=\"ck-nav-bar__dropdown-trigger\"\n        aria-expanded={isOpen ? \"true\" : \"false\"}\n        aria-current={isCurrent ? \"true\" : undefined}\n        onClick={() => setOpen(!isOpen)}\n      >\n        {label}\n      </Base>\n      <ul className={dropdownMenuClass}>\n        <NavBarDropdownContext.Provider value={closeDropdown}>\n          {children}\n        </NavBarDropdownContext.Provider>\n      </ul>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCI,SAOE,KAPF;AArCJ;AAAA,EAIE;AAAA,EACA;AAAA,OACK;AACP,SAAS,YAAuB;AAChC,SAAS,6BAA6B;AASvB,SAAR,eAA+D,IAO3C;AAP2C,eACpE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAvBF,IAkBsE,IAMjE,kBANiE,IAMjE;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,QAAQ,OAAO,IAAI,SAAS,KAAK;AAExC,QAAM,gBAAgB,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAE1D,MAAI,oBAAoB;AAExB,MAAI,QAAQ;AACV,yBAAqB;AAAA,EACvB;AAEA,QAAM,SAAS,mBAAK;AACpB,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,WACE,YAAY,wBAAwB,SAAS,KAAK;AAAA,MAEpD,OAAO;AAAA,MAEP;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAU;AAAA,YACV,iBAAe,SAAS,SAAS;AAAA,YACjC,gBAAc,YAAY,SAAS;AAAA,YACnC,SAAS,MAAM,QAAQ,CAAC,MAAM;AAAA,YAE7B;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,QAAG,WAAW,mBACb,8BAAC,sBAAsB,UAAtB,EAA+B,OAAO,eACpC,UACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/NavBar/NavBarItem.d.mts

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

package/dist/components/NavBar/NavBarItem.d.ts

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

package/dist/components/NavBar/NavBarItem.js

@@ -0,0 +1,93 @@
+"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 NavBarItem_exports = {};
+__export(NavBarItem_exports, {
+  default: () => NavBarItem
+});
+module.exports = __toCommonJS(NavBarItem_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../../index");
+var import_NavBar = require("./NavBar.context");
+function NavBarItem(_a) {
+  var _b = _a, {
+    as,
+    isCurrent,
+    children,
+    className,
+    style,
+    onClick
+  } = _b, props = __objRest(_b, [
+    "as",
+    "isCurrent",
+    "children",
+    "className",
+    "style",
+    "onClick"
+  ]);
+  const Component = as || "a";
+  const styles = __spreadValues({}, style);
+  const closeDropdown = (0, import_NavBar.useNavBarDropdown)();
+  const closeMenu = (0, import_NavBar.useNavBarToggle)();
+  const handleClick = (event) => {
+    onClick == null ? void 0 : onClick(event);
+    closeDropdown == null ? void 0 : closeDropdown();
+    closeMenu == null ? void 0 : closeMenu();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "ck-nav-bar__item", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: Component,
+      "aria-current": isCurrent ? "page" : void 0,
+      className: className ? `ck-nav-bar__link ${className}` : "ck-nav-bar__link",
+      style: styles,
+      onClick: handleClick,
+      children
+    })
+  ) });
+}
+//# sourceMappingURL=NavBarItem.js.map

package/dist/components/NavBar/NavBarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarItem.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  ComponentPropsWithoutRef,\n  ReactNode,\n} from \"react\";\nimport { Base, BaseProps } from \"../../index\";\nimport { useNavBarDropdown, useNavBarToggle } from \"./NavBar.context\";\n\ntype NavBarItemOwnProps<T extends ElementType> = {\n  as?: T;\n  isCurrent?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  children?: ReactNode;\n};\n\nexport type NavBarItemProps<T extends ElementType = \"a\"> =\n  NavBarItemOwnProps<T> &\n    Omit<BaseProps<T>, keyof NavBarItemOwnProps<T> | \"as\"> &\n    Omit<ComponentPropsWithoutRef<T>, keyof NavBarItemOwnProps<T> | \"as\">;\n\nexport default function NavBarItem<T extends ElementType = \"a\">({\n  as,\n  isCurrent,\n  children,\n  className,\n  style,\n  onClick,\n  ...props\n}: NavBarItemProps<T>) {\n  const Component = (as || \"a\") as ElementType;\n  const styles = { ...style } as CSSProperties;\n\n  const closeDropdown = useNavBarDropdown();\n  const closeMenu = useNavBarToggle();\n\n  const handleClick = (event: MouseEvent) => {\n    onClick?.(event);\n    closeDropdown?.();\n    closeMenu?.();\n  };\n\n  return (\n    <li className=\"ck-nav-bar__item\">\n      <Base\n        {...props}\n        as={Component}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={\n          className ? `ck-nav-bar__link ${className}` : \"ck-nav-bar__link\"\n        }\n        style={styles}\n        onClick={handleClick}\n      >\n        {children}\n      </Base>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CM;AAvCN,eAAgC;AAChC,oBAAmD;AAepC,SAAR,WAAyD,IAQzC;AARyC,eAC9D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA5BF,IAsBgE,IAO3D,kBAP2D,IAO3D;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,YAAa,MAAM;AACzB,QAAM,SAAS,mBAAK;AAEpB,QAAM,oBAAgB,iCAAkB;AACxC,QAAM,gBAAY,+BAAgB;AAElC,QAAM,cAAc,CAAC,UAAsB;AACzC,uCAAU;AACV;AACA;AAAA,EACF;AAEA,SACE,4CAAC,QAAG,WAAU,oBACZ;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,IAAI;AAAA,MACJ,gBAAc,YAAY,SAAS;AAAA,MACnC,WACE,YAAY,oBAAoB,SAAS,KAAK;AAAA,MAEhD,OAAO;AAAA,MACP,SAAS;AAAA,MAER;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/components/NavBar/NavBarItem.mjs

@@ -0,0 +1,75 @@
+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";
+import { useNavBarDropdown, useNavBarToggle } from "./NavBar.context";
+function NavBarItem(_a) {
+  var _b = _a, {
+    as,
+    isCurrent,
+    children,
+    className,
+    style,
+    onClick
+  } = _b, props = __objRest(_b, [
+    "as",
+    "isCurrent",
+    "children",
+    "className",
+    "style",
+    "onClick"
+  ]);
+  const Component = as || "a";
+  const styles = __spreadValues({}, style);
+  const closeDropdown = useNavBarDropdown();
+  const closeMenu = useNavBarToggle();
+  const handleClick = (event) => {
+    onClick == null ? void 0 : onClick(event);
+    closeDropdown == null ? void 0 : closeDropdown();
+    closeMenu == null ? void 0 : closeMenu();
+  };
+  return /* @__PURE__ */ jsx("li", { className: "ck-nav-bar__item", children: /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: Component,
+      "aria-current": isCurrent ? "page" : void 0,
+      className: className ? `ck-nav-bar__link ${className}` : "ck-nav-bar__link",
+      style: styles,
+      onClick: handleClick,
+      children
+    })
+  ) });
+}
+export {
+  NavBarItem as default
+};
+//# sourceMappingURL=NavBarItem.mjs.map

package/dist/components/NavBar/NavBarItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarItem.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  ComponentPropsWithoutRef,\n  ReactNode,\n} from \"react\";\nimport { Base, BaseProps } from \"../../index\";\nimport { useNavBarDropdown, useNavBarToggle } from \"./NavBar.context\";\n\ntype NavBarItemOwnProps<T extends ElementType> = {\n  as?: T;\n  isCurrent?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  children?: ReactNode;\n};\n\nexport type NavBarItemProps<T extends ElementType = \"a\"> =\n  NavBarItemOwnProps<T> &\n    Omit<BaseProps<T>, keyof NavBarItemOwnProps<T> | \"as\"> &\n    Omit<ComponentPropsWithoutRef<T>, keyof NavBarItemOwnProps<T> | \"as\">;\n\nexport default function NavBarItem<T extends ElementType = \"a\">({\n  as,\n  isCurrent,\n  children,\n  className,\n  style,\n  onClick,\n  ...props\n}: NavBarItemProps<T>) {\n  const Component = (as || \"a\") as ElementType;\n  const styles = { ...style } as CSSProperties;\n\n  const closeDropdown = useNavBarDropdown();\n  const closeMenu = useNavBarToggle();\n\n  const handleClick = (event: MouseEvent) => {\n    onClick?.(event);\n    closeDropdown?.();\n    closeMenu?.();\n  };\n\n  return (\n    <li className=\"ck-nav-bar__item\">\n      <Base\n        {...props}\n        as={Component}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={\n          className ? `ck-nav-bar__link ${className}` : \"ck-nav-bar__link\"\n        }\n        style={styles}\n        onClick={handleClick}\n      >\n        {children}\n      </Base>\n    </li>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CM;AAvCN,SAAS,YAAuB;AAChC,SAAS,mBAAmB,uBAAuB;AAepC,SAAR,WAAyD,IAQzC;AARyC,eAC9D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EA5BF,IAsBgE,IAO3D,kBAP2D,IAO3D;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,YAAa,MAAM;AACzB,QAAM,SAAS,mBAAK;AAEpB,QAAM,gBAAgB,kBAAkB;AACxC,QAAM,YAAY,gBAAgB;AAElC,QAAM,cAAc,CAAC,UAAsB;AACzC,uCAAU;AACV;AACA;AAAA,EACF;AAEA,SACE,oBAAC,QAAG,WAAU,oBACZ;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,IAAI;AAAA,MACJ,gBAAc,YAAY,SAAS;AAAA,MACnC,WACE,YAAY,oBAAoB,SAAS,KAAK;AAAA,MAEhD,OAAO;AAAA,MACP,SAAS;AAAA,MAER;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/components/NavBar/NavBarList.d.mts

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

package/dist/components/NavBar/NavBarList.d.ts

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

package/dist/components/NavBar/NavBarList.js

@@ -0,0 +1,84 @@
+"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 NavBarList_exports = {};
+__export(NavBarList_exports, {
+  default: () => NavBarList
+});
+module.exports = __toCommonJS(NavBarList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../../index");
+function NavBarList(_a) {
+  var _b = _a, {
+    gap,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "gap",
+    "children",
+    "className",
+    "style"
+  ]);
+  const listClassName = className ? `ck-nav-bar__list ${className}` : "ck-nav-bar__list";
+  const gapVars = (0, import__.resolveResponsiveVars)(
+    { gap },
+    { gap: "--ck-nav-bar__list--gap" },
+    import__.propToSpacingValue
+  );
+  const styles = __spreadValues(__spreadValues({}, gapVars), style);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: "ul",
+      className: listClassName,
+      style: styles,
+      children
+    })
+  );
+}
+//# sourceMappingURL=NavBarList.js.map

package/dist/components/NavBar/NavBarList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarList.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport {\n  Base,\n  BaseProps,\n  BreakpointType,\n  propToSpacingValue,\n  resolveResponsiveVars,\n} from \"../../index\";\n\nexport type NavBarListProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  gap?: BreakpointType<number | string>;\n};\n\nexport default function NavBarList<T extends ElementType = \"div\">({\n  gap,\n  children,\n  className,\n  style,\n  ...props\n}: NavBarListProps<T>) {\n  const listClassName = className\n    ? `ck-nav-bar__list ${className}`\n    : \"ck-nav-bar__list\";\n\n  const gapVars = resolveResponsiveVars(\n    { gap },\n    { gap: \"--ck-nav-bar__list--gap\" },\n    propToSpacingValue,\n  );\n\n  const styles = { ...gapVars, ...style } as CSSProperties;\n\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      as=\"ul\"\n      className={listClassName}\n      style={styles}\n    >\n      {children}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiCI;AAhCJ,eAMO;AAMQ,SAAR,WAA2D,IAM3C;AAN2C,eAChE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAjBF,IAakE,IAK7D,kBAL6D,IAK7D;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,gBAAgB,YAClB,oBAAoB,SAAS,KAC7B;AAEJ,QAAM,cAAU;AAAA,IACd,EAAE,IAAI;AAAA,IACN,EAAE,KAAK,0BAA0B;AAAA,IACjC;AAAA,EACF;AAEA,QAAM,SAAS,kCAAK,UAAY;AAEhC,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/NavBar/NavBarList.mjs

@@ -0,0 +1,70 @@
+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";
+function NavBarList(_a) {
+  var _b = _a, {
+    gap,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "gap",
+    "children",
+    "className",
+    "style"
+  ]);
+  const listClassName = className ? `ck-nav-bar__list ${className}` : "ck-nav-bar__list";
+  const gapVars = resolveResponsiveVars(
+    { gap },
+    { gap: "--ck-nav-bar__list--gap" },
+    propToSpacingValue
+  );
+  const styles = __spreadValues(__spreadValues({}, gapVars), style);
+  return /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: "ul",
+      className: listClassName,
+      style: styles,
+      children
+    })
+  );
+}
+export {
+  NavBarList as default
+};
+//# sourceMappingURL=NavBarList.mjs.map

package/dist/components/NavBar/NavBarList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarList.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport {\n  Base,\n  BaseProps,\n  BreakpointType,\n  propToSpacingValue,\n  resolveResponsiveVars,\n} from \"../../index\";\n\nexport type NavBarListProps<T extends ElementType = \"div\"> = BaseProps<T> & {\n  gap?: BreakpointType<number | string>;\n};\n\nexport default function NavBarList<T extends ElementType = \"div\">({\n  gap,\n  children,\n  className,\n  style,\n  ...props\n}: NavBarListProps<T>) {\n  const listClassName = className\n    ? `ck-nav-bar__list ${className}`\n    : \"ck-nav-bar__list\";\n\n  const gapVars = resolveResponsiveVars(\n    { gap },\n    { gap: \"--ck-nav-bar__list--gap\" },\n    propToSpacingValue,\n  );\n\n  const styles = { ...gapVars, ...style } as CSSProperties;\n\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      as=\"ul\"\n      className={listClassName}\n      style={styles}\n    >\n      {children}\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCI;AAhCJ;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;AAMQ,SAAR,WAA2D,IAM3C;AAN2C,eAChE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAjBF,IAakE,IAK7D,kBAL6D,IAK7D;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,gBAAgB,YAClB,oBAAoB,SAAS,KAC7B;AAEJ,QAAM,UAAU;AAAA,IACd,EAAE,IAAI;AAAA,IACN,EAAE,KAAK,0BAA0B;AAAA,IACjC;AAAA,EACF;AAEA,QAAM,SAAS,kCAAK,UAAY;AAEhC,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/NavBar/NavBarPreset.d.mts

@@ -0,0 +1,26 @@
+import * as react from 'react';
+import { ReactNode, ElementType } from 'react';
+
+type NavBarPresetItem = {
+    label: string;
+    href?: string;
+    isActive?: (href: string, actualPath: string) => boolean;
+    children?: Array<{
+        label: string;
+        href: string;
+        isActive?: (href: string, actualPath: string) => boolean;
+    }>;
+};
+type NavBarPresetProps = {
+    brand: ReactNode;
+    brandHref?: string;
+    items: NavBarPresetItem[];
+    ariaLabel?: string;
+    linkAs?: ElementType;
+    linkHrefPropName?: string;
+    actualPath: string;
+    className: string;
+};
+declare function NavBarPreset({ brand, brandHref, items, ariaLabel, linkAs, linkHrefPropName, actualPath, }: NavBarPresetProps): react.JSX.Element;
+
+export { type NavBarPresetItem, type NavBarPresetProps, NavBarPreset as default };