@locus-ui/components 0.0.16 → 0.1.1

package/dist/components/accordion/header/accordion-header.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { PaddingProps } from '../../../props/padding.prop.js';
+import { AccordionHeaderInternalProps } from './accordion-header.props.js';
+import '../../../props/prop-def.js';
+
+interface AllAccordionHeaderProps extends AccordionHeaderInternalProps, PaddingProps {
+}
+type AccordionHeaderProps = AllAccordionHeaderProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React.ReactNode;
+};
+/** Header for an accordion item */
+declare const AccordionHeader: FC<AccordionHeaderProps>;
+
+export { AccordionHeader, type AccordionHeaderProps, type AllAccordionHeaderProps };

package/dist/components/accordion/header/accordion-header.js

@@ -0,0 +1,86 @@
+"use strict";
+"use client";
+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 accordion_header_exports = {};
+__export(accordion_header_exports, {
+  AccordionHeader: () => AccordionHeader
+});
+module.exports = __toCommonJS(accordion_header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_chevron_down = require("../../../icons/chevron-down.icon");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_accordion_context = require("../accordion-context");
+var import_accordion_header = require("./accordion-header.props");
+const AccordionHeader = (props) => {
+  const context = (0, import_accordion_context.useAccordionContext)();
+  const { className, children, value, dataAttrs, ...rest } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_accordion_header.AccordionHeaderPropDefs
+  );
+  const itemOpen = context.multiple ? context.value?.includes(value ?? "") : context.value === value;
+  const handleClick = () => {
+    if (!value) return;
+    if (context.multiple) {
+      const current = context.value ?? [];
+      const next = current.includes(value) ? current.filter((v) => v !== value) : [...current, value];
+      context.setValue(next.length ? next : null);
+    } else {
+      context.setValue(context.value === value ? null : value);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      "data-open": itemOpen,
+      "data-variant": context.variant,
+      className: (0, import_clsx.default)("accordion-header", className),
+      role: "button",
+      tabIndex: 0,
+      onClick: handleClick,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleClick();
+        }
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "accordion-header-indicator", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_chevron_down.ChevronDown, {}) })
+      ]
+    }
+  );
+};
+AccordionHeader.displayName = "Accordion.Header";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccordionHeader
+});
+//# sourceMappingURL=accordion-header.js.map

package/dist/components/accordion/header/accordion-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/header/accordion-header.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { FC } from \"react\";\nimport { ChevronDown } from \"../../../icons/chevron-down.icon\";\nimport { PaddingProps } from \"../../../props\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useAccordionContext } from \"../accordion-context\";\nimport {\n  AccordionHeaderInternalProps,\n  AccordionHeaderPropDefs,\n} from \"./accordion-header.props\";\n\ninterface AllAccordionHeaderProps\n  extends AccordionHeaderInternalProps, PaddingProps {}\n\ntype AccordionHeaderProps = AllAccordionHeaderProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\n/** Header for an accordion item */\nconst AccordionHeader: FC<AccordionHeaderProps> = (props) => {\n  const context = useAccordionContext();\n  const { className, children, value, dataAttrs, ...rest } = getComponentProps(\n    props,\n    AccordionHeaderPropDefs,\n  );\n\n  const itemOpen = context.multiple\n    ? context.value?.includes(value ?? \"\")\n    : context.value === value;\n\n  const handleClick = () => {\n    if (!value) return;\n\n    if (context.multiple) {\n      const current = (context.value as string[]) ?? [];\n      const next = current.includes(value)\n        ? current.filter((v) => v !== value)\n        : [...current, value];\n      context.setValue(next.length ? next : null);\n    } else {\n      context.setValue(context.value === value ? null : value);\n    }\n  };\n\n  return (\n    <div\n      data-open={itemOpen}\n      data-variant={context.variant}\n      className={clsx(\"accordion-header\", className)}\n      role=\"button\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          handleClick();\n        }\n      }}\n      {...rest}\n    >\n      <span>{children}</span>\n\n      <span className=\"accordion-header-indicator\" aria-hidden=\"true\">\n        <ChevronDown />\n      </span>\n    </div>\n  );\n};\nAccordionHeader.displayName = \"Accordion.Header\";\n\nexport { AccordionHeader, AccordionHeaderProps, AllAccordionHeaderProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgDI;AA9CJ,kBAAiB;AAEjB,0BAA4B;AAE5B,iCAAkC;AAClC,+BAAoC;AACpC,8BAGO;AAWP,MAAM,kBAA4C,CAAC,UAAU;AAC3D,QAAM,cAAU,8CAAoB;AACpC,QAAM,EAAE,WAAW,UAAU,OAAO,WAAW,GAAG,KAAK,QAAI;AAAA,IACzD;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,QAAQ,WACrB,QAAQ,OAAO,SAAS,SAAS,EAAE,IACnC,QAAQ,UAAU;AAEtB,QAAM,cAAc,MAAM;AACxB,QAAI,CAAC,MAAO;AAEZ,QAAI,QAAQ,UAAU;AACpB,YAAM,UAAW,QAAQ,SAAsB,CAAC;AAChD,YAAM,OAAO,QAAQ,SAAS,KAAK,IAC/B,QAAQ,OAAO,CAAC,MAAM,MAAM,KAAK,IACjC,CAAC,GAAG,SAAS,KAAK;AACtB,cAAQ,SAAS,KAAK,SAAS,OAAO,IAAI;AAAA,IAC5C,OAAO;AACL,cAAQ,SAAS,QAAQ,UAAU,QAAQ,OAAO,KAAK;AAAA,IACzD;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,gBAAc,QAAQ;AAAA,MACtB,eAAW,YAAAA,SAAK,oBAAoB,SAAS;AAAA,MAC7C,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW,CAAC,MAAM;AAChB,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,YAAE,eAAe;AACjB,sBAAY;AAAA,QACd;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,oDAAC,UAAM,UAAS;AAAA,QAEhB,4CAAC,UAAK,WAAU,8BAA6B,eAAY,QACvD,sDAAC,mCAAY,GACf;AAAA;AAAA;AAAA,EACF;AAEJ;AACA,gBAAgB,cAAc;","names":["clsx"]}

package/dist/components/accordion/header/accordion-header.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { ChevronDown } from "../../../icons/chevron-down.icon";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { useAccordionContext } from "../accordion-context";
+import {
+  AccordionHeaderPropDefs
+} from "./accordion-header.props";
+const AccordionHeader = (props) => {
+  const context = useAccordionContext();
+  const { className, children, value, dataAttrs, ...rest } = getComponentProps(
+    props,
+    AccordionHeaderPropDefs
+  );
+  const itemOpen = context.multiple ? context.value?.includes(value ?? "") : context.value === value;
+  const handleClick = () => {
+    if (!value) return;
+    if (context.multiple) {
+      const current = context.value ?? [];
+      const next = current.includes(value) ? current.filter((v) => v !== value) : [...current, value];
+      context.setValue(next.length ? next : null);
+    } else {
+      context.setValue(context.value === value ? null : value);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-open": itemOpen,
+      "data-variant": context.variant,
+      className: clsx("accordion-header", className),
+      role: "button",
+      tabIndex: 0,
+      onClick: handleClick,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          handleClick();
+        }
+      },
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { children }),
+        /* @__PURE__ */ jsx("span", { className: "accordion-header-indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(ChevronDown, {}) })
+      ]
+    }
+  );
+};
+AccordionHeader.displayName = "Accordion.Header";
+export {
+  AccordionHeader
+};
+//# sourceMappingURL=accordion-header.mjs.map

package/dist/components/accordion/header/accordion-header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/header/accordion-header.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { FC } from \"react\";\nimport { ChevronDown } from \"../../../icons/chevron-down.icon\";\nimport { PaddingProps } from \"../../../props\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useAccordionContext } from \"../accordion-context\";\nimport {\n  AccordionHeaderInternalProps,\n  AccordionHeaderPropDefs,\n} from \"./accordion-header.props\";\n\ninterface AllAccordionHeaderProps\n  extends AccordionHeaderInternalProps, PaddingProps {}\n\ntype AccordionHeaderProps = AllAccordionHeaderProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\n/** Header for an accordion item */\nconst AccordionHeader: FC<AccordionHeaderProps> = (props) => {\n  const context = useAccordionContext();\n  const { className, children, value, dataAttrs, ...rest } = getComponentProps(\n    props,\n    AccordionHeaderPropDefs,\n  );\n\n  const itemOpen = context.multiple\n    ? context.value?.includes(value ?? \"\")\n    : context.value === value;\n\n  const handleClick = () => {\n    if (!value) return;\n\n    if (context.multiple) {\n      const current = (context.value as string[]) ?? [];\n      const next = current.includes(value)\n        ? current.filter((v) => v !== value)\n        : [...current, value];\n      context.setValue(next.length ? next : null);\n    } else {\n      context.setValue(context.value === value ? null : value);\n    }\n  };\n\n  return (\n    <div\n      data-open={itemOpen}\n      data-variant={context.variant}\n      className={clsx(\"accordion-header\", className)}\n      role=\"button\"\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\" || e.key === \" \") {\n          e.preventDefault();\n          handleClick();\n        }\n      }}\n      {...rest}\n    >\n      <span>{children}</span>\n\n      <span className=\"accordion-header-indicator\" aria-hidden=\"true\">\n        <ChevronDown />\n      </span>\n    </div>\n  );\n};\nAccordionHeader.displayName = \"Accordion.Header\";\n\nexport { AccordionHeader, AccordionHeaderProps, AllAccordionHeaderProps };\n"],"mappings":";AAgDI,SAeE,KAfF;AA9CJ,OAAO,UAAU;AAEjB,SAAS,mBAAmB;AAE5B,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC;AAAA,EAEE;AAAA,OACK;AAWP,MAAM,kBAA4C,CAAC,UAAU;AAC3D,QAAM,UAAU,oBAAoB;AACpC,QAAM,EAAE,WAAW,UAAU,OAAO,WAAW,GAAG,KAAK,IAAI;AAAA,IACzD;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WAAW,QAAQ,WACrB,QAAQ,OAAO,SAAS,SAAS,EAAE,IACnC,QAAQ,UAAU;AAEtB,QAAM,cAAc,MAAM;AACxB,QAAI,CAAC,MAAO;AAEZ,QAAI,QAAQ,UAAU;AACpB,YAAM,UAAW,QAAQ,SAAsB,CAAC;AAChD,YAAM,OAAO,QAAQ,SAAS,KAAK,IAC/B,QAAQ,OAAO,CAAC,MAAM,MAAM,KAAK,IACjC,CAAC,GAAG,SAAS,KAAK;AACtB,cAAQ,SAAS,KAAK,SAAS,OAAO,IAAI;AAAA,IAC5C,OAAO;AACL,cAAQ,SAAS,QAAQ,UAAU,QAAQ,OAAO,KAAK;AAAA,IACzD;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,gBAAc,QAAQ;AAAA,MACtB,WAAW,KAAK,oBAAoB,SAAS;AAAA,MAC7C,MAAK;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,MACT,WAAW,CAAC,MAAM;AAChB,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,YAAE,eAAe;AACjB,sBAAY;AAAA,QACd;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAM,UAAS;AAAA,QAEhB,oBAAC,UAAK,WAAU,8BAA6B,eAAY,QACvD,8BAAC,eAAY,GACf;AAAA;AAAA;AAAA,EACF;AAEJ;AACA,gBAAgB,cAAc;","names":[]}

package/dist/components/accordion/header/accordion-header.props.d.mts

@@ -0,0 +1,11 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const AccordionHeaderPropDefs: {
+    /** The value of the parent AccordionItem — injected automatically */
+    value: {
+        type: "string";
+    };
+};
+type AccordionHeaderInternalProps = GetPropDefTypes<typeof AccordionHeaderPropDefs>;
+
+export { type AccordionHeaderInternalProps, AccordionHeaderPropDefs };

package/dist/components/accordion/header/accordion-header.props.d.ts

@@ -0,0 +1,11 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const AccordionHeaderPropDefs: {
+    /** The value of the parent AccordionItem — injected automatically */
+    value: {
+        type: "string";
+    };
+};
+type AccordionHeaderInternalProps = GetPropDefTypes<typeof AccordionHeaderPropDefs>;
+
+export { type AccordionHeaderInternalProps, AccordionHeaderPropDefs };

package/dist/components/accordion/header/accordion-header.props.js

@@ -0,0 +1,34 @@
+"use strict";
+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 accordion_header_props_exports = {};
+__export(accordion_header_props_exports, {
+  AccordionHeaderPropDefs: () => AccordionHeaderPropDefs
+});
+module.exports = __toCommonJS(accordion_header_props_exports);
+const AccordionHeaderPropDefs = {
+  /** The value of the parent AccordionItem — injected automatically */
+  value: {
+    type: "string"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccordionHeaderPropDefs
+});
+//# sourceMappingURL=accordion-header.props.js.map

package/dist/components/accordion/header/accordion-header.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/header/accordion-header.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props/prop-def\";\n\nconst AccordionHeaderPropDefs = {\n  /** The value of the parent AccordionItem — injected automatically */\n  value: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n};\n\ntype AccordionHeaderInternalProps = GetPropDefTypes<\n  typeof AccordionHeaderPropDefs\n>;\n\nexport { AccordionHeaderInternalProps, AccordionHeaderPropDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,0BAA0B;AAAA;AAAA,EAE9B,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;","names":[]}

package/dist/components/accordion/header/accordion-header.props.mjs

@@ -0,0 +1,10 @@
+const AccordionHeaderPropDefs = {
+  /** The value of the parent AccordionItem — injected automatically */
+  value: {
+    type: "string"
+  }
+};
+export {
+  AccordionHeaderPropDefs
+};
+//# sourceMappingURL=accordion-header.props.mjs.map

package/dist/components/accordion/header/accordion-header.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/header/accordion-header.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props/prop-def\";\n\nconst AccordionHeaderPropDefs = {\n  /** The value of the parent AccordionItem — injected automatically */\n  value: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n};\n\ntype AccordionHeaderInternalProps = GetPropDefTypes<\n  typeof AccordionHeaderPropDefs\n>;\n\nexport { AccordionHeaderInternalProps, AccordionHeaderPropDefs };\n"],"mappings":"AAEA,MAAM,0BAA0B;AAAA;AAAA,EAE9B,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;","names":[]}

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

@@ -0,0 +1,14 @@
+export { Accordion } from './accordion.mjs';
+import './content/accordion-content.mjs';
+import 'react';
+import '../../props/padding.prop.mjs';
+import '../../props/prop-def.mjs';
+import './content/accordion-content.props.mjs';
+import './header/accordion-header.mjs';
+import './header/accordion-header.props.mjs';
+import './item/accordion-item.mjs';
+import './item/accordion-item.props.mjs';
+import './root/accordion-root.mjs';
+import '../../props/size.prop.mjs';
+import '../../utils/filter-children.mjs';
+import './root/accordion-root.props.mjs';

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

@@ -0,0 +1,14 @@
+export { Accordion } from './accordion.js';
+import './content/accordion-content.js';
+import 'react';
+import '../../props/padding.prop.js';
+import '../../props/prop-def.js';
+import './content/accordion-content.props.js';
+import './header/accordion-header.js';
+import './header/accordion-header.props.js';
+import './item/accordion-item.js';
+import './item/accordion-item.props.js';
+import './root/accordion-root.js';
+import '../../props/size.prop.js';
+import '../../utils/filter-children.js';
+import './root/accordion-root.props.js';

package/dist/components/accordion/index.js

@@ -0,0 +1,29 @@
+"use strict";
+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 accordion_exports = {};
+__export(accordion_exports, {
+  Accordion: () => import_accordion.Accordion
+});
+module.exports = __toCommonJS(accordion_exports);
+var import_accordion = require("./accordion");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/accordion/index.ts"],"sourcesContent":["export { Accordion } from \"./accordion\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B;","names":[]}

package/dist/components/accordion/index.mjs

@@ -0,0 +1,5 @@
+import { Accordion } from "./accordion";
+export {
+  Accordion
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/accordion/index.ts"],"sourcesContent":["export { Accordion } from \"./accordion\";\n"],"mappings":"AAAA,SAAS,iBAAiB;","names":[]}

package/dist/components/accordion/item/accordion-item.d.mts

@@ -0,0 +1,15 @@
+import React__default, { FC } from 'react';
+import { AccordionItemInternalProps } from './accordion-item.props.mjs';
+import '../../../props/prop-def.mjs';
+
+interface AllAccordionItemProps extends AccordionItemInternalProps {
+}
+/**
+ * An individual item within an accordion. Contains the header and content for a single section of the accordion.
+ */
+type AccordionItemProps = AllAccordionItemProps & Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React__default.ReactNode;
+};
+declare const AccordionItem: FC<AccordionItemProps>;
+
+export { AccordionItem, type AccordionItemProps, type AllAccordionItemProps };

package/dist/components/accordion/item/accordion-item.d.ts

@@ -0,0 +1,15 @@
+import React__default, { FC } from 'react';
+import { AccordionItemInternalProps } from './accordion-item.props.js';
+import '../../../props/prop-def.js';
+
+interface AllAccordionItemProps extends AccordionItemInternalProps {
+}
+/**
+ * An individual item within an accordion. Contains the header and content for a single section of the accordion.
+ */
+type AccordionItemProps = AllAccordionItemProps & Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: React__default.ReactNode;
+};
+declare const AccordionItem: FC<AccordionItemProps>;
+
+export { AccordionItem, type AccordionItemProps, type AllAccordionItemProps };

package/dist/components/accordion/item/accordion-item.js

@@ -0,0 +1,97 @@
+"use strict";
+"use client";
+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 accordion_item_exports = {};
+__export(accordion_item_exports, {
+  AccordionItem: () => AccordionItem
+});
+module.exports = __toCommonJS(accordion_item_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = __toESM(require("react"));
+var import_filter_children = require("../../../utils/filter-children");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_accordion_context = require("../accordion-context");
+var import_accordion_content = require("../content/accordion-content");
+var import_accordion_header = require("../header/accordion-header");
+var import_accordion_item = require("./accordion-item.props");
+const ALLOWED_CHILDREN = [
+  import_accordion_header.AccordionHeader.displayName,
+  import_accordion_content.AccordionContent.displayName
+];
+const AccordionItem = (props) => {
+  const context = (0, import_accordion_context.useAccordionContext)();
+  const { open, value, className, dataAttrs, ...rest } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_accordion_item.AccordionItemPropDefs
+  );
+  const itemOpen = open ?? (context.multiple ? context.value?.includes(value ?? "") : context.value === value);
+  const validChildren = (0, import_filter_children.filterChildren)(props.children, ALLOWED_CHILDREN, {
+    parentDisplayName: AccordionItem.displayName
+  });
+  const { header, content } = (0, import_react.useMemo)(() => {
+    const header2 = validChildren.find(
+      (child) => (0, import_filter_children.matchesComponent)(child.type, import_accordion_header.AccordionHeader)
+    );
+    const content2 = validChildren.find(
+      (child) => (0, import_filter_children.matchesComponent)(child.type, import_accordion_content.AccordionContent)
+    );
+    return { header: header2, content: content2 };
+  }, [validChildren]);
+  (0, import_react.useEffect)(() => {
+    if (!value) return;
+    return () => {
+      const values = context.itemValues.current;
+      const index = values.indexOf(value);
+      if (index > -1) values.splice(index, 1);
+    };
+  }, [value]);
+  const headerWithValue = header ? import_react.default.cloneElement(header, {
+    value
+  }) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      "data-variant": context.variant,
+      className: (0, import_clsx.default)("accordion-item", className),
+      ...rest,
+      "data-open": itemOpen,
+      children: [
+        headerWithValue,
+        content
+      ]
+    }
+  );
+};
+AccordionItem.displayName = "Accordion.Item";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccordionItem
+});
+//# sourceMappingURL=accordion-item.js.map

package/dist/components/accordion/item/accordion-item.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/item/accordion-item.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React, { FC, useEffect, useMemo } from \"react\";\nimport {\n  filterChildren,\n  matchesComponent,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useAccordionContext } from \"../accordion-context\";\nimport { AccordionContent } from \"../content/accordion-content\";\nimport { AccordionHeader } from \"../header/accordion-header\";\nimport {\n  AccordionItemInternalProps,\n  AccordionItemPropDefs,\n} from \"./accordion-item.props\";\n\ninterface AllAccordionItemProps extends AccordionItemInternalProps {}\n\nconst ALLOWED_CHILDREN = [\n  AccordionHeader.displayName!,\n  AccordionContent.displayName!,\n];\n\n/**\n * An individual item within an accordion. Contains the header and content for a single section of the accordion.\n */\ntype AccordionItemProps = AllAccordionItemProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\nconst AccordionItem: FC<AccordionItemProps> = (props) => {\n  const context = useAccordionContext();\n  const { open, value, className, dataAttrs, ...rest } = getComponentProps(\n    props,\n    AccordionItemPropDefs,\n  );\n\n  const itemOpen =\n    open ??\n    (context.multiple\n      ? context.value?.includes(value ?? \"\")\n      : context.value === value);\n\n  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {\n    parentDisplayName: AccordionItem.displayName,\n  }) as React.ReactElement[];\n\n  const { header, content } = useMemo(() => {\n    const header = validChildren.find((child) =>\n      matchesComponent(child.type, AccordionHeader),\n    );\n\n    const content = validChildren.find((child) =>\n      matchesComponent(child.type, AccordionContent),\n    );\n\n    return { header, content };\n  }, [validChildren]);\n\n  useEffect(() => {\n    if (!value) return;\n\n    return () => {\n      const values = context.itemValues.current;\n      const index = values.indexOf(value);\n      if (index > -1) values.splice(index, 1);\n    };\n  }, [value]);\n\n  const headerWithValue = header\n    ? React.cloneElement(header as React.ReactElement<{ value?: string }>, {\n        value,\n      })\n    : null;\n\n  return (\n    <div\n      data-variant={context.variant}\n      className={clsx(\"accordion-item\", className)}\n      {...rest}\n      data-open={itemOpen}\n    >\n      {headerWithValue}\n      {content}\n    </div>\n  );\n};\nAccordionItem.displayName = \"Accordion.Item\";\n\nexport { AccordionItem, AccordionItemProps, AllAccordionItemProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8EI;AA5EJ,kBAAiB;AACjB,mBAA8C;AAC9C,6BAGO;AACP,iCAAkC;AAClC,+BAAoC;AACpC,+BAAiC;AACjC,8BAAgC;AAChC,4BAGO;AAIP,MAAM,mBAAmB;AAAA,EACvB,wCAAgB;AAAA,EAChB,0CAAiB;AACnB;AAUA,MAAM,gBAAwC,CAAC,UAAU;AACvD,QAAM,cAAU,8CAAoB;AACpC,QAAM,EAAE,MAAM,OAAO,WAAW,WAAW,GAAG,KAAK,QAAI;AAAA,IACrD;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WACJ,SACC,QAAQ,WACL,QAAQ,OAAO,SAAS,SAAS,EAAE,IACnC,QAAQ,UAAU;AAExB,QAAM,oBAAgB,uCAAe,MAAM,UAAU,kBAAkB;AAAA,IACrE,mBAAmB,cAAc;AAAA,EACnC,CAAC;AAED,QAAM,EAAE,QAAQ,QAAQ,QAAI,sBAAQ,MAAM;AACxC,UAAMA,UAAS,cAAc;AAAA,MAAK,CAAC,cACjC,yCAAiB,MAAM,MAAM,uCAAe;AAAA,IAC9C;AAEA,UAAMC,WAAU,cAAc;AAAA,MAAK,CAAC,cAClC,yCAAiB,MAAM,MAAM,yCAAgB;AAAA,IAC/C;AAEA,WAAO,EAAE,QAAAD,SAAQ,SAAAC,SAAQ;AAAA,EAC3B,GAAG,CAAC,aAAa,CAAC;AAElB,8BAAU,MAAM;AACd,QAAI,CAAC,MAAO;AAEZ,WAAO,MAAM;AACX,YAAM,SAAS,QAAQ,WAAW;AAClC,YAAM,QAAQ,OAAO,QAAQ,KAAK;AAClC,UAAI,QAAQ,GAAI,QAAO,OAAO,OAAO,CAAC;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,kBAAkB,SACpB,aAAAC,QAAM,aAAa,QAAkD;AAAA,IACnE;AAAA,EACF,CAAC,IACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,QAAQ;AAAA,MACtB,eAAW,YAAAC,SAAK,kBAAkB,SAAS;AAAA,MAC1C,GAAG;AAAA,MACJ,aAAW;AAAA,MAEV;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AACA,cAAc,cAAc;","names":["header","content","React","clsx"]}

package/dist/components/accordion/item/accordion-item.mjs

@@ -0,0 +1,68 @@
+"use client";
+import { jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import React, { useEffect, useMemo } from "react";
+import {
+  filterChildren,
+  matchesComponent
+} from "../../../utils/filter-children";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { useAccordionContext } from "../accordion-context";
+import { AccordionContent } from "../content/accordion-content";
+import { AccordionHeader } from "../header/accordion-header";
+import {
+  AccordionItemPropDefs
+} from "./accordion-item.props";
+const ALLOWED_CHILDREN = [
+  AccordionHeader.displayName,
+  AccordionContent.displayName
+];
+const AccordionItem = (props) => {
+  const context = useAccordionContext();
+  const { open, value, className, dataAttrs, ...rest } = getComponentProps(
+    props,
+    AccordionItemPropDefs
+  );
+  const itemOpen = open ?? (context.multiple ? context.value?.includes(value ?? "") : context.value === value);
+  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {
+    parentDisplayName: AccordionItem.displayName
+  });
+  const { header, content } = useMemo(() => {
+    const header2 = validChildren.find(
+      (child) => matchesComponent(child.type, AccordionHeader)
+    );
+    const content2 = validChildren.find(
+      (child) => matchesComponent(child.type, AccordionContent)
+    );
+    return { header: header2, content: content2 };
+  }, [validChildren]);
+  useEffect(() => {
+    if (!value) return;
+    return () => {
+      const values = context.itemValues.current;
+      const index = values.indexOf(value);
+      if (index > -1) values.splice(index, 1);
+    };
+  }, [value]);
+  const headerWithValue = header ? React.cloneElement(header, {
+    value
+  }) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-variant": context.variant,
+      className: clsx("accordion-item", className),
+      ...rest,
+      "data-open": itemOpen,
+      children: [
+        headerWithValue,
+        content
+      ]
+    }
+  );
+};
+AccordionItem.displayName = "Accordion.Item";
+export {
+  AccordionItem
+};
+//# sourceMappingURL=accordion-item.mjs.map

package/dist/components/accordion/item/accordion-item.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/item/accordion-item.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport React, { FC, useEffect, useMemo } from \"react\";\nimport {\n  filterChildren,\n  matchesComponent,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useAccordionContext } from \"../accordion-context\";\nimport { AccordionContent } from \"../content/accordion-content\";\nimport { AccordionHeader } from \"../header/accordion-header\";\nimport {\n  AccordionItemInternalProps,\n  AccordionItemPropDefs,\n} from \"./accordion-item.props\";\n\ninterface AllAccordionItemProps extends AccordionItemInternalProps {}\n\nconst ALLOWED_CHILDREN = [\n  AccordionHeader.displayName!,\n  AccordionContent.displayName!,\n];\n\n/**\n * An individual item within an accordion. Contains the header and content for a single section of the accordion.\n */\ntype AccordionItemProps = AllAccordionItemProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> & {\n    children?: React.ReactNode;\n  };\n\nconst AccordionItem: FC<AccordionItemProps> = (props) => {\n  const context = useAccordionContext();\n  const { open, value, className, dataAttrs, ...rest } = getComponentProps(\n    props,\n    AccordionItemPropDefs,\n  );\n\n  const itemOpen =\n    open ??\n    (context.multiple\n      ? context.value?.includes(value ?? \"\")\n      : context.value === value);\n\n  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {\n    parentDisplayName: AccordionItem.displayName,\n  }) as React.ReactElement[];\n\n  const { header, content } = useMemo(() => {\n    const header = validChildren.find((child) =>\n      matchesComponent(child.type, AccordionHeader),\n    );\n\n    const content = validChildren.find((child) =>\n      matchesComponent(child.type, AccordionContent),\n    );\n\n    return { header, content };\n  }, [validChildren]);\n\n  useEffect(() => {\n    if (!value) return;\n\n    return () => {\n      const values = context.itemValues.current;\n      const index = values.indexOf(value);\n      if (index > -1) values.splice(index, 1);\n    };\n  }, [value]);\n\n  const headerWithValue = header\n    ? React.cloneElement(header as React.ReactElement<{ value?: string }>, {\n        value,\n      })\n    : null;\n\n  return (\n    <div\n      data-variant={context.variant}\n      className={clsx(\"accordion-item\", className)}\n      {...rest}\n      data-open={itemOpen}\n    >\n      {headerWithValue}\n      {content}\n    </div>\n  );\n};\nAccordionItem.displayName = \"Accordion.Item\";\n\nexport { AccordionItem, AccordionItemProps, AllAccordionItemProps };\n"],"mappings":";AA8EI;AA5EJ,OAAO,UAAU;AACjB,OAAO,SAAa,WAAW,eAAe;AAC9C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAS,2BAA2B;AACpC,SAAS,wBAAwB;AACjC,SAAS,uBAAuB;AAChC;AAAA,EAEE;AAAA,OACK;AAIP,MAAM,mBAAmB;AAAA,EACvB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;AAUA,MAAM,gBAAwC,CAAC,UAAU;AACvD,QAAM,UAAU,oBAAoB;AACpC,QAAM,EAAE,MAAM,OAAO,WAAW,WAAW,GAAG,KAAK,IAAI;AAAA,IACrD;AAAA,IACA;AAAA,EACF;AAEA,QAAM,WACJ,SACC,QAAQ,WACL,QAAQ,OAAO,SAAS,SAAS,EAAE,IACnC,QAAQ,UAAU;AAExB,QAAM,gBAAgB,eAAe,MAAM,UAAU,kBAAkB;AAAA,IACrE,mBAAmB,cAAc;AAAA,EACnC,CAAC;AAED,QAAM,EAAE,QAAQ,QAAQ,IAAI,QAAQ,MAAM;AACxC,UAAMA,UAAS,cAAc;AAAA,MAAK,CAAC,UACjC,iBAAiB,MAAM,MAAM,eAAe;AAAA,IAC9C;AAEA,UAAMC,WAAU,cAAc;AAAA,MAAK,CAAC,UAClC,iBAAiB,MAAM,MAAM,gBAAgB;AAAA,IAC/C;AAEA,WAAO,EAAE,QAAAD,SAAQ,SAAAC,SAAQ;AAAA,EAC3B,GAAG,CAAC,aAAa,CAAC;AAElB,YAAU,MAAM;AACd,QAAI,CAAC,MAAO;AAEZ,WAAO,MAAM;AACX,YAAM,SAAS,QAAQ,WAAW;AAClC,YAAM,QAAQ,OAAO,QAAQ,KAAK;AAClC,UAAI,QAAQ,GAAI,QAAO,OAAO,OAAO,CAAC;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,kBAAkB,SACpB,MAAM,aAAa,QAAkD;AAAA,IACnE;AAAA,EACF,CAAC,IACD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc,QAAQ;AAAA,MACtB,WAAW,KAAK,kBAAkB,SAAS;AAAA,MAC1C,GAAG;AAAA,MACJ,aAAW;AAAA,MAEV;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AACA,cAAc,cAAc;","names":["header","content"]}

package/dist/components/accordion/item/accordion-item.props.d.mts

@@ -0,0 +1,19 @@
+import { GetPropDefTypes } from '../../../props/prop-def.mjs';
+
+declare const AccordionItemPropDefs: {
+    /**
+     * Sets the accordion item to be open by default.
+     */
+    readonly open: {
+        type: "boolean";
+    };
+    /**
+     * The value of the accordion item. Automatically generated if not provided.
+     */
+    readonly value: {
+        type: "string";
+    };
+};
+type AccordionItemInternalProps = GetPropDefTypes<typeof AccordionItemPropDefs>;
+
+export { type AccordionItemInternalProps, AccordionItemPropDefs };

package/dist/components/accordion/item/accordion-item.props.d.ts

@@ -0,0 +1,19 @@
+import { GetPropDefTypes } from '../../../props/prop-def.js';
+
+declare const AccordionItemPropDefs: {
+    /**
+     * Sets the accordion item to be open by default.
+     */
+    readonly open: {
+        type: "boolean";
+    };
+    /**
+     * The value of the accordion item. Automatically generated if not provided.
+     */
+    readonly value: {
+        type: "string";
+    };
+};
+type AccordionItemInternalProps = GetPropDefTypes<typeof AccordionItemPropDefs>;
+
+export { type AccordionItemInternalProps, AccordionItemPropDefs };

package/dist/components/accordion/item/accordion-item.props.js

@@ -0,0 +1,42 @@
+"use strict";
+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 accordion_item_props_exports = {};
+__export(accordion_item_props_exports, {
+  AccordionItemPropDefs: () => AccordionItemPropDefs
+});
+module.exports = __toCommonJS(accordion_item_props_exports);
+const AccordionItemPropDefs = {
+  /**
+   * Sets the accordion item to be open by default.
+   */
+  open: {
+    type: "boolean"
+  },
+  /**
+   * The value of the accordion item. Automatically generated if not provided.
+   */
+  value: {
+    type: "string"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccordionItemPropDefs
+});
+//# sourceMappingURL=accordion-item.props.js.map

package/dist/components/accordion/item/accordion-item.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/item/accordion-item.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../../props\";\n\nconst AccordionItemPropDefs = {\n  /**\n   * Sets the accordion item to be open by default.\n   */\n  open: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * The value of the accordion item. Automatically generated if not provided.\n   */\n  value: {\n    type: \"string\",\n  } satisfies PropDef<string>,\n} as const;\n\ntype AccordionItemInternalProps = GetPropDefTypes<typeof AccordionItemPropDefs>;\n\nexport { AccordionItemInternalProps, AccordionItemPropDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA,EAI5B,MAAM;AAAA,IACJ,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AACF;","names":[]}