@locus-ui/components 0.0.15 → 0.1.0

package/dist/components/flex/flex.props.js

@@ -0,0 +1,98 @@
+"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 flex_props_exports = {};
+__export(flex_props_exports, {
+  FlexPropsDefs: () => FlexPropsDefs
+});
+module.exports = __toCommonJS(flex_props_exports);
+const FlexGapValues = ["0", "1", "2", "3", "4", "5", "6", "8"];
+const FlexDirectionValues = [
+  "row",
+  "row-reverse",
+  "column",
+  "column-reverse"
+];
+const FlexJustifyValues = [
+  "start",
+  "end",
+  "center",
+  "between",
+  "around",
+  "evenly"
+];
+const FlexAlignValues = [
+  "start",
+  "end",
+  "center",
+  "stretch",
+  "baseline"
+];
+const FlexWrapValues = ["nowrap", "wrap", "wrap-reverse"];
+const FlexPropsDefs = {
+  /**
+   * Sets the gap between flex items.
+   */
+  gap: {
+    type: "enum | string",
+    values: FlexGapValues,
+    dataAttr: "gap",
+    responsive: true
+  },
+  /**
+   * Sets the justification of flex items along the main axis.
+   */
+  justify: {
+    type: "enum",
+    values: FlexJustifyValues,
+    dataAttr: "justify",
+    responsive: true
+  },
+  /**
+   * Sets the direction of flex items.
+   */
+  direction: {
+    type: "enum",
+    values: FlexDirectionValues,
+    dataAttr: "direction",
+    responsive: true
+  },
+  /**
+   * Sets the alignment of flex items along the cross axis.
+   */
+  align: {
+    type: "enum",
+    values: FlexAlignValues,
+    dataAttr: "align",
+    responsive: true
+  },
+  /**
+   * Sets the wrapping behavior of flex items.
+   */
+  wrap: {
+    type: "enum",
+    values: FlexWrapValues,
+    dataAttr: "wrap",
+    responsive: true
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FlexPropsDefs
+});
+//# sourceMappingURL=flex.props.js.map

package/dist/components/flex/flex.props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/flex/flex.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../props/prop-def\";\n\nconst FlexGapValues = [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"8\"] as const;\n\nconst FlexDirectionValues = [\n  \"row\",\n  \"row-reverse\",\n  \"column\",\n  \"column-reverse\",\n] as const;\n\nconst FlexJustifyValues = [\n  \"start\",\n  \"end\",\n  \"center\",\n  \"between\",\n  \"around\",\n  \"evenly\",\n] as const;\n\nconst FlexAlignValues = [\n  \"start\",\n  \"end\",\n  \"center\",\n  \"stretch\",\n  \"baseline\",\n] as const;\n\nconst FlexWrapValues = [\"nowrap\", \"wrap\", \"wrap-reverse\"] as const;\n\nconst FlexPropsDefs = {\n  /**\n   * Sets the gap between flex items.\n   */\n  gap: {\n    type: \"enum | string\",\n    values: FlexGapValues,\n    dataAttr: \"gap\",\n    responsive: true,\n  } satisfies PropDef<(typeof FlexGapValues)[number] | string>,\n\n  /**\n   * Sets the justification of flex items along the main axis.\n   */\n  justify: {\n    type: \"enum\",\n    values: FlexJustifyValues,\n    dataAttr: \"justify\",\n    responsive: true,\n  } satisfies PropDef<(typeof FlexJustifyValues)[number]>,\n\n  /**\n   * Sets the direction of flex items.\n   */\n  direction: {\n    type: \"enum\",\n    values: FlexDirectionValues,\n    dataAttr: \"direction\",\n    responsive: true,\n  } satisfies PropDef<(typeof FlexDirectionValues)[number]>,\n\n  /**\n   * Sets the alignment of flex items along the cross axis.\n   */\n  align: {\n    type: \"enum\",\n    values: FlexAlignValues,\n    dataAttr: \"align\",\n    responsive: true,\n  } satisfies PropDef<(typeof FlexAlignValues)[number]>,\n\n  /**\n   * Sets the wrapping behavior of flex items.\n   */\n  wrap: {\n    type: \"enum\",\n    values: FlexWrapValues,\n    dataAttr: \"wrap\",\n    responsive: true,\n  } satisfies PropDef<(typeof FlexWrapValues)[number]>,\n} as const;\n\ntype FlexInternalProps = GetPropDefTypes<typeof FlexPropsDefs>;\n\nexport { FlexInternalProps, FlexPropsDefs };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,gBAAgB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAE7D,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,kBAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB,CAAC,UAAU,QAAQ,cAAc;AAExD,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA,EAIpB,KAAK;AAAA,IACH,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AACF;","names":[]}

package/dist/components/flex/flex.props.mjs

@@ -0,0 +1,74 @@
+const FlexGapValues = ["0", "1", "2", "3", "4", "5", "6", "8"];
+const FlexDirectionValues = [
+  "row",
+  "row-reverse",
+  "column",
+  "column-reverse"
+];
+const FlexJustifyValues = [
+  "start",
+  "end",
+  "center",
+  "between",
+  "around",
+  "evenly"
+];
+const FlexAlignValues = [
+  "start",
+  "end",
+  "center",
+  "stretch",
+  "baseline"
+];
+const FlexWrapValues = ["nowrap", "wrap", "wrap-reverse"];
+const FlexPropsDefs = {
+  /**
+   * Sets the gap between flex items.
+   */
+  gap: {
+    type: "enum | string",
+    values: FlexGapValues,
+    dataAttr: "gap",
+    responsive: true
+  },
+  /**
+   * Sets the justification of flex items along the main axis.
+   */
+  justify: {
+    type: "enum",
+    values: FlexJustifyValues,
+    dataAttr: "justify",
+    responsive: true
+  },
+  /**
+   * Sets the direction of flex items.
+   */
+  direction: {
+    type: "enum",
+    values: FlexDirectionValues,
+    dataAttr: "direction",
+    responsive: true
+  },
+  /**
+   * Sets the alignment of flex items along the cross axis.
+   */
+  align: {
+    type: "enum",
+    values: FlexAlignValues,
+    dataAttr: "align",
+    responsive: true
+  },
+  /**
+   * Sets the wrapping behavior of flex items.
+   */
+  wrap: {
+    type: "enum",
+    values: FlexWrapValues,
+    dataAttr: "wrap",
+    responsive: true
+  }
+};
+export {
+  FlexPropsDefs
+};
+//# sourceMappingURL=flex.props.mjs.map

package/dist/components/flex/flex.props.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/flex/flex.props.ts"],"sourcesContent":["import { GetPropDefTypes, PropDef } from \"../../props/prop-def\";\n\nconst FlexGapValues = [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"8\"] as const;\n\nconst FlexDirectionValues = [\n  \"row\",\n  \"row-reverse\",\n  \"column\",\n  \"column-reverse\",\n] as const;\n\nconst FlexJustifyValues = [\n  \"start\",\n  \"end\",\n  \"center\",\n  \"between\",\n  \"around\",\n  \"evenly\",\n] as const;\n\nconst FlexAlignValues = [\n  \"start\",\n  \"end\",\n  \"center\",\n  \"stretch\",\n  \"baseline\",\n] as const;\n\nconst FlexWrapValues = [\"nowrap\", \"wrap\", \"wrap-reverse\"] as const;\n\nconst FlexPropsDefs = {\n  /**\n   * Sets the gap between flex items.\n   */\n  gap: {\n    type: \"enum | string\",\n    values: FlexGapValues,\n    dataAttr: \"gap\",\n    responsive: true,\n  } satisfies PropDef<(typeof FlexGapValues)[number] | string>,\n\n  /**\n   * Sets the justification of flex items along the main axis.\n   */\n  justify: {\n    type: \"enum\",\n    values: FlexJustifyValues,\n    dataAttr: \"justify\",\n    responsive: true,\n  } satisfies PropDef<(typeof FlexJustifyValues)[number]>,\n\n  /**\n   * Sets the direction of flex items.\n   */\n  direction: {\n    type: \"enum\",\n    values: FlexDirectionValues,\n    dataAttr: \"direction\",\n    responsive: true,\n  } satisfies PropDef<(typeof FlexDirectionValues)[number]>,\n\n  /**\n   * Sets the alignment of flex items along the cross axis.\n   */\n  align: {\n    type: \"enum\",\n    values: FlexAlignValues,\n    dataAttr: \"align\",\n    responsive: true,\n  } satisfies PropDef<(typeof FlexAlignValues)[number]>,\n\n  /**\n   * Sets the wrapping behavior of flex items.\n   */\n  wrap: {\n    type: \"enum\",\n    values: FlexWrapValues,\n    dataAttr: \"wrap\",\n    responsive: true,\n  } satisfies PropDef<(typeof FlexWrapValues)[number]>,\n} as const;\n\ntype FlexInternalProps = GetPropDefTypes<typeof FlexPropsDefs>;\n\nexport { FlexInternalProps, FlexPropsDefs };\n"],"mappings":"AAEA,MAAM,gBAAgB,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAE7D,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,kBAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAAiB,CAAC,UAAU,QAAQ,cAAc;AAExD,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA,EAIpB,KAAK;AAAA,IACH,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AACF;","names":[]}

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

@@ -0,0 +1,6 @@
+export { Flex } from './flex.mjs';
+import '../../props/prop-def.mjs';
+import '../../props/margin.prop.mjs';
+import '../../props/padding.prop.mjs';
+import '../../props/spacing.prop.mjs';
+import 'react';

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

@@ -0,0 +1,6 @@
+export { Flex } from './flex.js';
+import '../../props/prop-def.js';
+import '../../props/margin.prop.js';
+import '../../props/padding.prop.js';
+import '../../props/spacing.prop.js';
+import 'react';

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

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

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

package/dist/components/flex/index.mjs

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

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

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

package/dist/components/index.d.mts

@@ -0,0 +1,81 @@
+export { Accordion } from './accordion/accordion.mjs';
+export { Badge } from './badge/badge.mjs';
+export { Box } from './box/box.mjs';
+export { Button } from './button/button.mjs';
+export { Checkbox } from './checkbox/checkbox.mjs';
+export { Container } from './container/container.mjs';
+export { Flex } from './flex/flex.mjs';
+export { Panel } from './panel/panel.mjs';
+export { Portal } from './portal/portal.mjs';
+export { ProgressBar } from './progress-bar/progress-bar.mjs';
+export { Select } from './select/select.mjs';
+export { Separator } from './separator/separator.mjs';
+export { Switch } from './switch/switch.mjs';
+export { Text } from './text/text.mjs';
+export { Theme } from './theme/theme.mjs';
+export { ThemeAppearance, ThemeRadius, ThemeRoundness, ThemeSpacing, useTheme } from './theme/theme-context.mjs';
+export { ThemeControl } from './theme/theme-control.mjs';
+import './accordion/content/accordion-content.mjs';
+import 'react';
+import '../props/padding.prop.mjs';
+import '../props/prop-def.mjs';
+import './accordion/content/accordion-content.props.mjs';
+import './accordion/header/accordion-header.mjs';
+import './accordion/header/accordion-header.props.mjs';
+import './accordion/item/accordion-item.mjs';
+import './accordion/item/accordion-item.props.mjs';
+import './accordion/root/accordion-root.mjs';
+import '../props/size.prop.mjs';
+import '../utils/filter-children.mjs';
+import './accordion/root/accordion-root.props.mjs';
+import '../props/color.prop.mjs';
+import '../utils/parse-color.mjs';
+import '../props/margin.prop.mjs';
+import '../props/radius.prop.mjs';
+import './badge/badge.props.mjs';
+import '../props/roundness.prop.mjs';
+import '../props/spacing.prop.mjs';
+import './button/button.props.mjs';
+import './checkbox/indicator/checkbox-indicator.mjs';
+import './checkbox/indicator/checkbox-indicator.props.mjs';
+import './checkbox/label/checkbox-label.mjs';
+import './checkbox/label/checkbox-label.props.mjs';
+import './checkbox/root/checkbox-root.mjs';
+import '../props/align.prop.mjs';
+import './checkbox/root/checkbox-root.props.mjs';
+import '../utils/get-props.mjs';
+import './container/container.props.mjs';
+import './portal/backdrop/portal-backdrop.mjs';
+import './portal/backdrop/portal-backdrop.props.mjs';
+import './portal/content/portal-content.mjs';
+import './portal/content/portal-content.props.mjs';
+import './portal/trigger/portal-trigger.mjs';
+import './portal/root/portal-root.mjs';
+import './portal/root/portal-root.props.mjs';
+import './progress-bar/fill/progress-bar-fill.mjs';
+import './progress-bar/fill/progress-bar-fill.props.mjs';
+import './progress-bar/root/progress-bar-root.mjs';
+import './progress-bar/root/progress-bar-root.props.mjs';
+import './select/separator/select-separator.mjs';
+import './select/item/select-item.mjs';
+import './select/item/select-item.props.mjs';
+import './select/label/select-label.mjs';
+import './select/label/select-label.props.mjs';
+import './select/group/select-group.mjs';
+import './select/group/select-group.props.mjs';
+import './select/viewport/select-viewport.mjs';
+import './select/content/select-content.mjs';
+import './select/content/select-content.props.mjs';
+import './select/trigger/select-trigger.mjs';
+import './select/trigger/select-trigger.props.mjs';
+import './select/root/select-root.mjs';
+import './select/root/select-root.props.mjs';
+import './separator/separator.props.mjs';
+import './switch/indicator/switch-indicator.mjs';
+import './switch/indicator/switch-indicator.props.mjs';
+import './switch/label/switch-label.mjs';
+import './switch/label/switch-label.props.mjs';
+import './switch/root/switch-root.mjs';
+import './switch/root/switch-root.props.mjs';
+import './theme/theme.props.mjs';
+import 'react/jsx-runtime';

package/dist/components/index.d.ts

@@ -0,0 +1,81 @@
+export { Accordion } from './accordion/accordion.js';
+export { Badge } from './badge/badge.js';
+export { Box } from './box/box.js';
+export { Button } from './button/button.js';
+export { Checkbox } from './checkbox/checkbox.js';
+export { Container } from './container/container.js';
+export { Flex } from './flex/flex.js';
+export { Panel } from './panel/panel.js';
+export { Portal } from './portal/portal.js';
+export { ProgressBar } from './progress-bar/progress-bar.js';
+export { Select } from './select/select.js';
+export { Separator } from './separator/separator.js';
+export { Switch } from './switch/switch.js';
+export { Text } from './text/text.js';
+export { Theme } from './theme/theme.js';
+export { ThemeAppearance, ThemeRadius, ThemeRoundness, ThemeSpacing, useTheme } from './theme/theme-context.js';
+export { ThemeControl } from './theme/theme-control.js';
+import './accordion/content/accordion-content.js';
+import 'react';
+import '../props/padding.prop.js';
+import '../props/prop-def.js';
+import './accordion/content/accordion-content.props.js';
+import './accordion/header/accordion-header.js';
+import './accordion/header/accordion-header.props.js';
+import './accordion/item/accordion-item.js';
+import './accordion/item/accordion-item.props.js';
+import './accordion/root/accordion-root.js';
+import '../props/size.prop.js';
+import '../utils/filter-children.js';
+import './accordion/root/accordion-root.props.js';
+import '../props/color.prop.js';
+import '../utils/parse-color.js';
+import '../props/margin.prop.js';
+import '../props/radius.prop.js';
+import './badge/badge.props.js';
+import '../props/roundness.prop.js';
+import '../props/spacing.prop.js';
+import './button/button.props.js';
+import './checkbox/indicator/checkbox-indicator.js';
+import './checkbox/indicator/checkbox-indicator.props.js';
+import './checkbox/label/checkbox-label.js';
+import './checkbox/label/checkbox-label.props.js';
+import './checkbox/root/checkbox-root.js';
+import '../props/align.prop.js';
+import './checkbox/root/checkbox-root.props.js';
+import '../utils/get-props.js';
+import './container/container.props.js';
+import './portal/backdrop/portal-backdrop.js';
+import './portal/backdrop/portal-backdrop.props.js';
+import './portal/content/portal-content.js';
+import './portal/content/portal-content.props.js';
+import './portal/trigger/portal-trigger.js';
+import './portal/root/portal-root.js';
+import './portal/root/portal-root.props.js';
+import './progress-bar/fill/progress-bar-fill.js';
+import './progress-bar/fill/progress-bar-fill.props.js';
+import './progress-bar/root/progress-bar-root.js';
+import './progress-bar/root/progress-bar-root.props.js';
+import './select/separator/select-separator.js';
+import './select/item/select-item.js';
+import './select/item/select-item.props.js';
+import './select/label/select-label.js';
+import './select/label/select-label.props.js';
+import './select/group/select-group.js';
+import './select/group/select-group.props.js';
+import './select/viewport/select-viewport.js';
+import './select/content/select-content.js';
+import './select/content/select-content.props.js';
+import './select/trigger/select-trigger.js';
+import './select/trigger/select-trigger.props.js';
+import './select/root/select-root.js';
+import './select/root/select-root.props.js';
+import './separator/separator.props.js';
+import './switch/indicator/switch-indicator.js';
+import './switch/indicator/switch-indicator.props.js';
+import './switch/label/switch-label.js';
+import './switch/label/switch-label.props.js';
+import './switch/root/switch-root.js';
+import './switch/root/switch-root.props.js';
+import './theme/theme.props.js';
+import 'react/jsx-runtime';

package/dist/components/index.js

@@ -0,0 +1,75 @@
+"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 components_exports = {};
+__export(components_exports, {
+  Accordion: () => import_accordion.Accordion,
+  Badge: () => import_badge.Badge,
+  Box: () => import_box.Box,
+  Button: () => import_button.Button,
+  Checkbox: () => import_checkbox.Checkbox,
+  Container: () => import_container.Container,
+  Flex: () => import_flex.Flex,
+  Panel: () => import_panel.Panel,
+  Portal: () => import_portal.Portal,
+  ProgressBar: () => import_progress_bar.ProgressBar,
+  Select: () => import_select.Select,
+  Separator: () => import_separator.Separator,
+  Switch: () => import_switch.Switch,
+  Text: () => import_text.Text,
+  Theme: () => import_theme.Theme,
+  ThemeControl: () => import_theme.ThemeControl,
+  useTheme: () => import_theme.useTheme
+});
+module.exports = __toCommonJS(components_exports);
+var import_accordion = require("./accordion");
+var import_badge = require("./badge");
+var import_box = require("./box");
+var import_button = require("./button");
+var import_checkbox = require("./checkbox");
+var import_container = require("./container");
+var import_flex = require("./flex");
+var import_panel = require("./panel");
+var import_portal = require("./portal");
+var import_progress_bar = require("./progress-bar");
+var import_select = require("./select");
+var import_separator = require("./separator");
+var import_switch = require("./switch");
+var import_text = require("./text");
+var import_theme = require("./theme");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  Badge,
+  Box,
+  Button,
+  Checkbox,
+  Container,
+  Flex,
+  Panel,
+  Portal,
+  ProgressBar,
+  Select,
+  Separator,
+  Switch,
+  Text,
+  Theme,
+  ThemeControl,
+  useTheme
+});
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export { Accordion } from \"./accordion\";\nexport { Badge } from \"./badge\";\nexport { Box } from \"./box\";\nexport { Button } from \"./button\";\nexport { Checkbox } from \"./checkbox\";\nexport { Container } from \"./container\";\nexport { Flex } from \"./flex\";\nexport { Panel } from \"./panel\";\nexport { Portal } from \"./portal\";\nexport { ProgressBar } from \"./progress-bar\";\nexport { Select } from \"./select\";\nexport { Separator } from \"./separator\";\nexport { Switch } from \"./switch\";\nexport { Text } from \"./text\";\nexport { Theme, ThemeControl, useTheme } from \"./theme\";\nexport type {\n  ThemeAppearance,\n  ThemeRadius,\n  ThemeRoundness,\n  ThemeSpacing,\n} from \"./theme\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0B;AAC1B,mBAAsB;AACtB,iBAAoB;AACpB,oBAAuB;AACvB,sBAAyB;AACzB,uBAA0B;AAC1B,kBAAqB;AACrB,mBAAsB;AACtB,oBAAuB;AACvB,0BAA4B;AAC5B,oBAAuB;AACvB,uBAA0B;AAC1B,oBAAuB;AACvB,kBAAqB;AACrB,mBAA8C;","names":[]}

package/dist/components/index.mjs

@@ -0,0 +1,35 @@
+import { Accordion } from "./accordion";
+import { Badge } from "./badge";
+import { Box } from "./box";
+import { Button } from "./button";
+import { Checkbox } from "./checkbox";
+import { Container } from "./container";
+import { Flex } from "./flex";
+import { Panel } from "./panel";
+import { Portal } from "./portal";
+import { ProgressBar } from "./progress-bar";
+import { Select } from "./select";
+import { Separator } from "./separator";
+import { Switch } from "./switch";
+import { Text } from "./text";
+import { Theme, ThemeControl, useTheme } from "./theme";
+export {
+  Accordion,
+  Badge,
+  Box,
+  Button,
+  Checkbox,
+  Container,
+  Flex,
+  Panel,
+  Portal,
+  ProgressBar,
+  Select,
+  Separator,
+  Switch,
+  Text,
+  Theme,
+  ThemeControl,
+  useTheme
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export { Accordion } from \"./accordion\";\nexport { Badge } from \"./badge\";\nexport { Box } from \"./box\";\nexport { Button } from \"./button\";\nexport { Checkbox } from \"./checkbox\";\nexport { Container } from \"./container\";\nexport { Flex } from \"./flex\";\nexport { Panel } from \"./panel\";\nexport { Portal } from \"./portal\";\nexport { ProgressBar } from \"./progress-bar\";\nexport { Select } from \"./select\";\nexport { Separator } from \"./separator\";\nexport { Switch } from \"./switch\";\nexport { Text } from \"./text\";\nexport { Theme, ThemeControl, useTheme } from \"./theme\";\nexport type {\n  ThemeAppearance,\n  ThemeRadius,\n  ThemeRoundness,\n  ThemeSpacing,\n} from \"./theme\";\n"],"mappings":"AAAA,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,WAAW;AACpB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,OAAO,cAAc,gBAAgB;","names":[]}

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

@@ -0,0 +1,10 @@
+export { Panel } from './panel.mjs';
+import '../../props/prop-def.mjs';
+import '../../props/color.prop.mjs';
+import '../../utils/parse-color.mjs';
+import '../../props/margin.prop.mjs';
+import '../../props/padding.prop.mjs';
+import '../../props/radius.prop.mjs';
+import '../../props/roundness.prop.mjs';
+import '../../props/spacing.prop.mjs';
+import 'react';

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

@@ -0,0 +1,10 @@
+export { Panel } from './panel.js';
+import '../../props/prop-def.js';
+import '../../props/color.prop.js';
+import '../../utils/parse-color.js';
+import '../../props/margin.prop.js';
+import '../../props/padding.prop.js';
+import '../../props/radius.prop.js';
+import '../../props/roundness.prop.js';
+import '../../props/spacing.prop.js';
+import 'react';

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

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

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

package/dist/components/panel/index.mjs

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

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

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

package/dist/components/panel/panel.d.mts

@@ -0,0 +1,29 @@
+import { GetPropDefTypes } from '../../props/prop-def.mjs';
+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 { RoundnessProp } from '../../props/roundness.prop.mjs';
+import { SpacingProp } from '../../props/spacing.prop.mjs';
+import * as React from 'react';
+import '../../utils/parse-color.mjs';
+
+interface PanelExternalProps extends MarginProps, PaddingProps, SpacingProp, RadiusProps, RoundnessProp, ColorProp {
+}
+/**
+ * A versatile container used to provide layout and styling capabilities.
+ */
+declare const Panel: React.ForwardRefExoticComponent<GetPropDefTypes<{
+    readonly variant: {
+        type: "enum";
+        values: readonly ["solid", "outlined", "muted"];
+        dataAttr: string;
+    };
+    readonly blur: {
+        type: "string";
+        default: string;
+        cssProperty: string;
+    };
+}> & PanelExternalProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Panel };