@locus-ui/components 0.0.16 → 0.1.1

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

@@ -0,0 +1,18 @@
+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"
+  }
+};
+export {
+  AccordionItemPropDefs
+};
+//# sourceMappingURL=accordion-item.props.mjs.map

package/dist/components/accordion/item/accordion-item.props.mjs.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":"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":[]}

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, FC } from 'react';
+import { SizeProp } from '../../../props/size.prop.mjs';
+import { WithStrictChildren } from '../../../utils/filter-children.mjs';
+import { AccordionItemProps } from '../item/accordion-item.mjs';
+import { AccordionRootInternalProps } from './accordion-root.props.mjs';
+import '../../../props/prop-def.mjs';
+import '../item/accordion-item.props.mjs';
+
+interface AllAccordionRootProps extends AccordionRootInternalProps, SizeProp {
+}
+/**
+ * A versatile Accordion component, managing state, context, and styling.
+ */
+type AccordionRootProps = AllAccordionRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, AccordionItemProps>;
+declare const AccordionRoot: FC<AccordionRootProps>;
+
+export { AccordionRoot, type AccordionRootProps, type AllAccordionRootProps };

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes, FC } from 'react';
+import { SizeProp } from '../../../props/size.prop.js';
+import { WithStrictChildren } from '../../../utils/filter-children.js';
+import { AccordionItemProps } from '../item/accordion-item.js';
+import { AccordionRootInternalProps } from './accordion-root.props.js';
+import '../../../props/prop-def.js';
+import '../item/accordion-item.props.js';
+
+interface AllAccordionRootProps extends AccordionRootInternalProps, SizeProp {
+}
+/**
+ * A versatile Accordion component, managing state, context, and styling.
+ */
+type AccordionRootProps = AllAccordionRootProps & WithStrictChildren<HTMLAttributes<HTMLDivElement>, AccordionItemProps>;
+declare const AccordionRoot: FC<AccordionRootProps>;
+
+export { AccordionRoot, type AccordionRootProps, type AllAccordionRootProps };

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

@@ -0,0 +1,102 @@
+"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_root_exports = {};
+__export(accordion_root_exports, {
+  AccordionRoot: () => AccordionRoot
+});
+module.exports = __toCommonJS(accordion_root_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_react = require("react");
+var import_props = require("../../../props");
+var import_filter_children = require("../../../utils/filter-children");
+var import_get_component_props = require("../../../utils/get-component-props");
+var import_use_controllable_state = require("../../../utils/use-controllable-state");
+var import_accordion_context = require("../accordion-context");
+var import_accordion_item = require("../item/accordion-item");
+var import_accordion_root = require("./accordion-root.props");
+const ALLOWED_CHILDREN = [import_accordion_item.AccordionItem.displayName];
+const AccordionRoot = (props) => {
+  const {
+    variant,
+    multiple,
+    size,
+    value: propValue,
+    onValueChange,
+    className,
+    dataAttrs,
+    ...rest
+  } = (0, import_get_component_props.getComponentProps)(props, import_accordion_root.AccordionRootPropsDefs, import_props.SizePropDef);
+  const [value, setValue] = (0, import_use_controllable_state.useControllableState)({
+    value: propValue,
+    defaultValue: propValue ?? null,
+    onChange: onValueChange
+  });
+  const validChildren = (0, import_filter_children.filterChildren)(props.children, ALLOWED_CHILDREN, {
+    parentDisplayName: AccordionRoot.displayName
+  });
+  const itemsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const itemValues = (0, import_react.useRef)([]);
+  const contextValue = (0, import_react.useMemo)(
+    () => ({
+      variant,
+      multiple,
+      value,
+      setValue,
+      onValueChange,
+      itemsRef,
+      itemValues
+    }),
+    [variant, multiple, value, setValue, onValueChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_accordion_context.AccordionContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_clsx.default)("accordion-root", className),
+      ...dataAttrs,
+      ...rest,
+      children: validChildren.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_accordion_item.AccordionItem,
+        {
+          value: child.props.value ?? String(index),
+          ...child.props,
+          children: child.props.children
+        },
+        index
+      ))
+    }
+  ) });
+};
+AccordionRoot.displayName = "Accordion";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccordionRoot
+});
+//# sourceMappingURL=accordion-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/root/accordion-root.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { FC, HTMLAttributes, ReactElement, useMemo, useRef } from \"react\";\nimport { SizeProp, SizePropDef } from \"../../../props\";\nimport {\n  filterChildren,\n  WithStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useControllableState } from \"../../../utils/use-controllable-state\";\nimport { AccordionContext } from \"../accordion-context\";\nimport { AccordionItem, AccordionItemProps } from \"../item/accordion-item\";\nimport {\n  AccordionRootInternalProps,\n  AccordionRootPropsDefs,\n} from \"./accordion-root.props\";\n\ninterface AllAccordionRootProps extends AccordionRootInternalProps, SizeProp {}\n\nconst ALLOWED_CHILDREN = [AccordionItem.displayName!];\n\n/**\n * A versatile Accordion component, managing state, context, and styling.\n */\ntype AccordionRootProps = AllAccordionRootProps &\n  WithStrictChildren<HTMLAttributes<HTMLDivElement>, AccordionItemProps>;\n\nconst AccordionRoot: FC<AccordionRootProps> = (props) => {\n  const {\n    variant,\n    multiple,\n    size,\n    value: propValue,\n    onValueChange,\n    className,\n    dataAttrs,\n    ...rest\n  } = getComponentProps(props, AccordionRootPropsDefs, SizePropDef);\n\n  const [value, setValue] = useControllableState({\n    value: propValue,\n    defaultValue: propValue ?? null,\n    onChange: onValueChange,\n  });\n\n  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {\n    parentDisplayName: AccordionRoot.displayName,\n  }) as ReactElement<{ value?: string; children?: React.ReactNode }>[];\n\n  const itemsRef = useRef<Map<string, HTMLDivElement>>(new Map());\n  const itemValues = useRef<string[]>([]);\n\n  const contextValue = useMemo(\n    () => ({\n      variant,\n      multiple,\n      value,\n      setValue,\n      onValueChange,\n      itemsRef,\n      itemValues,\n    }),\n    [variant, multiple, value, setValue, onValueChange],\n  );\n\n  return (\n    <AccordionContext.Provider value={contextValue}>\n      <div\n        className={clsx(\"accordion-root\", className)}\n        {...dataAttrs}\n        {...rest}\n      >\n        {validChildren.map((child, index) => (\n          <AccordionItem\n            key={index}\n            value={child.props.value ?? String(index)}\n            {...child.props}\n          >\n            {child.props.children}\n          </AccordionItem>\n        ))}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\nAccordionRoot.displayName = \"Accordion\";\n\nexport { AccordionRoot, AccordionRootProps, AllAccordionRootProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0EU;AAxEV,kBAAiB;AACjB,mBAAkE;AAClE,mBAAsC;AACtC,6BAGO;AACP,iCAAkC;AAClC,oCAAqC;AACrC,+BAAiC;AACjC,4BAAkD;AAClD,4BAGO;AAIP,MAAM,mBAAmB,CAAC,oCAAc,WAAY;AAQpD,MAAM,gBAAwC,CAAC,UAAU;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,QAAI,8CAAkB,OAAO,8CAAwB,wBAAW;AAEhE,QAAM,CAAC,OAAO,QAAQ,QAAI,oDAAqB;AAAA,IAC7C,OAAO;AAAA,IACP,cAAc,aAAa;AAAA,IAC3B,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,oBAAgB,uCAAe,MAAM,UAAU,kBAAkB;AAAA,IACrE,mBAAmB,cAAc;AAAA,EACnC,CAAC;AAED,QAAM,eAAW,qBAAoC,oBAAI,IAAI,CAAC;AAC9D,QAAM,iBAAa,qBAAiB,CAAC,CAAC;AAEtC,QAAM,mBAAe;AAAA,IACnB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,SAAS,UAAU,OAAO,UAAU,aAAa;AAAA,EACpD;AAEA,SACE,4CAAC,0CAAiB,UAAjB,EAA0B,OAAO,cAChC;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,YAAAA,SAAK,kBAAkB,SAAS;AAAA,MAC1C,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,wBAAc,IAAI,CAAC,OAAO,UACzB;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,MAAM,MAAM,SAAS,OAAO,KAAK;AAAA,UACvC,GAAG,MAAM;AAAA,UAET,gBAAM,MAAM;AAAA;AAAA,QAJR;AAAA,MAKP,CACD;AAAA;AAAA,EACH,GACF;AAEJ;AACA,cAAc,cAAc;","names":["clsx"]}

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

@@ -0,0 +1,72 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useMemo, useRef } from "react";
+import { SizePropDef } from "../../../props";
+import {
+  filterChildren
+} from "../../../utils/filter-children";
+import { getComponentProps } from "../../../utils/get-component-props";
+import { useControllableState } from "../../../utils/use-controllable-state";
+import { AccordionContext } from "../accordion-context";
+import { AccordionItem } from "../item/accordion-item";
+import {
+  AccordionRootPropsDefs
+} from "./accordion-root.props";
+const ALLOWED_CHILDREN = [AccordionItem.displayName];
+const AccordionRoot = (props) => {
+  const {
+    variant,
+    multiple,
+    size,
+    value: propValue,
+    onValueChange,
+    className,
+    dataAttrs,
+    ...rest
+  } = getComponentProps(props, AccordionRootPropsDefs, SizePropDef);
+  const [value, setValue] = useControllableState({
+    value: propValue,
+    defaultValue: propValue ?? null,
+    onChange: onValueChange
+  });
+  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {
+    parentDisplayName: AccordionRoot.displayName
+  });
+  const itemsRef = useRef(/* @__PURE__ */ new Map());
+  const itemValues = useRef([]);
+  const contextValue = useMemo(
+    () => ({
+      variant,
+      multiple,
+      value,
+      setValue,
+      onValueChange,
+      itemsRef,
+      itemValues
+    }),
+    [variant, multiple, value, setValue, onValueChange]
+  );
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx("accordion-root", className),
+      ...dataAttrs,
+      ...rest,
+      children: validChildren.map((child, index) => /* @__PURE__ */ jsx(
+        AccordionItem,
+        {
+          value: child.props.value ?? String(index),
+          ...child.props,
+          children: child.props.children
+        },
+        index
+      ))
+    }
+  ) });
+};
+AccordionRoot.displayName = "Accordion";
+export {
+  AccordionRoot
+};
+//# sourceMappingURL=accordion-root.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/root/accordion-root.tsx"],"sourcesContent":["\"use client\";\n\nimport clsx from \"clsx\";\nimport { FC, HTMLAttributes, ReactElement, useMemo, useRef } from \"react\";\nimport { SizeProp, SizePropDef } from \"../../../props\";\nimport {\n  filterChildren,\n  WithStrictChildren,\n} from \"../../../utils/filter-children\";\nimport { getComponentProps } from \"../../../utils/get-component-props\";\nimport { useControllableState } from \"../../../utils/use-controllable-state\";\nimport { AccordionContext } from \"../accordion-context\";\nimport { AccordionItem, AccordionItemProps } from \"../item/accordion-item\";\nimport {\n  AccordionRootInternalProps,\n  AccordionRootPropsDefs,\n} from \"./accordion-root.props\";\n\ninterface AllAccordionRootProps extends AccordionRootInternalProps, SizeProp {}\n\nconst ALLOWED_CHILDREN = [AccordionItem.displayName!];\n\n/**\n * A versatile Accordion component, managing state, context, and styling.\n */\ntype AccordionRootProps = AllAccordionRootProps &\n  WithStrictChildren<HTMLAttributes<HTMLDivElement>, AccordionItemProps>;\n\nconst AccordionRoot: FC<AccordionRootProps> = (props) => {\n  const {\n    variant,\n    multiple,\n    size,\n    value: propValue,\n    onValueChange,\n    className,\n    dataAttrs,\n    ...rest\n  } = getComponentProps(props, AccordionRootPropsDefs, SizePropDef);\n\n  const [value, setValue] = useControllableState({\n    value: propValue,\n    defaultValue: propValue ?? null,\n    onChange: onValueChange,\n  });\n\n  const validChildren = filterChildren(props.children, ALLOWED_CHILDREN, {\n    parentDisplayName: AccordionRoot.displayName,\n  }) as ReactElement<{ value?: string; children?: React.ReactNode }>[];\n\n  const itemsRef = useRef<Map<string, HTMLDivElement>>(new Map());\n  const itemValues = useRef<string[]>([]);\n\n  const contextValue = useMemo(\n    () => ({\n      variant,\n      multiple,\n      value,\n      setValue,\n      onValueChange,\n      itemsRef,\n      itemValues,\n    }),\n    [variant, multiple, value, setValue, onValueChange],\n  );\n\n  return (\n    <AccordionContext.Provider value={contextValue}>\n      <div\n        className={clsx(\"accordion-root\", className)}\n        {...dataAttrs}\n        {...rest}\n      >\n        {validChildren.map((child, index) => (\n          <AccordionItem\n            key={index}\n            value={child.props.value ?? String(index)}\n            {...child.props}\n          >\n            {child.props.children}\n          </AccordionItem>\n        ))}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\nAccordionRoot.displayName = \"Accordion\";\n\nexport { AccordionRoot, AccordionRootProps, AllAccordionRootProps };\n"],"mappings":";AA0EU;AAxEV,OAAO,UAAU;AACjB,SAA2C,SAAS,cAAc;AAClE,SAAmB,mBAAmB;AACtC;AAAA,EACE;AAAA,OAEK;AACP,SAAS,yBAAyB;AAClC,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,qBAAyC;AAClD;AAAA,EAEE;AAAA,OACK;AAIP,MAAM,mBAAmB,CAAC,cAAc,WAAY;AAQpD,MAAM,gBAAwC,CAAC,UAAU;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,kBAAkB,OAAO,wBAAwB,WAAW;AAEhE,QAAM,CAAC,OAAO,QAAQ,IAAI,qBAAqB;AAAA,IAC7C,OAAO;AAAA,IACP,cAAc,aAAa;AAAA,IAC3B,UAAU;AAAA,EACZ,CAAC;AAED,QAAM,gBAAgB,eAAe,MAAM,UAAU,kBAAkB;AAAA,IACrE,mBAAmB,cAAc;AAAA,EACnC,CAAC;AAED,QAAM,WAAW,OAAoC,oBAAI,IAAI,CAAC;AAC9D,QAAM,aAAa,OAAiB,CAAC,CAAC;AAEtC,QAAM,eAAe;AAAA,IACnB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,SAAS,UAAU,OAAO,UAAU,aAAa;AAAA,EACpD;AAEA,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,cAChC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,kBAAkB,SAAS;AAAA,MAC1C,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,wBAAc,IAAI,CAAC,OAAO,UACzB;AAAA,QAAC;AAAA;AAAA,UAEC,OAAO,MAAM,MAAM,SAAS,OAAO,KAAK;AAAA,UACvC,GAAG,MAAM;AAAA,UAET,gBAAM,MAAM;AAAA;AAAA,QAJR;AAAA,MAKP,CACD;AAAA;AAAA,EACH,GACF;AAEJ;AACA,cAAc,cAAc;","names":[]}

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

@@ -0,0 +1,30 @@
+import { GetPropDefTypes, ValueOrArrayPropDef, FunctionPropDef } from '../../../props/prop-def.mjs';
+
+declare const AccordionVariants: readonly ["solid", "outlined", "muted"];
+declare const AccordionRootPropsDefs: {
+    /**
+     * Sets the variant style of the accordion ("solid", "outlined", or "muted").
+     */
+    variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * Allows multiple accordion items to be expanded simultaneously when set to true.
+     */
+    multiple: {
+        type: "boolean";
+    };
+    /**
+     * The value of the accordion.
+     */
+    value: ValueOrArrayPropDef<string>;
+    /**
+     * Callback fired when the value of the accordion changes.
+     */
+    onValueChange: FunctionPropDef<(value: string | string[] | null) => void>;
+};
+type AccordionRootInternalProps = GetPropDefTypes<typeof AccordionRootPropsDefs>;
+
+export { type AccordionRootInternalProps, AccordionRootPropsDefs, AccordionVariants };

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

@@ -0,0 +1,30 @@
+import { GetPropDefTypes, ValueOrArrayPropDef, FunctionPropDef } from '../../../props/prop-def.js';
+
+declare const AccordionVariants: readonly ["solid", "outlined", "muted"];
+declare const AccordionRootPropsDefs: {
+    /**
+     * Sets the variant style of the accordion ("solid", "outlined", or "muted").
+     */
+    variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    /**
+     * Allows multiple accordion items to be expanded simultaneously when set to true.
+     */
+    multiple: {
+        type: "boolean";
+    };
+    /**
+     * The value of the accordion.
+     */
+    value: ValueOrArrayPropDef<string>;
+    /**
+     * Callback fired when the value of the accordion changes.
+     */
+    onValueChange: FunctionPropDef<(value: string | string[] | null) => void>;
+};
+type AccordionRootInternalProps = GetPropDefTypes<typeof AccordionRootPropsDefs>;
+
+export { type AccordionRootInternalProps, AccordionRootPropsDefs, AccordionVariants };

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

@@ -0,0 +1,59 @@
+"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_root_props_exports = {};
+__export(accordion_root_props_exports, {
+  AccordionRootPropsDefs: () => AccordionRootPropsDefs,
+  AccordionVariants: () => AccordionVariants
+});
+module.exports = __toCommonJS(accordion_root_props_exports);
+const AccordionVariants = ["solid", "outlined", "muted"];
+const AccordionRootPropsDefs = {
+  /**
+   * Sets the variant style of the accordion ("solid", "outlined", or "muted").
+   */
+  variant: {
+    type: "enum",
+    values: AccordionVariants,
+    dataAttr: "variant"
+  },
+  /**
+   * Allows multiple accordion items to be expanded simultaneously when set to true.
+   */
+  multiple: {
+    type: "boolean"
+  },
+  /**
+   * The value of the accordion.
+   */
+  value: {
+    type: "value | array"
+  },
+  /**
+   * Callback fired when the value of the accordion changes.
+   */
+  onValueChange: {
+    type: "function"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AccordionRootPropsDefs,
+  AccordionVariants
+});
+//# sourceMappingURL=accordion-root.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/root/accordion-root.props.ts"],"sourcesContent":["import {\n  FunctionPropDef,\n  GetPropDefTypes,\n  PropDef,\n  ValueOrArrayPropDef,\n} from \"../../../props/prop-def\";\n\nconst AccordionVariants = [\"solid\", \"outlined\", \"muted\"] as const;\n\nconst AccordionRootPropsDefs = {\n  /**\n   * Sets the variant style of the accordion (\"solid\", \"outlined\", or \"muted\").\n   */\n  variant: {\n    type: \"enum\",\n    values: AccordionVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof AccordionVariants)[number]>,\n\n  /**\n   * Allows multiple accordion items to be expanded simultaneously when set to true.\n   */\n  multiple: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * The value of the accordion.\n   */\n  value: {\n    type: \"value | array\",\n  } satisfies PropDef<string> as ValueOrArrayPropDef<string>,\n\n  /**\n   * Callback fired when the value of the accordion changes.\n   */\n  onValueChange: {\n    type: \"function\",\n  } satisfies FunctionPropDef<\n    (value: string | string[] | null) => void\n  > as FunctionPropDef<(value: string | string[] | null) => void>,\n};\n\ntype AccordionRootInternalProps = GetPropDefTypes<\n  typeof AccordionRootPropsDefs\n>;\n\nexport {\n  AccordionRootInternalProps,\n  AccordionRootPropsDefs,\n  AccordionVariants,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,MAAM,oBAAoB,CAAC,SAAS,YAAY,OAAO;AAEvD,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA,EAI7B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA,EAKA,eAAe;AAAA,IACb,MAAM;AAAA,EACR;AAGF;","names":[]}

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

@@ -0,0 +1,34 @@
+const AccordionVariants = ["solid", "outlined", "muted"];
+const AccordionRootPropsDefs = {
+  /**
+   * Sets the variant style of the accordion ("solid", "outlined", or "muted").
+   */
+  variant: {
+    type: "enum",
+    values: AccordionVariants,
+    dataAttr: "variant"
+  },
+  /**
+   * Allows multiple accordion items to be expanded simultaneously when set to true.
+   */
+  multiple: {
+    type: "boolean"
+  },
+  /**
+   * The value of the accordion.
+   */
+  value: {
+    type: "value | array"
+  },
+  /**
+   * Callback fired when the value of the accordion changes.
+   */
+  onValueChange: {
+    type: "function"
+  }
+};
+export {
+  AccordionRootPropsDefs,
+  AccordionVariants
+};
+//# sourceMappingURL=accordion-root.props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/accordion/root/accordion-root.props.ts"],"sourcesContent":["import {\n  FunctionPropDef,\n  GetPropDefTypes,\n  PropDef,\n  ValueOrArrayPropDef,\n} from \"../../../props/prop-def\";\n\nconst AccordionVariants = [\"solid\", \"outlined\", \"muted\"] as const;\n\nconst AccordionRootPropsDefs = {\n  /**\n   * Sets the variant style of the accordion (\"solid\", \"outlined\", or \"muted\").\n   */\n  variant: {\n    type: \"enum\",\n    values: AccordionVariants,\n    dataAttr: \"variant\",\n  } satisfies PropDef<(typeof AccordionVariants)[number]>,\n\n  /**\n   * Allows multiple accordion items to be expanded simultaneously when set to true.\n   */\n  multiple: {\n    type: \"boolean\",\n  } satisfies PropDef<boolean>,\n\n  /**\n   * The value of the accordion.\n   */\n  value: {\n    type: \"value | array\",\n  } satisfies PropDef<string> as ValueOrArrayPropDef<string>,\n\n  /**\n   * Callback fired when the value of the accordion changes.\n   */\n  onValueChange: {\n    type: \"function\",\n  } satisfies FunctionPropDef<\n    (value: string | string[] | null) => void\n  > as FunctionPropDef<(value: string | string[] | null) => void>,\n};\n\ntype AccordionRootInternalProps = GetPropDefTypes<\n  typeof AccordionRootPropsDefs\n>;\n\nexport {\n  AccordionRootInternalProps,\n  AccordionRootPropsDefs,\n  AccordionVariants,\n};\n"],"mappings":"AAOA,MAAM,oBAAoB,CAAC,SAAS,YAAY,OAAO;AAEvD,MAAM,yBAAyB;AAAA;AAAA;AAAA;AAAA,EAI7B,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACZ;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AAAA,IACR,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AAAA,IACL,MAAM;AAAA,EACR;AAAA;AAAA;AAAA;AAAA,EAKA,eAAe;AAAA,IACb,MAAM;AAAA,EACR;AAGF;","names":[]}

package/dist/components/badge/badge.d.mts

@@ -0,0 +1,15 @@
+import { ColorProp } from '../../props/color.prop.mjs';
+import { MarginProps } from '../../props/margin.prop.mjs';
+import { PaddingProps } from '../../props/padding.prop.mjs';
+import { RadiusProps } from '../../props/radius.prop.mjs';
+import { SizeProp } from '../../props/size.prop.mjs';
+import { BadgeRootInternalProps } from './badge.props.mjs';
+import '../../utils/parse-color.mjs';
+import '../../props/prop-def.mjs';
+
+interface AllBadgeRootProps extends BadgeRootInternalProps, ColorProp, MarginProps, PaddingProps, RadiusProps, SizeProp {
+}
+type BadgeRootProps = AllBadgeRootProps & React.HTMLAttributes<HTMLDivElement>;
+declare const Badge: React.FC<BadgeRootProps>;
+
+export { type AllBadgeRootProps, Badge, type BadgeRootProps };

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,15 @@
+import { ColorProp } from '../../props/color.prop.js';
+import { MarginProps } from '../../props/margin.prop.js';
+import { PaddingProps } from '../../props/padding.prop.js';
+import { RadiusProps } from '../../props/radius.prop.js';
+import { SizeProp } from '../../props/size.prop.js';
+import { BadgeRootInternalProps } from './badge.props.js';
+import '../../utils/parse-color.js';
+import '../../props/prop-def.js';
+
+interface AllBadgeRootProps extends BadgeRootInternalProps, ColorProp, MarginProps, PaddingProps, RadiusProps, SizeProp {
+}
+type BadgeRootProps = AllBadgeRootProps & React.HTMLAttributes<HTMLDivElement>;
+declare const Badge: React.FC<BadgeRootProps>;
+
+export { type AllBadgeRootProps, Badge, type BadgeRootProps };

package/dist/components/badge/badge.js

@@ -0,0 +1,64 @@
+"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 badge_exports = {};
+__export(badge_exports, {
+  Badge: () => Badge
+});
+module.exports = __toCommonJS(badge_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_props = require("../../props");
+var import_get_component_props = require("../../utils/get-component-props");
+var import_badge = require("./badge.props");
+const Badge = (props) => {
+  const { color, variant, className, dataAttrs, ...rest } = (0, import_get_component_props.getComponentProps)(
+    props,
+    import_badge.BadgeRootPropsDefs,
+    import_props.MarginPropDefs,
+    import_props.PaddingPropDefs,
+    import_props.RadiusPropDefs,
+    import_props.SizePropDef
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_clsx.default)("badge", className),
+      "data-color": color ?? true,
+      "data-variant": variant,
+      ...dataAttrs,
+      ...rest,
+      children: props.children
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Badge
+});
+//# sourceMappingURL=badge.js.map

package/dist/components/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/badge/badge.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  ColorProp,\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n  RadiusPropDefs,\n  RadiusProps,\n  SizeProp,\n  SizePropDef,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { BadgeRootInternalProps, BadgeRootPropsDefs } from \"./badge.props\";\n\ninterface AllBadgeRootProps\n  extends\n    BadgeRootInternalProps,\n    ColorProp,\n    MarginProps,\n    PaddingProps,\n    RadiusProps,\n    SizeProp {}\n\ntype BadgeRootProps = AllBadgeRootProps & React.HTMLAttributes<HTMLDivElement>;\n\nconst Badge: React.FC<BadgeRootProps> = (props) => {\n  const { color, variant, className, dataAttrs, ...rest } = getComponentProps(\n    props,\n    BadgeRootPropsDefs,\n    MarginPropDefs,\n    PaddingPropDefs,\n    RadiusPropDefs,\n    SizePropDef,\n  );\n\n  return (\n    <div\n      className={clsx(\"badge\", className)}\n      data-color={color ?? true}\n      data-variant={variant}\n      {...dataAttrs}\n      {...rest}\n    >\n      {props.children}\n    </div>\n  );\n};\n\nexport { AllBadgeRootProps, Badge, BadgeRootProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCI;AArCJ,kBAAiB;AACjB,mBAUO;AACP,iCAAkC;AAClC,mBAA2D;AAa3D,MAAM,QAAkC,CAAC,UAAU;AACjD,QAAM,EAAE,OAAO,SAAS,WAAW,WAAW,GAAG,KAAK,QAAI;AAAA,IACxD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,YAAAA,SAAK,SAAS,SAAS;AAAA,MAClC,cAAY,SAAS;AAAA,MACrB,gBAAc;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":["clsx"]}

package/dist/components/badge/badge.mjs

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  MarginPropDefs,
+  PaddingPropDefs,
+  RadiusPropDefs,
+  SizePropDef
+} from "../../props";
+import { getComponentProps } from "../../utils/get-component-props";
+import { BadgeRootPropsDefs } from "./badge.props";
+const Badge = (props) => {
+  const { color, variant, className, dataAttrs, ...rest } = getComponentProps(
+    props,
+    BadgeRootPropsDefs,
+    MarginPropDefs,
+    PaddingPropDefs,
+    RadiusPropDefs,
+    SizePropDef
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx("badge", className),
+      "data-color": color ?? true,
+      "data-variant": variant,
+      ...dataAttrs,
+      ...rest,
+      children: props.children
+    }
+  );
+};
+export {
+  Badge
+};
+//# sourceMappingURL=badge.mjs.map

package/dist/components/badge/badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/badge/badge.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  ColorProp,\n  MarginPropDefs,\n  MarginProps,\n  PaddingPropDefs,\n  PaddingProps,\n  RadiusPropDefs,\n  RadiusProps,\n  SizeProp,\n  SizePropDef,\n} from \"../../props\";\nimport { getComponentProps } from \"../../utils/get-component-props\";\nimport { BadgeRootInternalProps, BadgeRootPropsDefs } from \"./badge.props\";\n\ninterface AllBadgeRootProps\n  extends\n    BadgeRootInternalProps,\n    ColorProp,\n    MarginProps,\n    PaddingProps,\n    RadiusProps,\n    SizeProp {}\n\ntype BadgeRootProps = AllBadgeRootProps & React.HTMLAttributes<HTMLDivElement>;\n\nconst Badge: React.FC<BadgeRootProps> = (props) => {\n  const { color, variant, className, dataAttrs, ...rest } = getComponentProps(\n    props,\n    BadgeRootPropsDefs,\n    MarginPropDefs,\n    PaddingPropDefs,\n    RadiusPropDefs,\n    SizePropDef,\n  );\n\n  return (\n    <div\n      className={clsx(\"badge\", className)}\n      data-color={color ?? true}\n      data-variant={variant}\n      {...dataAttrs}\n      {...rest}\n    >\n      {props.children}\n    </div>\n  );\n};\n\nexport { AllBadgeRootProps, Badge, BadgeRootProps };\n"],"mappings":"AAqCI;AArCJ,OAAO,UAAU;AACjB;AAAA,EAEE;AAAA,EAEA;AAAA,EAEA;AAAA,EAGA;AAAA,OACK;AACP,SAAS,yBAAyB;AAClC,SAAiC,0BAA0B;AAa3D,MAAM,QAAkC,CAAC,UAAU;AACjD,QAAM,EAAE,OAAO,SAAS,WAAW,WAAW,GAAG,KAAK,IAAI;AAAA,IACxD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,SAAS,SAAS;AAAA,MAClC,cAAY,SAAS;AAAA,MACrB,gBAAc;AAAA,MACb,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,gBAAM;AAAA;AAAA,EACT;AAEJ;","names":[]}

package/dist/components/badge/badge.props.d.mts

@@ -0,0 +1,16 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+
+declare const BadgeVariants: readonly ["solid", "outlined", "muted", "clear"];
+declare const BadgeRootPropsDefs: {
+    /**
+     * Sets the variant style of the badge ("solid", "outlined", "muted", or "clear").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted", "clear"];
+        dataAttr: string;
+    };
+};
+type BadgeRootInternalProps = GetPropDefTypes<typeof BadgeRootPropsDefs>;
+
+export { type BadgeRootInternalProps, BadgeRootPropsDefs, BadgeVariants };

package/dist/components/badge/badge.props.d.ts

@@ -0,0 +1,16 @@
+import { GetPropDefTypes } from '../../props/prop-def.js';
+
+declare const BadgeVariants: readonly ["solid", "outlined", "muted", "clear"];
+declare const BadgeRootPropsDefs: {
+    /**
+     * Sets the variant style of the badge ("solid", "outlined", "muted", or "clear").
+     */
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted", "clear"];
+        dataAttr: string;
+    };
+};
+type BadgeRootInternalProps = GetPropDefTypes<typeof BadgeRootPropsDefs>;
+
+export { type BadgeRootInternalProps, BadgeRootPropsDefs, BadgeVariants };

package/dist/components/badge/badge.props.js

@@ -0,0 +1,41 @@
+"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 badge_props_exports = {};
+__export(badge_props_exports, {
+  BadgeRootPropsDefs: () => BadgeRootPropsDefs,
+  BadgeVariants: () => BadgeVariants
+});
+module.exports = __toCommonJS(badge_props_exports);
+const BadgeVariants = ["solid", "outlined", "muted", "clear"];
+const BadgeRootPropsDefs = {
+  /**
+   * Sets the variant style of the badge ("solid", "outlined", "muted", or "clear").
+   */
+  variant: {
+    type: "enum",
+    values: BadgeVariants,
+    dataAttr: "variant"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BadgeRootPropsDefs,
+  BadgeVariants
+});
+//# sourceMappingURL=badge.props.js.map