@chicken-ui/react 0.1.0

package/dist/components/HStack/HStack.mjs

@@ -0,0 +1,97 @@
+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 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 = resolveResponsiveVars(
+    { gap },
+    { gap: H_STACK_PROP_TO_VAR.gap },
+    propToSpacingValue
+  );
+  const alignVars = resolveResponsiveVars(
+    { align },
+    { align: H_STACK_PROP_TO_VAR.align },
+    identity
+  );
+  const justifyVars = resolveResponsiveVars(
+    { justify },
+    { justify: H_STACK_PROP_TO_VAR.justify },
+    identity
+  );
+  const styles = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, gapVars), alignVars), justifyVars), style);
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      className: hStackClassName,
+      style: styles,
+      children
+    })
+  ) });
+}
+export {
+  HStack as default
+};
+//# sourceMappingURL=HStack.mjs.map

package/dist/components/HStack/HStack.mjs.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EI,mBACE,WADF;AAzEJ;AAAA,EACE;AAAA,EAGA;AAAA,EACA;AAAA,OACK;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,UAAU;AAAA,IACd,EAAE,IAAI;AAAA,IACN,EAAE,KAAK,oBAAoB,IAAI;AAAA,IAC/B;AAAA,EACF;AACA,QAAM,YAAY;AAAA,IAChB,EAAE,MAAM;AAAA,IACR,EAAE,OAAO,oBAAoB,MAAM;AAAA,IACnC;AAAA,EACF;AACA,QAAM,cAAc;AAAA,IAClB,EAAE,QAAQ;AAAA,IACV,EAAE,SAAS,oBAAoB,QAAQ;AAAA,IACvC;AAAA,EACF;AAEA,QAAM,SAAS,gEACV,UACA,YACA,cACA;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/HStack/index.d.mts

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

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

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

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

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

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

package/dist/components/HStack/index.mjs

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

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

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

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

@@ -0,0 +1,8 @@
+import * as react from 'react';
+
+declare const NavBarDropdownContext: react.Context<(() => void) | null>;
+declare const NavBarToggleContext: react.Context<(() => void) | null>;
+declare function useNavBarDropdown(): (() => void) | null;
+declare function useNavBarToggle(): (() => void) | null;
+
+export { NavBarDropdownContext, NavBarToggleContext, useNavBarDropdown, useNavBarToggle };

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

@@ -0,0 +1,8 @@
+import * as react from 'react';
+
+declare const NavBarDropdownContext: react.Context<(() => void) | null>;
+declare const NavBarToggleContext: react.Context<(() => void) | null>;
+declare function useNavBarDropdown(): (() => void) | null;
+declare function useNavBarToggle(): (() => void) | null;
+
+export { NavBarDropdownContext, NavBarToggleContext, useNavBarDropdown, useNavBarToggle };

package/dist/components/NavBar/NavBar.context.js

@@ -0,0 +1,44 @@
+"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 NavBar_context_exports = {};
+__export(NavBar_context_exports, {
+  NavBarDropdownContext: () => NavBarDropdownContext,
+  NavBarToggleContext: () => NavBarToggleContext,
+  useNavBarDropdown: () => useNavBarDropdown,
+  useNavBarToggle: () => useNavBarToggle
+});
+module.exports = __toCommonJS(NavBar_context_exports);
+var import_react = require("react");
+const NavBarDropdownContext = (0, import_react.createContext)(null);
+const NavBarToggleContext = (0, import_react.createContext)(null);
+function useNavBarDropdown() {
+  return (0, import_react.useContext)(NavBarDropdownContext);
+}
+function useNavBarToggle() {
+  return (0, import_react.useContext)(NavBarToggleContext);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavBarDropdownContext,
+  NavBarToggleContext,
+  useNavBarDropdown,
+  useNavBarToggle
+});
+//# sourceMappingURL=NavBar.context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBar.context.ts"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport const NavBarDropdownContext = createContext<(() => void) | null>(null);\nexport const NavBarToggleContext = createContext<(() => void) | null>(null);\n\nexport function useNavBarDropdown() {\n  return useContext(NavBarDropdownContext);\n}\n\nexport function useNavBarToggle() {\n  return useContext(NavBarToggleContext);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAA0C;AAEnC,MAAM,4BAAwB,4BAAmC,IAAI;AACrE,MAAM,0BAAsB,4BAAmC,IAAI;AAEnE,SAAS,oBAAoB;AAClC,aAAO,yBAAW,qBAAqB;AACzC;AAEO,SAAS,kBAAkB;AAChC,aAAO,yBAAW,mBAAmB;AACvC;","names":[]}

package/dist/components/NavBar/NavBar.context.mjs

@@ -0,0 +1,17 @@
+"use client";
+import { createContext, useContext } from "react";
+const NavBarDropdownContext = createContext(null);
+const NavBarToggleContext = createContext(null);
+function useNavBarDropdown() {
+  return useContext(NavBarDropdownContext);
+}
+function useNavBarToggle() {
+  return useContext(NavBarToggleContext);
+}
+export {
+  NavBarDropdownContext,
+  NavBarToggleContext,
+  useNavBarDropdown,
+  useNavBarToggle
+};
+//# sourceMappingURL=NavBar.context.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBar.context.ts"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\n\nexport const NavBarDropdownContext = createContext<(() => void) | null>(null);\nexport const NavBarToggleContext = createContext<(() => void) | null>(null);\n\nexport function useNavBarDropdown() {\n  return useContext(NavBarDropdownContext);\n}\n\nexport function useNavBarToggle() {\n  return useContext(NavBarToggleContext);\n}\n"],"mappings":";AACA,SAAS,eAAe,kBAAkB;AAEnC,MAAM,wBAAwB,cAAmC,IAAI;AACrE,MAAM,sBAAsB,cAAmC,IAAI;AAEnE,SAAS,oBAAoB;AAClC,SAAO,WAAW,qBAAqB;AACzC;AAEO,SAAS,kBAAkB;AAChC,SAAO,WAAW,mBAAmB;AACvC;","names":[]}

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

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

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

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

package/dist/components/NavBar/NavBar.js

@@ -0,0 +1,81 @@
+"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 NavBar_exports = {};
+__export(NavBar_exports, {
+  default: () => NavBar
+});
+module.exports = __toCommonJS(NavBar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_Container = require("../Container");
+var import_Base = require("../../core/Base");
+function NavBar(_a) {
+  var _b = _a, {
+    children,
+    className,
+    style,
+    "aria-label": ariaLabel = "Navigation principale"
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className",
+    "style",
+    "aria-label"
+  ]);
+  const navBarClassName = className ? `ck-nav-bar ${className}` : "ck-nav-bar";
+  const styles = __spreadValues({}, style);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Base.Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: "nav",
+      "aria-label": ariaLabel,
+      className: navBarClassName,
+      style: styles,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Container.Container, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "ck-nav-bar__container", children }) })
+    })
+  );
+}
+//# sourceMappingURL=NavBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBar.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport { Container } from \"../Container\";\nimport { Base, BaseProps } from \"../../core/Base\";\n\nexport type NavBarProps<T extends ElementType = \"nav\"> = BaseProps<T> & {\n  \"aria-label\"?: string;\n};\n\nexport default function NavBar<T extends ElementType = \"nav\">({\n  children,\n  className,\n  style,\n  \"aria-label\": ariaLabel = \"Navigation principale\",\n  ...props\n}: NavBarProps<T>) {\n  const navBarClassName = className ? `ck-nav-bar ${className}` : \"ck-nav-bar\";\n  const styles = { ...style } as CSSProperties;\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      as=\"nav\"\n      aria-label={ariaLabel}\n      className={navBarClassName}\n      style={styles}\n    >\n      <Container>\n        <div className=\"ck-nav-bar__container\">{children}</div>\n      </Container>\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BQ;AAzBR,uBAA0B;AAC1B,kBAAgC;AAMjB,SAAR,OAAuD,IAM3C;AAN2C,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,YAAY;AAAA,EAZ5B,IAQ8D,IAKzD,kBALyD,IAKzD;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,kBAAkB,YAAY,cAAc,SAAS,KAAK;AAChE,QAAM,SAAS,mBAAK;AACpB,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,IAAG;AAAA,MACH,cAAY;AAAA,MACZ,WAAW;AAAA,MACX,OAAO;AAAA,MAEP,sDAAC,8BACC,sDAAC,SAAI,WAAU,yBAAyB,UAAS,GACnD;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/NavBar/NavBar.mjs

@@ -0,0 +1,63 @@
+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 { Container } from "../Container";
+import { Base } from "../../core/Base";
+function NavBar(_a) {
+  var _b = _a, {
+    children,
+    className,
+    style,
+    "aria-label": ariaLabel = "Navigation principale"
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className",
+    "style",
+    "aria-label"
+  ]);
+  const navBarClassName = className ? `ck-nav-bar ${className}` : "ck-nav-bar";
+  const styles = __spreadValues({}, style);
+  return /* @__PURE__ */ jsx(
+    Base,
+    __spreadProps(__spreadValues({}, props), {
+      as: "nav",
+      "aria-label": ariaLabel,
+      className: navBarClassName,
+      style: styles,
+      children: /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx("div", { className: "ck-nav-bar__container", children }) })
+    })
+  );
+}
+export {
+  NavBar as default
+};
+//# sourceMappingURL=NavBar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBar.tsx"],"sourcesContent":["import { CSSProperties, ElementType } from \"react\";\nimport { Container } from \"../Container\";\nimport { Base, BaseProps } from \"../../core/Base\";\n\nexport type NavBarProps<T extends ElementType = \"nav\"> = BaseProps<T> & {\n  \"aria-label\"?: string;\n};\n\nexport default function NavBar<T extends ElementType = \"nav\">({\n  children,\n  className,\n  style,\n  \"aria-label\": ariaLabel = \"Navigation principale\",\n  ...props\n}: NavBarProps<T>) {\n  const navBarClassName = className ? `ck-nav-bar ${className}` : \"ck-nav-bar\";\n  const styles = { ...style } as CSSProperties;\n  return (\n    <Base\n      {...(props as BaseProps<T>)}\n      as=\"nav\"\n      aria-label={ariaLabel}\n      className={navBarClassName}\n      style={styles}\n    >\n      <Container>\n        <div className=\"ck-nav-bar__container\">{children}</div>\n      </Container>\n    </Base>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BQ;AAzBR,SAAS,iBAAiB;AAC1B,SAAS,YAAuB;AAMjB,SAAR,OAAuD,IAM3C;AAN2C,eAC5D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,YAAY;AAAA,EAZ5B,IAQ8D,IAKzD,kBALyD,IAKzD;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,kBAAkB,YAAY,cAAc,SAAS,KAAK;AAChE,QAAM,SAAS,mBAAK;AACpB,SACE;AAAA,IAAC;AAAA,qCACM,QADN;AAAA,MAEC,IAAG;AAAA,MACH,cAAY;AAAA,MACZ,WAAW;AAAA,MACX,OAAO;AAAA,MAEP,8BAAC,aACC,8BAAC,SAAI,WAAU,yBAAyB,UAAS,GACnD;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

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

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

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

package/dist/components/NavBar/NavBarBrand.js

@@ -0,0 +1,81 @@
+"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 NavBarBrand_exports = {};
+__export(NavBarBrand_exports, {
+  default: () => NavBarBrand
+});
+module.exports = __toCommonJS(NavBarBrand_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_Base = require("../../core/Base");
+const BaseAny = import_Base.Base;
+function NavBarBrand(_a) {
+  var _b = _a, {
+    as,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "as",
+    "children",
+    "className",
+    "style"
+  ]);
+  const brandClassName = className ? `ck-nav-bar__brand ${className}` : "ck-nav-bar__brand";
+  const styles = __spreadValues({}, style);
+  const Component = as != null ? as : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    BaseAny,
+    __spreadProps(__spreadValues({}, props), {
+      as: Component,
+      className: brandClassName,
+      style: styles,
+      children
+    })
+  );
+}
+//# sourceMappingURL=NavBarBrand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarBrand.tsx"],"sourcesContent":["import { CSSProperties, ElementType, ComponentType } from \"react\";\nimport { Base, BaseProps } from \"../../core/Base\";\n\nexport type NavBarBrandProps<T extends ElementType = \"a\"> = BaseProps<T>;\n\nconst BaseAny = Base as unknown as ComponentType<Record<string, unknown>>;\n\nexport default function NavBarBrand<T extends ElementType = \"a\">({\n  as,\n  children,\n  className,\n  style,\n  ...props\n}: NavBarBrandProps<T>) {\n  const brandClassName = className\n    ? `ck-nav-bar__brand ${className}`\n    : \"ck-nav-bar__brand\";\n  const styles = { ...style } as CSSProperties;\n  const Component = as ?? (\"a\" as T);\n\n  return (\n    <BaseAny\n      {...props}\n      as={Component}\n      className={brandClassName}\n      style={styles}\n    >\n      {children}\n    </BaseAny>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AApBJ,kBAAgC;AAIhC,MAAM,UAAU;AAED,SAAR,YAA0D,IAMzC;AANyC,eAC/D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAXF,IAOiE,IAK5D,kBAL4D,IAK5D;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,iBAAiB,YACnB,qBAAqB,SAAS,KAC9B;AACJ,QAAM,SAAS,mBAAK;AACpB,QAAM,YAAY,kBAAO;AAEzB,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/NavBar/NavBarBrand.mjs

@@ -0,0 +1,63 @@
+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 "../../core/Base";
+const BaseAny = Base;
+function NavBarBrand(_a) {
+  var _b = _a, {
+    as,
+    children,
+    className,
+    style
+  } = _b, props = __objRest(_b, [
+    "as",
+    "children",
+    "className",
+    "style"
+  ]);
+  const brandClassName = className ? `ck-nav-bar__brand ${className}` : "ck-nav-bar__brand";
+  const styles = __spreadValues({}, style);
+  const Component = as != null ? as : "a";
+  return /* @__PURE__ */ jsx(
+    BaseAny,
+    __spreadProps(__spreadValues({}, props), {
+      as: Component,
+      className: brandClassName,
+      style: styles,
+      children
+    })
+  );
+}
+export {
+  NavBarBrand as default
+};
+//# sourceMappingURL=NavBarBrand.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/NavBar/NavBarBrand.tsx"],"sourcesContent":["import { CSSProperties, ElementType, ComponentType } from \"react\";\nimport { Base, BaseProps } from \"../../core/Base\";\n\nexport type NavBarBrandProps<T extends ElementType = \"a\"> = BaseProps<T>;\n\nconst BaseAny = Base as unknown as ComponentType<Record<string, unknown>>;\n\nexport default function NavBarBrand<T extends ElementType = \"a\">({\n  as,\n  children,\n  className,\n  style,\n  ...props\n}: NavBarBrandProps<T>) {\n  const brandClassName = className\n    ? `ck-nav-bar__brand ${className}`\n    : \"ck-nav-bar__brand\";\n  const styles = { ...style } as CSSProperties;\n  const Component = as ?? (\"a\" as T);\n\n  return (\n    <BaseAny\n      {...props}\n      as={Component}\n      className={brandClassName}\n      style={styles}\n    >\n      {children}\n    </BaseAny>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBI;AApBJ,SAAS,YAAuB;AAIhC,MAAM,UAAU;AAED,SAAR,YAA0D,IAMzC;AANyC,eAC/D;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAXF,IAOiE,IAK5D,kBAL4D,IAK5D;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,iBAAiB,YACnB,qBAAqB,SAAS,KAC9B;AACJ,QAAM,SAAS,mBAAK;AACpB,QAAM,YAAY,kBAAO;AAEzB,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MAEN;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ElementType, ReactNode } from 'react';
+import { BaseProps } from '../../core/Base/Base.mjs';
+import '../../core/Breakpoint/BreakpointType.mjs';
+
+type NavBarDropdownProps<T extends ElementType = "div"> = BaseProps<T> & {
+    label: ReactNode;
+    children: ReactNode;
+    isCurrent?: boolean;
+};
+declare function NavBarDropdown<T extends ElementType = "div">({ label, children, className, isCurrent, style, ...props }: NavBarDropdownProps<T>): react.JSX.Element;
+
+export { type NavBarDropdownProps, NavBarDropdown as default };

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

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ElementType, ReactNode } from 'react';
+import { BaseProps } from '../../core/Base/Base.js';
+import '../../core/Breakpoint/BreakpointType.js';
+
+type NavBarDropdownProps<T extends ElementType = "div"> = BaseProps<T> & {
+    label: ReactNode;
+    children: ReactNode;
+    isCurrent?: boolean;
+};
+declare function NavBarDropdown<T extends ElementType = "div">({ label, children, className, isCurrent, style, ...props }: NavBarDropdownProps<T>): react.JSX.Element;
+
+export { type NavBarDropdownProps, NavBarDropdown as default };