@klodd/kommers-ds 0.1.0

package/dist/cjs/components/popover/popover.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = void 0;
+const tslib_1 = require("tslib");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+/**
+ * This component is based on the [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover) primitves.
+ */
+const Root = (props) => {
+    return React.createElement(radix_ui_1.Popover.Root, { ...props });
+};
+Root.displayName = "Popover";
+const Trigger = React.forwardRef((props, ref) => {
+    return React.createElement(radix_ui_1.Popover.Trigger, { ref: ref, ...props });
+});
+Trigger.displayName = "Popover.Trigger";
+const Anchor = React.forwardRef((props, ref) => {
+    return React.createElement(radix_ui_1.Popover.Anchor, { ref: ref, ...props });
+});
+Anchor.displayName = "Popover.Anchor";
+const Close = React.forwardRef((props, ref) => {
+    return React.createElement(radix_ui_1.Popover.Close, { ref: ref, ...props });
+});
+Close.displayName = "Popover.Close";
+/**
+ * @excludeExternal
+ */
+const Content = React.forwardRef(({ className, 
+/**
+ * The distance in pixels from the anchor.
+ */
+sideOffset = 8, 
+/**
+ * The preferred side of the anchor to render against when open.
+ * Will be reversed when collisions occur and `avoidCollisions` is enabled.
+ */
+side = "bottom", 
+/**
+ * The preferred alignment against the anchor. May change when collisions occur.
+ */
+align = "start", collisionPadding, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Popover.Portal, null,
+        React.createElement(radix_ui_1.Popover.Content, { ref: ref, sideOffset: sideOffset, side: side, align: align, collisionPadding: collisionPadding, className: (0, clx_1.clx)("bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
+});
+Content.displayName = "Popover.Content";
+const Seperator = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: (0, clx_1.clx)("bg-ui-border-base -mx-1 my-1 h-px", className), ...props }));
+});
+Seperator.displayName = "Popover.Seperator";
+const Popover = Object.assign(Root, {
+    Trigger,
+    Anchor,
+    Close,
+    Content,
+    Seperator,
+});
+exports.Popover = Popover;
+//# sourceMappingURL=popover.js.map

package/dist/cjs/components/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":";;;;AAAA,uCAAkD;AAClD,qDAA8B;AAE9B,qCAAiC;AAEjC;;GAEG;AACH,MAAM,IAAI,GAAG,CACX,KAA+D,EAC/D,EAAE;IACF,OAAO,oBAAC,kBAAY,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACzC,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,SAAS,CAAA;AAE5B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,kBAAY,CAAC,OAAO,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACtD,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,kBAAY,CAAC,MAAM,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACrD,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAErC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,OAAO,oBAAC,kBAAY,CAAC,KAAK,IAAC,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAA;AACpD,CAAC,CAAC,CAAA;AACF,KAAK,CAAC,WAAW,GAAG,eAAe,CAAA;AAKnC;;GAEG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAI9B,CACE,EACE,SAAS;AACT;;GAEG;AACH,UAAU,GAAG,CAAC;AACd;;;GAGG;AACH,IAAI,GAAG,QAAQ;AACf;;GAEG;AACH,KAAK,GAAG,OAAO,EACf,gBAAgB,EAChB,GAAG,KAAK,EACK,EACf,GAAG,EACH,EAAE;IACF,OAAO,CACL,oBAAC,kBAAY,CAAC,MAAM;QAClB,oBAAC,kBAAY,CAAC,OAAO,IACnB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,IAAA,SAAG,EACZ,iJAAiJ,EACjJ,kVAAkV,EAClV,SAAS,CACV,KACG,KAAK,GACT,CACkB,CACvB,CAAA;AACH,CAAC,CACF,CAAA;AACD,OAAO,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAEvC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,mCAAmC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,SAAS,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAE3C,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAClC,OAAO;IACP,MAAM;IACN,KAAK;IACL,OAAO;IACP,SAAS;CACV,CAAC,CAAA;AAEO,0BAAO","sourcesContent":["import { Popover as RadixPopover } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Popover](https://www.radix-ui.com/primitives/docs/components/popover) primitves.\n */\nconst Root = (\n  props: React.ComponentPropsWithoutRef<typeof RadixPopover.Root>\n) => {\n  return <RadixPopover.Root {...props} />\n}\nRoot.displayName = \"Popover\"\n\nconst Trigger = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Trigger>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Trigger>\n>((props, ref) => {\n  return <RadixPopover.Trigger ref={ref} {...props} />\n})\nTrigger.displayName = \"Popover.Trigger\"\n\nconst Anchor = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Anchor>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Anchor>\n>((props, ref) => {\n  return <RadixPopover.Anchor ref={ref} {...props} />\n})\nAnchor.displayName = \"Popover.Anchor\"\n\nconst Close = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Close>,\n  React.ComponentPropsWithoutRef<typeof RadixPopover.Close>\n>((props, ref) => {\n  return <RadixPopover.Close ref={ref} {...props} />\n})\nClose.displayName = \"Popover.Close\"\n\ninterface ContentProps\n  extends React.ComponentPropsWithoutRef<typeof RadixPopover.Content> {}\n\n/**\n * @excludeExternal\n */\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixPopover.Content>,\n  ContentProps\n>(\n  (\n    {\n      className,\n      /**\n       * The distance in pixels from the anchor.\n       */\n      sideOffset = 8,\n      /**\n       * The preferred side of the anchor to render against when open.\n       * Will be reversed when collisions occur and `avoidCollisions` is enabled.\n       */\n      side = \"bottom\",\n      /**\n       * The preferred alignment against the anchor. May change when collisions occur.\n       */\n      align = \"start\",\n      collisionPadding,\n      ...props\n    }: ContentProps,\n    ref\n  ) => {\n    return (\n      <RadixPopover.Portal>\n        <RadixPopover.Content\n          ref={ref}\n          sideOffset={sideOffset}\n          side={side}\n          align={align}\n          collisionPadding={collisionPadding}\n          className={clx(\n            \"bg-ui-bg-base text-ui-fg-base shadow-elevation-flyout max-h-[var(--radix-popper-available-height)] min-w-[220px] overflow-hidden rounded-lg p-1\",\n            \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n            className\n          )}\n          {...props}\n        />\n      </RadixPopover.Portal>\n    )\n  }\n)\nContent.displayName = \"Popover.Content\"\n\nconst Seperator = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={clx(\"bg-ui-border-base -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n})\nSeperator.displayName = \"Popover.Seperator\"\n\nconst Popover = Object.assign(Root, {\n  Trigger,\n  Anchor,\n  Close,\n  Content,\n  Seperator,\n})\n\nexport { Popover }\n"]}

package/dist/cjs/components/progress-accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./progress-accordion";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/progress-accordion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/cjs/components/progress-accordion/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./progress-accordion"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/progress-accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progress-accordion/index.ts"],"names":[],"mappings":";;;AAAA,+DAAoC","sourcesContent":["export * from \"./progress-accordion\"\n"]}

package/dist/cjs/components/progress-accordion/progress-accordion.d.ts

@@ -0,0 +1,16 @@
+import { Accordion as RadixAccordion } from "radix-ui";
+import * as React from "react";
+import { ProgressStatus } from "../../types";
+interface HeaderProps extends React.ComponentPropsWithoutRef<typeof RadixAccordion.Header> {
+    status?: ProgressStatus;
+}
+declare const ProgressAccordion: {
+    (props: React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>): React.JSX.Element;
+    displayName: string;
+} & {
+    Item: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLHeadingElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixAccordion.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { ProgressAccordion };
+//# sourceMappingURL=progress-accordion.d.ts.map

package/dist/cjs/components/progress-accordion/progress-accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,UAAU,CAAA;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AA6BxC,UAAU,WACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC;IACpE,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AA6FD,QAAA,MAAM,iBAAiB;YAtHF,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC;;;;;;CA0H7E,CAAA;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/cjs/components/progress-accordion/progress-accordion.js

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressAccordion = void 0;
+const tslib_1 = require("tslib");
+const kommers_icons_1 = require("@klodd/kommers-icons");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+const icon_button_1 = require("../icon-button");
+/**
+ * This component is based on the [Radix UI Accordion](https://radix-ui.com/primitives/docs/components/accordion) primitves.
+ */
+const Root = (props) => {
+    return React.createElement(radix_ui_1.Accordion.Root, { ...props });
+};
+Root.displayName = "ProgressAccordion";
+const Item = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Accordion.Item, { ref: ref, className: (0, clx_1.clx)("border-ui-border-base border-b last-of-type:border-b-0", className), ...props }));
+});
+Item.displayName = "ProgressAccordion.Item";
+const ProgressIndicator = ({ 
+/**
+ * The current status.
+ */
+status, ...props }) => {
+    const Icon = React.useMemo(() => {
+        switch (status) {
+            case "not-started":
+                return kommers_icons_1.CircleDottedLine;
+            case "in-progress":
+                return kommers_icons_1.CircleHalfSolid;
+            case "completed":
+                return kommers_icons_1.CheckCircleSolid;
+            default:
+                return kommers_icons_1.CircleDottedLine;
+        }
+    }, [status]);
+    return (React.createElement("span", { className: "text-ui-fg-muted group-data-[state=open]:text-ui-fg-interactive flex h-12 w-12 items-center justify-center", ...props },
+        React.createElement(Icon, null)));
+};
+ProgressIndicator.displayName = "ProgressAccordion.ProgressIndicator";
+const Header = React.forwardRef(({ className, 
+/**
+ * The current status.
+ */
+status = "not-started", children, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Accordion.Header, { ref: ref, className: (0, clx_1.clx)("h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-6", className), ...props },
+        React.createElement(ProgressIndicator, { status: status }),
+        children,
+        React.createElement(radix_ui_1.Accordion.Trigger, { asChild: true, className: "ml-auto" },
+            React.createElement(icon_button_1.IconButton, { variant: "transparent" },
+                React.createElement(kommers_icons_1.Plus, { className: "transform transition-transform group-data-[state=open]:rotate-45" })))));
+});
+Header.displayName = "ProgressAccordion.Header";
+const Content = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Accordion.Content, { ref: ref, className: (0, clx_1.clx)("overflow-hidden", "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-[88px] pr-6", className), ...props }));
+});
+Content.displayName = "ProgressAccordion.Content";
+const ProgressAccordion = Object.assign(Root, {
+    Item,
+    Header,
+    Content,
+});
+exports.ProgressAccordion = ProgressAccordion;
+//# sourceMappingURL=progress-accordion.js.map

package/dist/cjs/components/progress-accordion/progress-accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-accordion.js","sourceRoot":"","sources":["../../../../src/components/progress-accordion/progress-accordion.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,wDAK6B;AAC7B,uCAAsD;AACtD,qDAA8B;AAG9B,qCAAiC;AACjC,gDAA2C;AAE3C;;GAEG;AACH,MAAM,IAAI,GAAG,CAAC,KAAiE,EAAE,EAAE;IACjF,OAAO,oBAAC,oBAAc,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AAC3C,CAAC,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAEtC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAG3B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,oBAAc,CAAC,IAAI,IAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,wDAAwD,EACxD,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,IAAI,CAAC,WAAW,GAAG,wBAAwB,CAAA;AAW3C,MAAM,iBAAiB,GAAG,CAAC;AACzB;;GAEG;AACH,MAAM,EACN,GAAG,KAAK,EACa,EAAE,EAAE;IACzB,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9B,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,aAAa;gBAChB,OAAO,gCAAgB,CAAA;YACzB,KAAK,aAAa;gBAChB,OAAO,+BAAe,CAAA;YACxB,KAAK,WAAW;gBACd,OAAO,gCAAgB,CAAA;YACzB;gBACE,OAAO,gCAAgB,CAAA;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,8BACE,SAAS,EAAC,4GAA4G,KAClH,KAAK;QAET,oBAAC,IAAI,OAAG,CACH,CACR,CAAA;AACH,CAAC,CAAA;AACD,iBAAiB,CAAC,WAAW,GAAG,qCAAqC,CAAA;AAErE,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAI7B,CACE,EACE,SAAS;AACT;;GAEG;AACH,MAAM,GAAG,aAAa,EACtB,QAAQ,EACR,GAAG,KAAK,EACI,EACd,GAAG,EACH,EAAE;IACF,OAAO,CACL,oBAAC,oBAAc,CAAC,MAAM,IACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,0EAA0E,EAC1E,SAAS,CACV,KACG,KAAK;QAET,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI;QACpC,QAAQ;QACT,oBAAC,oBAAc,CAAC,OAAO,IAAC,OAAO,QAAC,SAAS,EAAC,SAAS;YACjD,oBAAC,wBAAU,IAAC,OAAO,EAAC,aAAa;gBAC/B,oBAAC,oBAAI,IAAC,SAAS,EAAC,kEAAkE,GAAG,CAC1E,CACU,CACH,CACzB,CAAA;AACH,CAAC,CACF,CAAA;AACD,MAAM,CAAC,WAAW,GAAG,0BAA0B,CAAA;AAE/C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAG9B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,oBAAc,CAAC,OAAO,IACrB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,iBAAiB,EACjB,kGAAkG,EAClG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,OAAO,CAAC,WAAW,GAAG,2BAA2B,CAAA;AAEjD,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;IAC5C,IAAI;IACJ,MAAM;IACN,OAAO;CACR,CAAC,CAAA;AAEO,8CAAiB","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  CircleDottedLine,\n  CircleHalfSolid,\n  Plus,\n} from \"@klodd/kommers-icons\"\nimport { Accordion as RadixAccordion } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { ProgressStatus } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\nimport { IconButton } from \"../icon-button\"\n\n/**\n * This component is based on the [Radix UI Accordion](https://radix-ui.com/primitives/docs/components/accordion) primitves.\n */\nconst Root = (props: React.ComponentPropsWithoutRef<typeof RadixAccordion.Root>) => {\n  return <RadixAccordion.Root {...props} />\n}\nRoot.displayName = \"ProgressAccordion\"\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Item>,\n  React.ComponentPropsWithoutRef<typeof RadixAccordion.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAccordion.Item\n      ref={ref}\n      className={clx(\n        \"border-ui-border-base border-b last-of-type:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nItem.displayName = \"ProgressAccordion.Item\"\n\ninterface HeaderProps\n  extends React.ComponentPropsWithoutRef<typeof RadixAccordion.Header> {\n  status?: ProgressStatus\n}\n\ninterface StatusIndicatorProps extends React.ComponentPropsWithoutRef<\"span\"> {\n  status: ProgressStatus\n}\n\nconst ProgressIndicator = ({\n  /**\n   * The current status.\n   */\n  status,\n  ...props\n}: StatusIndicatorProps) => {\n  const Icon = React.useMemo(() => {\n    switch (status) {\n      case \"not-started\":\n        return CircleDottedLine\n      case \"in-progress\":\n        return CircleHalfSolid\n      case \"completed\":\n        return CheckCircleSolid\n      default:\n        return CircleDottedLine\n    }\n  }, [status])\n\n  return (\n    <span\n      className=\"text-ui-fg-muted group-data-[state=open]:text-ui-fg-interactive flex h-12 w-12 items-center justify-center\"\n      {...props}\n    >\n      <Icon />\n    </span>\n  )\n}\nProgressIndicator.displayName = \"ProgressAccordion.ProgressIndicator\"\n\nconst Header = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Header>,\n  HeaderProps\n>(\n  (\n    {\n      className,\n      /**\n       * The current status.\n       */\n      status = \"not-started\",\n      children,\n      ...props\n    }: HeaderProps,\n    ref\n  ) => {\n    return (\n      <RadixAccordion.Header\n        ref={ref}\n        className={clx(\n          \"h3-core text-ui-fg-base group flex w-full flex-1 items-center gap-4 px-6\",\n          className\n        )}\n        {...props}\n      >\n        <ProgressIndicator status={status} />\n        {children}\n        <RadixAccordion.Trigger asChild className=\"ml-auto\">\n          <IconButton variant=\"transparent\">\n            <Plus className=\"transform transition-transform group-data-[state=open]:rotate-45\" />\n          </IconButton>\n        </RadixAccordion.Trigger>\n      </RadixAccordion.Header>\n    )\n  }\n)\nHeader.displayName = \"ProgressAccordion.Header\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixAccordion.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixAccordion.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAccordion.Content\n      ref={ref}\n      className={clx(\n        \"overflow-hidden\",\n        \"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down pl-[88px] pr-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nContent.displayName = \"ProgressAccordion.Content\"\n\nconst ProgressAccordion = Object.assign(Root, {\n  Item,\n  Header,\n  Content,\n})\n\nexport { ProgressAccordion }\n"]}

package/dist/cjs/components/progress-tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./progress-tabs";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/progress-tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA"}

package/dist/cjs/components/progress-tabs/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./progress-tabs"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/progress-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/progress-tabs/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B","sourcesContent":["export * from \"./progress-tabs\"\n"]}

package/dist/cjs/components/progress-tabs/progress-tabs.d.ts

@@ -0,0 +1,16 @@
+import { Tabs as RadixTabs } from "radix-ui";
+import * as React from "react";
+import { ProgressStatus } from "../../types";
+interface ProgressTabsTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>, "asChild"> {
+    status?: ProgressStatus;
+}
+declare const ProgressTabs: {
+    (props: RadixTabs.TabsProps): React.JSX.Element;
+    displayName: string;
+} & {
+    Trigger: React.ForwardRefExoticComponent<ProgressTabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    List: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { ProgressTabs };
+//# sourceMappingURL=progress-tabs.d.ts.map

package/dist/cjs/components/progress-tabs/progress-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/progress-tabs/progress-tabs.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAgDxC,UAAU,wBACR,SAAQ,IAAI,CACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,EACxD,SAAS,CACV;IACD,MAAM,CAAC,EAAE,cAAc,CAAA;CACxB;AA6DD,QAAA,MAAM,YAAY;YA5Ge,SAAS,CAAC,SAAS;;;;;;CAgHlD,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/cjs/components/progress-tabs/progress-tabs.js

@@ -0,0 +1,51 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressTabs = void 0;
+const tslib_1 = require("tslib");
+const kommers_icons_1 = require("@klodd/kommers-icons");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx");
+/**
+ * This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves.
+ *
+ */
+const ProgressTabsRoot = (props) => {
+    return React.createElement(radix_ui_1.Tabs.Root, { ...props });
+};
+ProgressTabsRoot.displayName = "ProgressTabs";
+const ProgressIndicator = ({ status, className, ...props }) => {
+    const Icon = React.useMemo(() => {
+        switch (status) {
+            case "not-started":
+                return kommers_icons_1.CircleDottedLine;
+            case "in-progress":
+                return kommers_icons_1.CircleHalfSolid;
+            case "completed":
+                return kommers_icons_1.CheckCircleSolid;
+            default:
+                return kommers_icons_1.CircleDottedLine;
+        }
+    }, [status]);
+    return (React.createElement("span", { className: (0, clx_1.clx)("text-ui-fg-muted group-data-[state=active]/trigger:text-ui-fg-interactive", className), ...props },
+        React.createElement(Icon, null)));
+};
+ProgressIndicator.displayName = "ProgressTabs.ProgressIndicator";
+const ProgressTabsTrigger = React.forwardRef(({ className, children, status = "not-started", ...props }, ref) => (React.createElement(radix_ui_1.Tabs.Trigger, { ref: ref, className: (0, clx_1.clx)("txt-compact-small-plus transition-fg text-ui-fg-muted bg-ui-bg-subtle border-r-ui-border-base inline-flex h-[52px] w-full max-w-[200px] flex-1 items-center gap-x-2 border-r px-4 text-left outline-none", "group/trigger overflow-hidden text-ellipsis whitespace-nowrap", "disabled:bg-ui-bg-disabled disabled:text-ui-fg-muted", "hover:bg-ui-bg-subtle-hover", "focus-visible:bg-ui-bg-base focus:z-[1]", "data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base", className), ...props },
+    React.createElement(ProgressIndicator, { status: status }),
+    children)));
+ProgressTabsTrigger.displayName = "ProgressTabs.Trigger";
+const ProgressTabsList = React.forwardRef(({ className, ...props }, ref) => (React.createElement(radix_ui_1.Tabs.List, { ref: ref, className: (0, clx_1.clx)("flex items-center", className), ...props })));
+ProgressTabsList.displayName = "ProgressTabs.List";
+const ProgressTabsContent = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.Tabs.Content, { ref: ref, className: (0, clx_1.clx)("outline-none", className), ...props }));
+});
+ProgressTabsContent.displayName = "ProgressTabs.Content";
+const ProgressTabs = Object.assign(ProgressTabsRoot, {
+    Trigger: ProgressTabsTrigger,
+    List: ProgressTabsList,
+    Content: ProgressTabsContent,
+});
+exports.ProgressTabs = ProgressTabs;
+//# sourceMappingURL=progress-tabs.js.map

package/dist/cjs/components/progress-tabs/progress-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-tabs.js","sourceRoot":"","sources":["../../../../src/components/progress-tabs/progress-tabs.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,wDAI6B;AAC7B,uCAA4C;AAC5C,qDAA8B;AAG9B,qCAAiC;AAEjC;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CAAC,KAA0B,EAAE,EAAE;IACtD,OAAO,oBAAC,eAAS,CAAC,IAAI,OAAK,KAAK,GAAI,CAAA;AACtC,CAAC,CAAA;AACD,gBAAgB,CAAC,WAAW,GAAG,cAAc,CAAA;AAU7C,MAAM,iBAAiB,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE;IAC5E,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9B,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,aAAa;gBAChB,OAAO,gCAAgB,CAAA;YACzB,KAAK,aAAa;gBAChB,OAAO,+BAAe,CAAA;YACxB,KAAK,WAAW;gBACd,OAAO,gCAAgB,CAAA;YACzB;gBACE,OAAO,gCAAgB,CAAA;QAC3B,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,8BACE,SAAS,EAAE,IAAA,SAAG,EACZ,2EAA2E,EAC3E,SAAS,CACV,KACG,KAAK;QAET,oBAAC,IAAI,OAAG,CACH,CACR,CAAA;AACH,CAAC,CAAA;AACD,iBAAiB,CAAC,WAAW,GAAG,gCAAgC,CAAA;AAUhE,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAI1C,CACE,EACE,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,aAAa,EACtB,GAAG,KAAK,EACiB,EAC3B,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,eAAS,CAAC,OAAO,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,0MAA0M,EAC1M,+DAA+D,EAC/D,sDAAsD,EACtD,6BAA6B,EAC7B,yCAAyC,EACzC,uEAAuE,EACvE,SAAS,CACV,KACG,KAAK;IAET,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,GAAI;IACpC,QAAQ,CACS,CACrB,CACF,CAAA;AACD,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAExD,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAGvC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClC,oBAAC,eAAS,CAAC,IAAI,IACb,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,mBAAmB,EAAE,SAAS,CAAC,KAC1C,KAAK,GACT,CACH,CAAC,CAAA;AACF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAA;AAElD,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAG1C,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjC,OAAO,CACL,oBAAC,eAAS,CAAC,OAAO,IAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EAAC,cAAc,EAAE,SAAS,CAAC,KACrC,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,mBAAmB,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAExD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;IACnD,OAAO,EAAE,mBAAmB;IAC5B,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,mBAAmB;CAC7B,CAAC,CAAA;AAEO,oCAAY","sourcesContent":["\"use client\"\n\nimport {\n  CheckCircleSolid,\n  CircleDottedLine,\n  CircleHalfSolid,\n} from \"@klodd/kommers-icons\"\nimport { Tabs as RadixTabs } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { ProgressStatus } from \"@/types\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Tabs](https://radix-ui.com/primitives/docs/components/tabs) primitves.\n *\n */\nconst ProgressTabsRoot = (props: RadixTabs.TabsProps) => {\n  return <RadixTabs.Root {...props} />\n}\nProgressTabsRoot.displayName = \"ProgressTabs\"\n\ninterface IndicatorProps\n  extends Omit<React.ComponentPropsWithoutRef<\"span\">, \"children\"> {\n  /**\n   * The current status.\n   */\n  status?: ProgressStatus\n}\n\nconst ProgressIndicator = ({ status, className, ...props }: IndicatorProps) => {\n  const Icon = React.useMemo(() => {\n    switch (status) {\n      case \"not-started\":\n        return CircleDottedLine\n      case \"in-progress\":\n        return CircleHalfSolid\n      case \"completed\":\n        return CheckCircleSolid\n      default:\n        return CircleDottedLine\n    }\n  }, [status])\n\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-muted group-data-[state=active]/trigger:text-ui-fg-interactive\",\n        className\n      )}\n      {...props}\n    >\n      <Icon />\n    </span>\n  )\n}\nProgressIndicator.displayName = \"ProgressTabs.ProgressIndicator\"\n\ninterface ProgressTabsTriggerProps\n  extends Omit<\n    React.ComponentPropsWithoutRef<typeof RadixTabs.Trigger>,\n    \"asChild\"\n  > {\n  status?: ProgressStatus\n}\n\nconst ProgressTabsTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.Trigger>,\n  ProgressTabsTriggerProps\n>(\n  (\n    {\n      className,\n      children,\n      status = \"not-started\",\n      ...props\n    }: ProgressTabsTriggerProps,\n    ref\n  ) => (\n    <RadixTabs.Trigger\n      ref={ref}\n      className={clx(\n        \"txt-compact-small-plus transition-fg text-ui-fg-muted bg-ui-bg-subtle border-r-ui-border-base inline-flex h-[52px] w-full max-w-[200px] flex-1 items-center gap-x-2 border-r px-4 text-left outline-none\",\n        \"group/trigger overflow-hidden text-ellipsis whitespace-nowrap\",\n        \"disabled:bg-ui-bg-disabled disabled:text-ui-fg-muted\",\n        \"hover:bg-ui-bg-subtle-hover\",\n        \"focus-visible:bg-ui-bg-base focus:z-[1]\",\n        \"data-[state=active]:text-ui-fg-base data-[state=active]:bg-ui-bg-base\",\n        className\n      )}\n      {...props}\n    >\n      <ProgressIndicator status={status} />\n      {children}\n    </RadixTabs.Trigger>\n  )\n)\nProgressTabsTrigger.displayName = \"ProgressTabs.Trigger\"\n\nconst ProgressTabsList = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.List>,\n  React.ComponentPropsWithoutRef<typeof RadixTabs.List>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.List\n    ref={ref}\n    className={clx(\"flex items-center\", className)}\n    {...props}\n  />\n))\nProgressTabsList.displayName = \"ProgressTabs.List\"\n\nconst ProgressTabsContent = React.forwardRef<\n  React.ElementRef<typeof RadixTabs.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixTabs.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixTabs.Content\n      ref={ref}\n      className={clx(\"outline-none\", className)}\n      {...props}\n    />\n  )\n})\nProgressTabsContent.displayName = \"ProgressTabs.Content\"\n\nconst ProgressTabs = Object.assign(ProgressTabsRoot, {\n  Trigger: ProgressTabsTrigger,\n  List: ProgressTabsList,\n  Content: ProgressTabsContent,\n})\n\nexport { ProgressTabs }\n"]}

package/dist/cjs/components/prompt/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./prompt";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/prompt/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/cjs/components/prompt/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./prompt"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/prompt/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/prompt/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB","sourcesContent":["export * from \"./prompt\"\n"]}

package/dist/cjs/components/prompt/prompt.d.ts

@@ -0,0 +1,26 @@
+import { AlertDialog as RadixAlertDialog } from "radix-ui";
+import * as React from "react";
+type PromptVariant = "danger" | "confirmation";
+declare const Prompt: {
+    ({ variant, ...props }: React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Root> & {
+        variant?: PromptVariant;
+    }): React.JSX.Element;
+    displayName: string;
+} & {
+    Trigger: React.ForwardRefExoticComponent<RadixAlertDialog.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref">, "asChild"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Action: React.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & React.RefAttributes<HTMLButtonElement>>;
+    Cancel: React.ForwardRefExoticComponent<Omit<Omit<RadixAlertDialog.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref">, "asChild"> & React.RefAttributes<HTMLButtonElement>>;
+    Header: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+        displayName: string;
+    };
+};
+export { Prompt };
+//# sourceMappingURL=prompt.d.ts.map

package/dist/cjs/components/prompt/prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,aAAa,GAAG,QAAQ,GAAG,cAAc,CAAA;AA2L9C,QAAA,MAAM,MAAM;4BAxJT,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,GAAG;QAChE,OAAO,CAAC,EAAE,aAAa,CAAA;KACxB;;;;;;;;;;kCA4HE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;;;kCAgBpC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;;CAmBrC,CAAA;AAEF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/cjs/components/prompt/prompt.js

@@ -0,0 +1,97 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Prompt = void 0;
+const tslib_1 = require("tslib");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const button_1 = require("../button");
+const heading_1 = require("../heading");
+const clx_1 = require("../../utils/clx");
+const PromptContext = React.createContext({
+    variant: "danger",
+});
+const usePromptContext = () => {
+    const context = React.useContext(PromptContext);
+    if (!context) {
+        throw new Error("usePromptContext must be used within a PromptProvider");
+    }
+    return context;
+};
+const PromptProvider = ({ variant, children }) => {
+    return (React.createElement(PromptContext.Provider, { value: { variant } }, children));
+};
+/**
+ * This component is based on the [Radix UI Alert Dialog](https://www.radix-ui.com/primitives/docs/components/alert-dialog) primitives.
+ */
+const Root = ({ 
+/**
+ * The variant of the prompt.
+ */
+variant = "danger", ...props }) => {
+    return (React.createElement(PromptProvider, { variant: variant },
+        React.createElement(radix_ui_1.AlertDialog.Root, { ...props })));
+};
+Root.displayName = "Prompt";
+const Trigger = radix_ui_1.AlertDialog.Trigger;
+Trigger.displayName = "Prompt.Trigger";
+const Portal = (props) => {
+    return React.createElement(radix_ui_1.AlertDialog.AlertDialogPortal, { ...props });
+};
+Portal.displayName = "Prompt.Portal";
+const Overlay = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.AlertDialog.Overlay, { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-overlay fixed inset-0", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props }));
+});
+Overlay.displayName = "Prompt.Overlay";
+const Title = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.AlertDialog.Title, { ref: ref, className: (0, clx_1.clx)(className), ...props, asChild: true },
+        React.createElement(heading_1.Heading, { level: "h2", className: "text-ui-fg-base" }, children)));
+});
+Title.displayName = "Prompt.Title";
+const Content = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(Portal, null,
+        React.createElement(Overlay, null),
+        React.createElement(radix_ui_1.AlertDialog.Content, { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-base shadow-elevation-flyout fixed left-[50%] top-[50%] flex w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] flex-col rounded-lg border focus-visible:outline-none", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] duration-200", className), ...props })));
+});
+Content.displayName = "Prompt.Content";
+const Description = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.AlertDialog.Description, { ref: ref, className: (0, clx_1.clx)("text-ui-fg-subtle txt-compact-medium", className), ...props }));
+});
+Description.displayName = "Prompt.Description";
+const Action = React.forwardRef(({ className, children, type, ...props }, ref) => {
+    const { variant } = usePromptContext();
+    return (React.createElement(radix_ui_1.AlertDialog.Action, { ref: ref, className: className, ...props, asChild: true },
+        React.createElement(button_1.Button, { size: "small", type: type, variant: variant === "danger" ? "danger" : "primary" }, children)));
+});
+Action.displayName = "Prompt.Action";
+const Cancel = React.forwardRef(({ className, children, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.AlertDialog.Cancel, { ref: ref, className: (0, clx_1.clx)(className), ...props, asChild: true },
+        React.createElement(button_1.Button, { size: "small", variant: "secondary" }, children)));
+});
+Cancel.displayName = "Prompt.Cancel";
+/**
+ * This component is based on the `div` element and supports all of its props
+ */
+const Header = ({ className, ...props }) => {
+    return (React.createElement("div", { className: (0, clx_1.clx)("flex flex-col gap-y-1 px-6 pt-6", className), ...props }));
+};
+Header.displayName = "Prompt.Header";
+/**
+ * This component is based on the `div` element and supports all of its props
+ */
+const Footer = ({ className, ...props }) => {
+    return (React.createElement("div", { className: (0, clx_1.clx)("flex items-center justify-end gap-x-2 p-6", className), ...props }));
+};
+Footer.displayName = "Prompt.Footer";
+const Prompt = Object.assign(Root, {
+    Trigger,
+    Content,
+    Title,
+    Description,
+    Action,
+    Cancel,
+    Header,
+    Footer,
+});
+exports.Prompt = Prompt;
+//# sourceMappingURL=prompt.js.map

package/dist/cjs/components/prompt/prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prompt.js","sourceRoot":"","sources":["../../../../src/components/prompt/prompt.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { AlertDialog as RadixAlertDialog } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Button } from \"@/components/button\"\nimport { Heading } from \"@/components/heading\"\nimport { clx } from \"@/utils/clx\"\n\ntype PromptVariant = \"danger\" | \"confirmation\"\n\nconst PromptContext = React.createContext<{ variant: PromptVariant }>({\n  variant: \"danger\",\n})\n\nconst usePromptContext = () => {\n  const context = React.useContext(PromptContext)\n  if (!context) {\n    throw new Error(\"usePromptContext must be used within a PromptProvider\")\n  }\n  return context\n}\n\ntype PromptProviderProps = React.PropsWithChildren<{\n  variant: PromptVariant\n}>\n\nconst PromptProvider = ({ variant, children }: PromptProviderProps) => {\n  return (\n    <PromptContext.Provider value={{ variant }}>\n      {children}\n    </PromptContext.Provider>\n  )\n}\n\n/**\n * This component is based on the [Radix UI Alert Dialog](https://www.radix-ui.com/primitives/docs/components/alert-dialog) primitives.\n */\nconst Root = ({\n  /**\n   * The variant of the prompt.\n   */\n  variant = \"danger\",\n  ...props\n}: React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Root> & {\n  variant?: PromptVariant\n}) => {\n  return (\n    <PromptProvider variant={variant}>\n      <RadixAlertDialog.Root {...props} />\n    </PromptProvider>\n  )\n}\nRoot.displayName = \"Prompt\"\n\nconst Trigger = RadixAlertDialog.Trigger\nTrigger.displayName = \"Prompt.Trigger\"\n\nconst Portal = (props: RadixAlertDialog.AlertDialogPortalProps) => {\n  return <RadixAlertDialog.AlertDialogPortal {...props} />\n}\nPortal.displayName = \"Prompt.Portal\"\n\nconst Overlay = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Overlay>,\n  React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Overlay>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAlertDialog.Overlay\n      ref={ref}\n      className={clx(\n        \"bg-ui-bg-overlay fixed inset-0\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nOverlay.displayName = \"Prompt.Overlay\"\n\nconst Title = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Title>,\n  Omit<React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Title>, \"asChild\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <RadixAlertDialog.Title ref={ref} className={clx(className)} {...props} asChild>\n      <Heading level=\"h2\" className=\"text-ui-fg-base\">\n        {children}\n      </Heading>\n    </RadixAlertDialog.Title>\n  )\n})\nTitle.displayName = \"Prompt.Title\"\n\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Content>\n>(({ className, ...props }, ref) => {\n  return (\n    <Portal>\n      <Overlay />\n      <RadixAlertDialog.Content\n        ref={ref}\n        className={clx(\n          \"bg-ui-bg-base shadow-elevation-flyout fixed left-[50%] top-[50%] flex w-full max-w-[400px] translate-x-[-50%] translate-y-[-50%] flex-col rounded-lg border focus-visible:outline-none\",\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] duration-200\",\n          className\n        )}\n        {...props}\n      />\n    </Portal>\n  )\n})\nContent.displayName = \"Prompt.Content\"\n\nconst Description = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Description>,\n  React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Description>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixAlertDialog.Description\n      ref={ref}\n      className={clx(\"text-ui-fg-subtle txt-compact-medium\", className)}\n      {...props}\n    />\n  )\n})\nDescription.displayName = \"Prompt.Description\"\n\nconst Action = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Action>,\n  Omit<React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Action>, \"asChild\">\n>(({ className, children, type, ...props }, ref) => {\n  const { variant } = usePromptContext()\n\n  return (\n    <RadixAlertDialog.Action ref={ref} className={className} {...props} asChild>\n      <Button\n        size=\"small\"\n        type={type}\n        variant={variant === \"danger\" ? \"danger\" : \"primary\"}\n      >\n        {children}\n      </Button>\n    </RadixAlertDialog.Action>\n  )\n})\nAction.displayName = \"Prompt.Action\"\n\nconst Cancel = React.forwardRef<\n  React.ElementRef<typeof RadixAlertDialog.Cancel>,\n  Omit<React.ComponentPropsWithoutRef<typeof RadixAlertDialog.Cancel>, \"asChild\">\n>(({ className, children, ...props }, ref) => {\n  return (\n    <RadixAlertDialog.Cancel ref={ref} className={clx(className)} {...props} asChild>\n      <Button size=\"small\" variant=\"secondary\">\n        {children}\n      </Button>\n    </RadixAlertDialog.Cancel>\n  )\n})\nCancel.displayName = \"Prompt.Cancel\"\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Header = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={clx(\"flex flex-col gap-y-1 px-6 pt-6\", className)}\n      {...props}\n    />\n  )\n}\nHeader.displayName = \"Prompt.Header\"\n\n/**\n * This component is based on the `div` element and supports all of its props\n */\nconst Footer = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={clx(\"flex items-center justify-end gap-x-2 p-6\", className)}\n      {...props}\n    />\n  )\n}\nFooter.displayName = \"Prompt.Footer\"\n\nconst Prompt = Object.assign(Root, {\n  Trigger,\n  Content,\n  Title,\n  Description,\n  Action,\n  Cancel,\n  Header,\n  Footer,\n})\n\nexport { Prompt }\n"]}

package/dist/cjs/components/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./radio-group";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/radio-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/cjs/components/radio-group/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./radio-group"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/radio-group/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B","sourcesContent":["export * from \"./radio-group\"\n"]}

package/dist/cjs/components/radio-group/radio-group.d.ts

@@ -0,0 +1,12 @@
+import { RadioGroup as RadixRadioGroup } from "radix-ui";
+import * as React from "react";
+interface ChoiceBoxProps extends React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Item> {
+    label: string;
+    description: string;
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadixRadioGroup.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>> & {
+    Item: React.ForwardRefExoticComponent<Omit<RadixRadioGroup.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    ChoiceBox: React.ForwardRefExoticComponent<ChoiceBoxProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export { RadioGroup };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/cjs/components/radio-group/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwE9B,UAAU,cACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACnE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;CACpB;AA+ED,QAAA,MAAM,UAAU;;;CAA2C,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/cjs/components/radio-group/radio-group.js

@@ -0,0 +1,61 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
+const tslib_1 = require("tslib");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const hint_1 = require("../hint");
+const label_1 = require("../label");
+const clx_1 = require("../../utils/clx");
+/**
+ * This component is based on the [Radix UI Radio Group](https://www.radix-ui.com/primitives/docs/components/radio-group) primitives.
+ */
+const Root = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.RadioGroup.Root, { className: (0, clx_1.clx)("grid gap-2", className), ...props, ref: ref }));
+});
+Root.displayName = "RadioGroup";
+const Indicator = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.RadioGroup.Indicator, { ref: ref, className: (0, clx_1.clx)("flex items-center justify-center", className), ...props },
+        React.createElement("div", { className: (0, clx_1.clx)("bg-ui-bg-base shadow-details-contrast-on-bg-interactive h-1.5 w-1.5 rounded-full") })));
+});
+Indicator.displayName = "RadioGroup.Indicator";
+const Item = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement(radix_ui_1.RadioGroup.Item, { ref: ref, className: (0, clx_1.clx)("group relative flex h-5 w-5 items-center justify-center outline-none", className), ...props },
+        React.createElement("div", { className: (0, clx_1.clx)("shadow-borders-base bg-ui-bg-base transition-fg flex h-[14px] w-[14px] items-center justify-center rounded-full", "group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover", "group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow", "group-focus-visible:!shadow-borders-interactive-with-focus", "group-disabled:cursor-not-allowed group-disabled:opacity-50") },
+            React.createElement(Indicator, null))));
+});
+Item.displayName = "RadioGroup.Item";
+/**
+ * This component is based on the [Radix UI Radio Group Item](https://www.radix-ui.com/primitives/docs/components/radio-group#item) primitives.
+ */
+const ChoiceBox = React.forwardRef(({ className, id, 
+/**
+ * The label for the radio button.
+ */
+label, 
+/**
+ * The description for the radio button.
+ */
+description, 
+/**
+ * The value of the radio button.
+ */
+value, ...props }, ref) => {
+    const generatedId = React.useId();
+    if (!id) {
+        id = generatedId;
+    }
+    const descriptionId = `${id}-description`;
+    return (React.createElement(radix_ui_1.RadioGroup.Item, { ref: ref, className: (0, clx_1.clx)("shadow-borders-base bg-ui-bg-base focus-visible:shadow-borders-interactive-with-focus transition-fg group flex items-start gap-x-2 rounded-lg p-3 outline-none", "hover:enabled:bg-ui-bg-base-hover", "data-[state=checked]:shadow-borders-interactive-with-shadow", "group-disabled:cursor-not-allowed group-disabled:opacity-50", className), ...props, value: value, id: id, "aria-describedby": descriptionId },
+        React.createElement("div", { className: "flex h-5 w-5 items-center justify-center" },
+            React.createElement("div", { className: (0, clx_1.clx)("shadow-borders-base bg-ui-bg-base group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow transition-fg flex h-3.5 w-3.5 items-center justify-center rounded-full", "group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover") },
+                React.createElement(Indicator, null))),
+        React.createElement("div", { className: "flex flex-col items-start" },
+            React.createElement(label_1.Label, { htmlFor: id, size: "small", weight: "plus", className: "group-disabled:text-ui-fg-disabled cursor-pointer group-disabled:cursor-not-allowed" }, label),
+            React.createElement(hint_1.Hint, { className: "txt-small text-ui-fg-subtle group-disabled:text-ui-fg-disabled text-left", id: descriptionId }, description))));
+});
+ChoiceBox.displayName = "RadioGroup.ChoiceBox";
+const RadioGroup = Object.assign(Root, { Item, ChoiceBox });
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=radio-group.js.map

package/dist/cjs/components/radio-group/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { RadioGroup as RadixRadioGroup } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { Hint } from \"@/components/hint\"\nimport { Label } from \"@/components/label\"\nimport { clx } from \"@/utils/clx\"\n\n/**\n * This component is based on the [Radix UI Radio Group](https://www.radix-ui.com/primitives/docs/components/radio-group) primitives.\n */\nconst Root = React.forwardRef<\n  React.ElementRef<typeof RadixRadioGroup.Root>,\n  React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixRadioGroup.Root\n      className={clx(\"grid gap-2\", className)}\n      {...props}\n      ref={ref}\n    />\n  )\n})\nRoot.displayName = \"RadioGroup\"\n\nconst Indicator = React.forwardRef<\n  React.ElementRef<typeof RadixRadioGroup.Indicator>,\n  React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Indicator>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixRadioGroup.Indicator\n      ref={ref}\n      className={clx(\"flex items-center justify-center\", className)}\n      {...props}\n    >\n      <div\n        className={clx(\n          \"bg-ui-bg-base shadow-details-contrast-on-bg-interactive h-1.5 w-1.5 rounded-full\"\n        )}\n      />\n    </RadixRadioGroup.Indicator>\n  )\n})\nIndicator.displayName = \"RadioGroup.Indicator\"\n\nconst Item = React.forwardRef<\n  React.ElementRef<typeof RadixRadioGroup.Item>,\n  React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Item>\n>(({ className, ...props }, ref) => {\n  return (\n    <RadixRadioGroup.Item\n      ref={ref}\n      className={clx(\n        \"group relative flex h-5 w-5 items-center justify-center outline-none\",\n        className\n      )}\n      {...props}\n    >\n      <div\n        className={clx(\n          \"shadow-borders-base bg-ui-bg-base transition-fg flex h-[14px] w-[14px] items-center justify-center rounded-full\",\n          \"group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover\",\n          \"group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow\",\n          \"group-focus-visible:!shadow-borders-interactive-with-focus\",\n          \"group-disabled:cursor-not-allowed group-disabled:opacity-50\"\n        )}\n      >\n        <Indicator />\n      </div>\n    </RadixRadioGroup.Item>\n  )\n})\nItem.displayName = \"RadioGroup.Item\"\n\ninterface ChoiceBoxProps\n  extends React.ComponentPropsWithoutRef<typeof RadixRadioGroup.Item> {\n  label: string\n  description: string\n}\n\n/**\n * This component is based on the [Radix UI Radio Group Item](https://www.radix-ui.com/primitives/docs/components/radio-group#item) primitives.\n */\nconst ChoiceBox = React.forwardRef<\n  React.ElementRef<typeof RadixRadioGroup.Item>,\n  ChoiceBoxProps\n>(({ \n  className, \n  id, \n  /**\n   * The label for the radio button.\n   */\n  label, \n  /**\n   * The description for the radio button.\n   */\n  description,\n  /**\n   * The value of the radio button.\n   */\n  value,\n  ...props\n}: ChoiceBoxProps, ref) => {\n  const generatedId = React.useId()\n\n  if (!id) {\n    id = generatedId\n  }\n\n  const descriptionId = `${id}-description`\n\n  return (\n    <RadixRadioGroup.Item\n      ref={ref}\n      className={clx(\n        \"shadow-borders-base bg-ui-bg-base focus-visible:shadow-borders-interactive-with-focus transition-fg group flex items-start gap-x-2 rounded-lg p-3 outline-none\",\n        \"hover:enabled:bg-ui-bg-base-hover\",\n        \"data-[state=checked]:shadow-borders-interactive-with-shadow\",\n        \"group-disabled:cursor-not-allowed group-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n      value={value}\n      id={id}\n      aria-describedby={descriptionId}\n    >\n      <div className=\"flex h-5 w-5 items-center justify-center\">\n        <div\n          className={clx(\n            \"shadow-borders-base bg-ui-bg-base group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive-with-shadow transition-fg flex h-3.5 w-3.5 items-center justify-center rounded-full\",\n            \"group-hover:group-enabled:group-data-[state=unchecked]:bg-ui-bg-base-hover\"\n          )}\n        >\n          <Indicator />\n        </div>\n      </div>\n      <div className=\"flex flex-col items-start\">\n        <Label\n          htmlFor={id}\n          size=\"small\"\n          weight=\"plus\"\n          className=\"group-disabled:text-ui-fg-disabled cursor-pointer group-disabled:cursor-not-allowed\"\n        >\n          {label}\n        </Label>\n        <Hint\n          className=\"txt-small text-ui-fg-subtle group-disabled:text-ui-fg-disabled text-left\"\n          id={descriptionId}\n        >\n          {description}\n        </Hint>\n      </div>\n    </RadixRadioGroup.Item>\n  )\n})\nChoiceBox.displayName = \"RadioGroup.ChoiceBox\"\n\nconst RadioGroup = Object.assign(Root, { Item, ChoiceBox })\n\nexport { RadioGroup }\n"]}

package/dist/cjs/components/select/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./select";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}