@chicken-ui/react 0.1.0

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

@@ -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 };

package/dist/components/NavBar/NavBarPreset.js

@@ -0,0 +1,113 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NavBarPreset_exports = {};
+__export(NavBarPreset_exports, {
+  default: () => NavBarPreset
+});
+module.exports = __toCommonJS(NavBarPreset_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_NavBarList = __toESM(require("./NavBarList"));
+var import_NavBarDropdown = __toESM(require("./NavBarDropdown"));
+var import_NavBarItem = __toESM(require("./NavBarItem"));
+var import_NavBar = __toESM(require("./NavBar"));
+var import_NavBarBrand = __toESM(require("./NavBarBrand"));
+var import_NavBarToggle = __toESM(require("./NavBarToggle"));
+function isItemActive(href, actualPath, isActive) {
+  if (!href) return false;
+  return isActive ? isActive(href, actualPath) : actualPath.startsWith(href);
+}
+function NavBarPreset({
+  brand,
+  brandHref = "/",
+  items,
+  ariaLabel,
+  linkAs = "a",
+  linkHrefPropName = "href",
+  actualPath
+}) {
+  const list = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavBarList.default, { children: items.map((item) => {
+    if (item.children) {
+      const childActiveStates = item.children.map(
+        (child) => isItemActive(child.href, actualPath, child.isActive)
+      );
+      const dropdownActive = childActiveStates.some(Boolean);
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_NavBarDropdown.default,
+        {
+          label: item.label,
+          isCurrent: dropdownActive,
+          children: item.children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_NavBarItem.default,
+            __spreadProps(__spreadValues({
+              as: linkAs
+            }, { [linkHrefPropName]: child.href }), {
+              isCurrent: childActiveStates[index],
+              children: child.label
+            }),
+            child.label
+          ))
+        },
+        item.label
+      );
+    }
+    const active = isItemActive(item.href, actualPath, item.isActive);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_NavBarItem.default,
+      __spreadProps(__spreadValues({
+        as: linkAs
+      }, { [linkHrefPropName]: item.href }), {
+        isCurrent: active,
+        children: item.label
+      }),
+      item.label
+    );
+  }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_NavBar.default, { "aria-label": ariaLabel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavBarBrand.default, { href: brandHref, children: brand }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavBarToggle.default, { children: list })
+  ] });
+}
+//# sourceMappingURL=NavBarPreset.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarPreset.tsx"],"sourcesContent":["import { ElementType, ReactNode } from \"react\";\nimport NavBarList from \"./NavBarList\";\nimport NavBarDropdown from \"./NavBarDropdown\";\nimport NavBarItem from \"./NavBarItem\";\nimport NavBar from \"./NavBar\";\nimport NavBarBrand from \"./NavBarBrand\";\nimport NavBarToggle from \"./NavBarToggle\";\n\nexport type NavBarPresetItem = {\n  label: string;\n  href?: string;\n  isActive?: (href: string, actualPath: string) => boolean;\n  children?: Array<{\n    label: string;\n    href: string;\n    isActive?: (href: string, actualPath: string) => boolean;\n  }>;\n};\n\nexport type NavBarPresetProps = {\n  brand: ReactNode;\n  brandHref?: string;\n  items: NavBarPresetItem[];\n  ariaLabel?: string;\n  linkAs?: ElementType;\n  linkHrefPropName?: string;\n  actualPath: string;\n  className: string;\n};\n\nfunction isItemActive(\n  href: string | undefined,\n  actualPath: string,\n  isActive?: (href: string, actualPath: string) => boolean,\n) {\n  if (!href) return false;\n  return isActive ? isActive(href, actualPath) : actualPath.startsWith(href);\n}\n\nexport default function NavBarPreset({\n  brand,\n  brandHref = \"/\",\n  items,\n  ariaLabel,\n  linkAs = \"a\",\n  linkHrefPropName = \"href\",\n  actualPath,\n}: NavBarPresetProps) {\n  const list = (\n    <NavBarList>\n      {items.map((item) => {\n        if (item.children) {\n          const childActiveStates = item.children.map((child) =>\n            isItemActive(child.href, actualPath, child.isActive),\n          );\n          const dropdownActive = childActiveStates.some(Boolean);\n\n          return (\n            <NavBarDropdown\n              key={item.label}\n              label={item.label}\n              isCurrent={dropdownActive}\n            >\n              {item.children.map((child, index) => (\n                <NavBarItem\n                  key={child.label}\n                  as={linkAs}\n                  {...{ [linkHrefPropName]: child.href }}\n                  isCurrent={childActiveStates[index]}\n                >\n                  {child.label}\n                </NavBarItem>\n              ))}\n            </NavBarDropdown>\n          );\n        }\n\n        const active = isItemActive(item.href, actualPath, item.isActive);\n        return (\n          <NavBarItem\n            key={item.label}\n            as={linkAs}\n            {...{ [linkHrefPropName]: item.href }}\n            isCurrent={active}\n          >\n            {item.label}\n          </NavBarItem>\n        );\n      })}\n    </NavBarList>\n  );\n\n  return (\n    <NavBar aria-label={ariaLabel}>\n      <NavBarBrand href={brandHref}>{brand}</NavBarBrand>\n      <NavBarToggle>{list}</NavBarToggle>\n    </NavBar>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgEgB;AA/DhB,wBAAuB;AACvB,4BAA2B;AAC3B,wBAAuB;AACvB,oBAAmB;AACnB,yBAAwB;AACxB,0BAAyB;AAwBzB,SAAS,aACP,MACA,YACA,UACA;AACA,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,WAAW,SAAS,MAAM,UAAU,IAAI,WAAW,WAAW,IAAI;AAC3E;AAEe,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB;AACF,GAAsB;AACpB,QAAM,OACJ,4CAAC,kBAAAA,SAAA,EACE,gBAAM,IAAI,CAAC,SAAS;AACnB,QAAI,KAAK,UAAU;AACjB,YAAM,oBAAoB,KAAK,SAAS;AAAA,QAAI,CAAC,UAC3C,aAAa,MAAM,MAAM,YAAY,MAAM,QAAQ;AAAA,MACrD;AACA,YAAM,iBAAiB,kBAAkB,KAAK,OAAO;AAErD,aACE;AAAA,QAAC,sBAAAC;AAAA,QAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,WAAW;AAAA,UAEV,eAAK,SAAS,IAAI,CAAC,OAAO,UACzB;AAAA,YAAC,kBAAAC;AAAA,YAAA;AAAA,cAEC,IAAI;AAAA,eACA,EAAE,CAAC,gBAAgB,GAAG,MAAM,KAAK,IAHtC;AAAA,cAIC,WAAW,kBAAkB,KAAK;AAAA,cAEjC,gBAAM;AAAA;AAAA,YALF,MAAM;AAAA,UAMb,CACD;AAAA;AAAA,QAbI,KAAK;AAAA,MAcZ;AAAA,IAEJ;AAEA,UAAM,SAAS,aAAa,KAAK,MAAM,YAAY,KAAK,QAAQ;AAChE,WACE;AAAA,MAAC,kBAAAA;AAAA,MAAA;AAAA,QAEC,IAAI;AAAA,SACA,EAAE,CAAC,gBAAgB,GAAG,KAAK,KAAK,IAHrC;AAAA,QAIC,WAAW;AAAA,QAEV,eAAK;AAAA;AAAA,MALD,KAAK;AAAA,IAMZ;AAAA,EAEJ,CAAC,GACH;AAGF,SACE,6CAAC,cAAAC,SAAA,EAAO,cAAY,WAClB;AAAA,gDAAC,mBAAAC,SAAA,EAAY,MAAM,WAAY,iBAAM;AAAA,IACrC,4CAAC,oBAAAC,SAAA,EAAc,gBAAK;AAAA,KACtB;AAEJ;","names":["NavBarList","NavBarDropdown","NavBarItem","NavBar","NavBarBrand","NavBarToggle"]}

package/dist/components/NavBar/NavBarPreset.mjs

@@ -0,0 +1,85 @@
+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 NavBarList from "./NavBarList";
+import NavBarDropdown from "./NavBarDropdown";
+import NavBarItem from "./NavBarItem";
+import NavBar from "./NavBar";
+import NavBarBrand from "./NavBarBrand";
+import NavBarToggle from "./NavBarToggle";
+function isItemActive(href, actualPath, isActive) {
+  if (!href) return false;
+  return isActive ? isActive(href, actualPath) : actualPath.startsWith(href);
+}
+function NavBarPreset({
+  brand,
+  brandHref = "/",
+  items,
+  ariaLabel,
+  linkAs = "a",
+  linkHrefPropName = "href",
+  actualPath
+}) {
+  const list = /* @__PURE__ */ jsx(NavBarList, { children: items.map((item) => {
+    if (item.children) {
+      const childActiveStates = item.children.map(
+        (child) => isItemActive(child.href, actualPath, child.isActive)
+      );
+      const dropdownActive = childActiveStates.some(Boolean);
+      return /* @__PURE__ */ jsx(
+        NavBarDropdown,
+        {
+          label: item.label,
+          isCurrent: dropdownActive,
+          children: item.children.map((child, index) => /* @__PURE__ */ jsx(
+            NavBarItem,
+            __spreadProps(__spreadValues({
+              as: linkAs
+            }, { [linkHrefPropName]: child.href }), {
+              isCurrent: childActiveStates[index],
+              children: child.label
+            }),
+            child.label
+          ))
+        },
+        item.label
+      );
+    }
+    const active = isItemActive(item.href, actualPath, item.isActive);
+    return /* @__PURE__ */ jsx(
+      NavBarItem,
+      __spreadProps(__spreadValues({
+        as: linkAs
+      }, { [linkHrefPropName]: item.href }), {
+        isCurrent: active,
+        children: item.label
+      }),
+      item.label
+    );
+  }) });
+  return /* @__PURE__ */ jsxs(NavBar, { "aria-label": ariaLabel, children: [
+    /* @__PURE__ */ jsx(NavBarBrand, { href: brandHref, children: brand }),
+    /* @__PURE__ */ jsx(NavBarToggle, { children: list })
+  ] });
+}
+export {
+  NavBarPreset as default
+};
+//# sourceMappingURL=NavBarPreset.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarPreset.tsx"],"sourcesContent":["import { ElementType, ReactNode } from \"react\";\nimport NavBarList from \"./NavBarList\";\nimport NavBarDropdown from \"./NavBarDropdown\";\nimport NavBarItem from \"./NavBarItem\";\nimport NavBar from \"./NavBar\";\nimport NavBarBrand from \"./NavBarBrand\";\nimport NavBarToggle from \"./NavBarToggle\";\n\nexport type NavBarPresetItem = {\n  label: string;\n  href?: string;\n  isActive?: (href: string, actualPath: string) => boolean;\n  children?: Array<{\n    label: string;\n    href: string;\n    isActive?: (href: string, actualPath: string) => boolean;\n  }>;\n};\n\nexport type NavBarPresetProps = {\n  brand: ReactNode;\n  brandHref?: string;\n  items: NavBarPresetItem[];\n  ariaLabel?: string;\n  linkAs?: ElementType;\n  linkHrefPropName?: string;\n  actualPath: string;\n  className: string;\n};\n\nfunction isItemActive(\n  href: string | undefined,\n  actualPath: string,\n  isActive?: (href: string, actualPath: string) => boolean,\n) {\n  if (!href) return false;\n  return isActive ? isActive(href, actualPath) : actualPath.startsWith(href);\n}\n\nexport default function NavBarPreset({\n  brand,\n  brandHref = \"/\",\n  items,\n  ariaLabel,\n  linkAs = \"a\",\n  linkHrefPropName = \"href\",\n  actualPath,\n}: NavBarPresetProps) {\n  const list = (\n    <NavBarList>\n      {items.map((item) => {\n        if (item.children) {\n          const childActiveStates = item.children.map((child) =>\n            isItemActive(child.href, actualPath, child.isActive),\n          );\n          const dropdownActive = childActiveStates.some(Boolean);\n\n          return (\n            <NavBarDropdown\n              key={item.label}\n              label={item.label}\n              isCurrent={dropdownActive}\n            >\n              {item.children.map((child, index) => (\n                <NavBarItem\n                  key={child.label}\n                  as={linkAs}\n                  {...{ [linkHrefPropName]: child.href }}\n                  isCurrent={childActiveStates[index]}\n                >\n                  {child.label}\n                </NavBarItem>\n              ))}\n            </NavBarDropdown>\n          );\n        }\n\n        const active = isItemActive(item.href, actualPath, item.isActive);\n        return (\n          <NavBarItem\n            key={item.label}\n            as={linkAs}\n            {...{ [linkHrefPropName]: item.href }}\n            isCurrent={active}\n          >\n            {item.label}\n          </NavBarItem>\n        );\n      })}\n    </NavBarList>\n  );\n\n  return (\n    <NavBar aria-label={ariaLabel}>\n      <NavBarBrand href={brandHref}>{brand}</NavBarBrand>\n      <NavBarToggle>{list}</NavBarToggle>\n    </NavBar>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgEgB,cA6BZ,YA7BY;AA/DhB,OAAO,gBAAgB;AACvB,OAAO,oBAAoB;AAC3B,OAAO,gBAAgB;AACvB,OAAO,YAAY;AACnB,OAAO,iBAAiB;AACxB,OAAO,kBAAkB;AAwBzB,SAAS,aACP,MACA,YACA,UACA;AACA,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,WAAW,SAAS,MAAM,UAAU,IAAI,WAAW,WAAW,IAAI;AAC3E;AAEe,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB;AACF,GAAsB;AACpB,QAAM,OACJ,oBAAC,cACE,gBAAM,IAAI,CAAC,SAAS;AACnB,QAAI,KAAK,UAAU;AACjB,YAAM,oBAAoB,KAAK,SAAS;AAAA,QAAI,CAAC,UAC3C,aAAa,MAAM,MAAM,YAAY,MAAM,QAAQ;AAAA,MACrD;AACA,YAAM,iBAAiB,kBAAkB,KAAK,OAAO;AAErD,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,KAAK;AAAA,UACZ,WAAW;AAAA,UAEV,eAAK,SAAS,IAAI,CAAC,OAAO,UACzB;AAAA,YAAC;AAAA;AAAA,cAEC,IAAI;AAAA,eACA,EAAE,CAAC,gBAAgB,GAAG,MAAM,KAAK,IAHtC;AAAA,cAIC,WAAW,kBAAkB,KAAK;AAAA,cAEjC,gBAAM;AAAA;AAAA,YALF,MAAM;AAAA,UAMb,CACD;AAAA;AAAA,QAbI,KAAK;AAAA,MAcZ;AAAA,IAEJ;AAEA,UAAM,SAAS,aAAa,KAAK,MAAM,YAAY,KAAK,QAAQ;AAChE,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,IAAI;AAAA,SACA,EAAE,CAAC,gBAAgB,GAAG,KAAK,KAAK,IAHrC;AAAA,QAIC,WAAW;AAAA,QAEV,eAAK;AAAA;AAAA,MALD,KAAK;AAAA,IAMZ;AAAA,EAEJ,CAAC,GACH;AAGF,SACE,qBAAC,UAAO,cAAY,WAClB;AAAA,wBAAC,eAAY,MAAM,WAAY,iBAAM;AAAA,IACrC,oBAAC,gBAAc,gBAAK;AAAA,KACtB;AAEJ;","names":[]}

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

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ReactNode, CSSProperties } from 'react';
+
+type NavBarToggleProps = {
+    children: ReactNode;
+    openLabel?: string;
+    closeLabel?: string;
+    className?: string;
+    style?: CSSProperties;
+};
+declare function NavBarToggle({ children, openLabel, closeLabel, className, style, }: NavBarToggleProps): react.JSX.Element;
+
+export { type NavBarToggleProps, NavBarToggle as default };

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

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ReactNode, CSSProperties } from 'react';
+
+type NavBarToggleProps = {
+    children: ReactNode;
+    openLabel?: string;
+    closeLabel?: string;
+    className?: string;
+    style?: CSSProperties;
+};
+declare function NavBarToggle({ children, openLabel, closeLabel, className, style, }: NavBarToggleProps): react.JSX.Element;
+
+export { type NavBarToggleProps, NavBarToggle as default };

package/dist/components/NavBar/NavBarToggle.js

@@ -0,0 +1,62 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NavBarToggle_exports = {};
+__export(NavBarToggle_exports, {
+  default: () => NavBarToggle
+});
+module.exports = __toCommonJS(NavBarToggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_NavBar = require("./NavBar.context");
+var import_SrOnly = require("../../core/SrOnly");
+function NavBarToggle({
+  children,
+  openLabel = "Ouvrir le menu",
+  closeLabel = "Fermer le menu",
+  className,
+  style
+}) {
+  const [isOpen, setOpen] = (0, import_react.useState)(false);
+  const panelId = (0, import_react.useId)();
+  const closeMenu = (0, import_react.useCallback)(() => setOpen(false), []);
+  let panelClass = "ck-nav-bar__panel";
+  if (isOpen) {
+    panelClass += " ck-nav-bar__panel--open";
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: className ? `ck-nav-bar__toggle ${className}` : "ck-nav-bar__toggle",
+        style,
+        "aria-expanded": isOpen,
+        "aria-controls": panelId,
+        onClick: () => setOpen((prev) => !prev),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ck-nav-bar__toggle-bar", "aria-hidden": "true" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SrOnly.SrOnly, { children: isOpen ? closeLabel : openLabel })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: panelId, className: panelClass, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NavBar.NavBarToggleContext.Provider, { value: closeMenu, children }) })
+  ] });
+}
+//# sourceMappingURL=NavBarToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarToggle.tsx"],"sourcesContent":["\"use client\";\nimport { CSSProperties, ReactNode, useCallback, useId, useState } from \"react\";\nimport { NavBarToggleContext } from \"./NavBar.context\";\nimport { SrOnly } from \"../../core/SrOnly\";\n\nexport type NavBarToggleProps = {\n  children: ReactNode;\n  openLabel?: string;\n  closeLabel?: string;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport default function NavBarToggle({\n  children,\n  openLabel = \"Ouvrir le menu\",\n  closeLabel = \"Fermer le menu\",\n  className,\n  style,\n}: NavBarToggleProps) {\n  const [isOpen, setOpen] = useState(false);\n  const panelId = useId();\n\n  const closeMenu = useCallback(() => setOpen(false), []);\n\n  let panelClass = \"ck-nav-bar__panel\";\n\n  if (isOpen) {\n    panelClass += \" ck-nav-bar__panel--open\";\n  }\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        className={\n          className ? `ck-nav-bar__toggle ${className}` : \"ck-nav-bar__toggle\"\n        }\n        style={style}\n        aria-expanded={isOpen}\n        aria-controls={panelId}\n        onClick={() => setOpen((prev) => !prev)}\n      >\n        <span className=\"ck-nav-bar__toggle-bar\" aria-hidden=\"true\" />\n        <SrOnly>{isOpen ? closeLabel : openLabel}</SrOnly>\n      </button>\n      <div id={panelId} className={panelClass}>\n        <NavBarToggleContext.Provider value={closeMenu}>\n          {children}\n        </NavBarToggleContext.Provider>\n      </div>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCI;AA/BJ,mBAAuE;AACvE,oBAAoC;AACpC,oBAAuB;AAUR,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,CAAC,QAAQ,OAAO,QAAI,uBAAS,KAAK;AACxC,QAAM,cAAU,oBAAM;AAEtB,QAAM,gBAAY,0BAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEtD,MAAI,aAAa;AAEjB,MAAI,QAAQ;AACV,kBAAc;AAAA,EAChB;AAEA,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WACE,YAAY,sBAAsB,SAAS,KAAK;AAAA,QAElD;AAAA,QACA,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,SAAS,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI;AAAA,QAEtC;AAAA,sDAAC,UAAK,WAAU,0BAAyB,eAAY,QAAO;AAAA,UAC5D,4CAAC,wBAAQ,mBAAS,aAAa,WAAU;AAAA;AAAA;AAAA,IAC3C;AAAA,IACA,4CAAC,SAAI,IAAI,SAAS,WAAW,YAC3B,sDAAC,kCAAoB,UAApB,EAA6B,OAAO,WAClC,UACH,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/NavBar/NavBarToggle.mjs

@@ -0,0 +1,42 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useId, useState } from "react";
+import { NavBarToggleContext } from "./NavBar.context";
+import { SrOnly } from "../../core/SrOnly";
+function NavBarToggle({
+  children,
+  openLabel = "Ouvrir le menu",
+  closeLabel = "Fermer le menu",
+  className,
+  style
+}) {
+  const [isOpen, setOpen] = useState(false);
+  const panelId = useId();
+  const closeMenu = useCallback(() => setOpen(false), []);
+  let panelClass = "ck-nav-bar__panel";
+  if (isOpen) {
+    panelClass += " ck-nav-bar__panel--open";
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: className ? `ck-nav-bar__toggle ${className}` : "ck-nav-bar__toggle",
+        style,
+        "aria-expanded": isOpen,
+        "aria-controls": panelId,
+        onClick: () => setOpen((prev) => !prev),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "ck-nav-bar__toggle-bar", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(SrOnly, { children: isOpen ? closeLabel : openLabel })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { id: panelId, className: panelClass, children: /* @__PURE__ */ jsx(NavBarToggleContext.Provider, { value: closeMenu, children }) })
+  ] });
+}
+export {
+  NavBarToggle as default
+};
+//# sourceMappingURL=NavBarToggle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarToggle.tsx"],"sourcesContent":["\"use client\";\nimport { CSSProperties, ReactNode, useCallback, useId, useState } from \"react\";\nimport { NavBarToggleContext } from \"./NavBar.context\";\nimport { SrOnly } from \"../../core/SrOnly\";\n\nexport type NavBarToggleProps = {\n  children: ReactNode;\n  openLabel?: string;\n  closeLabel?: string;\n  className?: string;\n  style?: CSSProperties;\n};\n\nexport default function NavBarToggle({\n  children,\n  openLabel = \"Ouvrir le menu\",\n  closeLabel = \"Fermer le menu\",\n  className,\n  style,\n}: NavBarToggleProps) {\n  const [isOpen, setOpen] = useState(false);\n  const panelId = useId();\n\n  const closeMenu = useCallback(() => setOpen(false), []);\n\n  let panelClass = \"ck-nav-bar__panel\";\n\n  if (isOpen) {\n    panelClass += \" ck-nav-bar__panel--open\";\n  }\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        className={\n          className ? `ck-nav-bar__toggle ${className}` : \"ck-nav-bar__toggle\"\n        }\n        style={style}\n        aria-expanded={isOpen}\n        aria-controls={panelId}\n        onClick={() => setOpen((prev) => !prev)}\n      >\n        <span className=\"ck-nav-bar__toggle-bar\" aria-hidden=\"true\" />\n        <SrOnly>{isOpen ? closeLabel : openLabel}</SrOnly>\n      </button>\n      <div id={panelId} className={panelClass}>\n        <NavBarToggleContext.Provider value={closeMenu}>\n          {children}\n        </NavBarToggleContext.Provider>\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAgCI,mBAWI,KAVF,YADF;AA/BJ,SAAmC,aAAa,OAAO,gBAAgB;AACvE,SAAS,2BAA2B;AACpC,SAAS,cAAc;AAUR,SAAR,aAA8B;AAAA,EACnC;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AAAA,EACb;AAAA,EACA;AACF,GAAsB;AACpB,QAAM,CAAC,QAAQ,OAAO,IAAI,SAAS,KAAK;AACxC,QAAM,UAAU,MAAM;AAEtB,QAAM,YAAY,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEtD,MAAI,aAAa;AAEjB,MAAI,QAAQ;AACV,kBAAc;AAAA,EAChB;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WACE,YAAY,sBAAsB,SAAS,KAAK;AAAA,QAElD;AAAA,QACA,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,SAAS,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI;AAAA,QAEtC;AAAA,8BAAC,UAAK,WAAU,0BAAyB,eAAY,QAAO;AAAA,UAC5D,oBAAC,UAAQ,mBAAS,aAAa,WAAU;AAAA;AAAA;AAAA,IAC3C;AAAA,IACA,oBAAC,SAAI,IAAI,SAAS,WAAW,YAC3B,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,WAClC,UACH,GACF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -0,0 +1,10 @@
+export { default as NavBar, NavBarProps } from './NavBar.mjs';
+export { default as NavBarBrand, NavBarBrandProps } from './NavBarBrand.mjs';
+export { default as NavBarDropdown, NavBarDropdownProps } from './NavBarDropdown.mjs';
+export { default as NavBarItem, NavBarItemProps } from './NavBarItem.mjs';
+export { default as NavBarList, NavBarListProps } from './NavBarList.mjs';
+export { default as NavBarPreset, NavBarPresetItem, NavBarPresetProps } from './NavBarPreset.mjs';
+export { default as NavBarToggle, NavBarToggleProps } from './NavBarToggle.mjs';
+import 'react';
+import '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';

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

@@ -0,0 +1,10 @@
+export { default as NavBar, NavBarProps } from './NavBar.js';
+export { default as NavBarBrand, NavBarBrandProps } from './NavBarBrand.js';
+export { default as NavBarDropdown, NavBarDropdownProps } from './NavBarDropdown.js';
+export { default as NavBarItem, NavBarItemProps } from './NavBarItem.js';
+export { default as NavBarList, NavBarListProps } from './NavBarList.js';
+export { default as NavBarPreset, NavBarPresetItem, NavBarPresetProps } from './NavBarPreset.js';
+export { default as NavBarToggle, NavBarToggleProps } from './NavBarToggle.js';
+import 'react';
+import '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';

package/dist/components/NavBar/index.js

@@ -0,0 +1,57 @@
+"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 NavBar_exports = {};
+__export(NavBar_exports, {
+  NavBar: () => import_NavBar.default,
+  NavBarBrand: () => import_NavBarBrand.default,
+  NavBarDropdown: () => import_NavBarDropdown.default,
+  NavBarItem: () => import_NavBarItem.default,
+  NavBarList: () => import_NavBarList.default,
+  NavBarPreset: () => import_NavBarPreset.default,
+  NavBarToggle: () => import_NavBarToggle.default
+});
+module.exports = __toCommonJS(NavBar_exports);
+var import_NavBar = __toESM(require("./NavBar"));
+var import_NavBarBrand = __toESM(require("./NavBarBrand"));
+var import_NavBarDropdown = __toESM(require("./NavBarDropdown"));
+var import_NavBarItem = __toESM(require("./NavBarItem"));
+var import_NavBarList = __toESM(require("./NavBarList"));
+var import_NavBarPreset = __toESM(require("./NavBarPreset"));
+var import_NavBarToggle = __toESM(require("./NavBarToggle"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavBar,
+  NavBarBrand,
+  NavBarDropdown,
+  NavBarItem,
+  NavBarList,
+  NavBarPreset,
+  NavBarToggle
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/index.ts"],"sourcesContent":["export { default as NavBar } from \"./NavBar\";\nexport type { NavBarProps } from \"./NavBar\";\nexport { default as NavBarBrand } from \"./NavBarBrand\";\nexport type { NavBarBrandProps } from \"./NavBarBrand\";\nexport { default as NavBarDropdown } from \"./NavBarDropdown\";\nexport type { NavBarDropdownProps } from \"./NavBarDropdown\";\nexport { default as NavBarItem } from \"./NavBarItem\";\nexport type { NavBarItemProps } from \"./NavBarItem\";\nexport { default as NavBarList } from \"./NavBarList\";\nexport type { NavBarListProps } from \"./NavBarList\";\nexport { default as NavBarPreset } from \"./NavBarPreset\";\nexport type { NavBarPresetProps, NavBarPresetItem } from \"./NavBarPreset\";\nexport { default as NavBarToggle } from \"./NavBarToggle\";\nexport type { NavBarToggleProps } from \"./NavBarToggle\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkC;AAElC,yBAAuC;AAEvC,4BAA0C;AAE1C,wBAAsC;AAEtC,wBAAsC;AAEtC,0BAAwC;AAExC,0BAAwC;","names":[]}

package/dist/components/NavBar/index.mjs

@@ -0,0 +1,17 @@
+import { default as default2 } from "./NavBar";
+import { default as default3 } from "./NavBarBrand";
+import { default as default4 } from "./NavBarDropdown";
+import { default as default5 } from "./NavBarItem";
+import { default as default6 } from "./NavBarList";
+import { default as default7 } from "./NavBarPreset";
+import { default as default8 } from "./NavBarToggle";
+export {
+  default2 as NavBar,
+  default3 as NavBarBrand,
+  default4 as NavBarDropdown,
+  default5 as NavBarItem,
+  default6 as NavBarList,
+  default7 as NavBarPreset,
+  default8 as NavBarToggle
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/index.ts"],"sourcesContent":["export { default as NavBar } from \"./NavBar\";\nexport type { NavBarProps } from \"./NavBar\";\nexport { default as NavBarBrand } from \"./NavBarBrand\";\nexport type { NavBarBrandProps } from \"./NavBarBrand\";\nexport { default as NavBarDropdown } from \"./NavBarDropdown\";\nexport type { NavBarDropdownProps } from \"./NavBarDropdown\";\nexport { default as NavBarItem } from \"./NavBarItem\";\nexport type { NavBarItemProps } from \"./NavBarItem\";\nexport { default as NavBarList } from \"./NavBarList\";\nexport type { NavBarListProps } from \"./NavBarList\";\nexport { default as NavBarPreset } from \"./NavBarPreset\";\nexport type { NavBarPresetProps, NavBarPresetItem } from \"./NavBarPreset\";\nexport { default as NavBarToggle } from \"./NavBarToggle\";\nexport type { NavBarToggleProps } from \"./NavBarToggle\";\n"],"mappings":"AAAA,SAAoB,WAAXA,gBAAyB;AAElC,SAAoB,WAAXA,gBAA8B;AAEvC,SAAoB,WAAXA,gBAAiC;AAE1C,SAAoB,WAAXA,gBAA6B;AAEtC,SAAoB,WAAXA,gBAA6B;AAEtC,SAAoB,WAAXA,gBAA+B;AAExC,SAAoB,WAAXA,gBAA+B;","names":["default"]}

package/dist/components/Pill/Pill.d.mts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import { ElementType, ReactNode } from 'react';
+import { BaseProps } from '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';
+
+type PillColor = "primary" | "secondary" | "neutral" | "success" | "warning" | "danger" | "info";
+type PillVariant = "solid" | "soft" | "outline" | "subtle";
+type PillSize = "sm" | "md" | "lg";
+type PillProps<T extends ElementType = "div"> = BaseProps<T> & {
+    color?: PillColor;
+    variant?: PillVariant;
+    size?: PillSize;
+    icon?: ReactNode;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+};
+declare function Pill<T extends ElementType = "div">({ color, variant, size, icon, onDismiss, dismissLabel, children, className, style, ...props }: PillProps<T>): react.JSX.Element;
+
+export { type PillColor, type PillProps, type PillSize, type PillVariant, Pill as default };

package/dist/components/Pill/Pill.d.ts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import { ElementType, ReactNode } from 'react';
+import { BaseProps } from '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';
+
+type PillColor = "primary" | "secondary" | "neutral" | "success" | "warning" | "danger" | "info";
+type PillVariant = "solid" | "soft" | "outline" | "subtle";
+type PillSize = "sm" | "md" | "lg";
+type PillProps<T extends ElementType = "div"> = BaseProps<T> & {
+    color?: PillColor;
+    variant?: PillVariant;
+    size?: PillSize;
+    icon?: ReactNode;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+};
+declare function Pill<T extends ElementType = "div">({ color, variant, size, icon, onDismiss, dismissLabel, children, className, style, ...props }: PillProps<T>): react.JSX.Element;
+
+export { type PillColor, type PillProps, type PillSize, type PillVariant, Pill as default };