@nergora/ui 0.0.0-stage → 1.0.9

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

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

package/dist/cjs/components/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,26 @@
+import { DropdownMenu as RadixDropdownMenu } from "radix-ui";
+import * as React from "react";
+declare const DropdownMenu: React.FC<RadixDropdownMenu.DropdownMenuProps> & {
+    Trigger: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Group: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+    SubMenu: React.FC<RadixDropdownMenu.DropdownMenuSubProps>;
+    SubMenuContent: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    SubMenuTrigger: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    CheckboxItem: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    RadioGroup: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<RadixDropdownMenu.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Shortcut: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+        displayName: string;
+    };
+    Hint: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+        displayName: string;
+    };
+};
+export { DropdownMenu };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/cjs/components/dropdown-menu/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAsR9B,QAAA,MAAM,YAAY;;;;;;;;;;;;;;kCAhCf,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;;;kCAmBrC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;;CA4BtC,CAAA;AAEF,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/cjs/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,132 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownMenu = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@nergora/icons");
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx.js");
+/**
+ * This component is based on the [Radix UI Dropdown Menu](https://www.radix-ui.com/primitives/docs/components/dropdown-menu) primitive.
+ */
+const Root = radix_ui_1.DropdownMenu.Root;
+Root.displayName = "DropdownMenu";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Trigger](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#trigger) primitive.
+ */
+const Trigger = radix_ui_1.DropdownMenu.Trigger;
+Trigger.displayName = "DropdownMenu.Trigger";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Group](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#group) primitive.
+ */
+const Group = radix_ui_1.DropdownMenu.Group;
+Group.displayName = "DropdownMenu.Group";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Sub](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#sub) primitive.
+ */
+const SubMenu = radix_ui_1.DropdownMenu.Sub;
+SubMenu.displayName = "DropdownMenu.SubMenu";
+/**
+ * This component is based on the [Radix UI Dropdown Menu RadioGroup](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#radiogroup) primitive.
+ */
+const RadioGroup = radix_ui_1.DropdownMenu.RadioGroup;
+RadioGroup.displayName = "DropdownMenu.RadioGroup";
+/**
+ * This component is based on the [Radix UI Dropdown Menu SubTrigger](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#subtrigger) primitive.
+ */
+const SubMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(radix_ui_1.DropdownMenu.SubTrigger, { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors", "focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover", "active:bg-ui-bg-component-hover", "data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none", "data-[state=open]:!bg-ui-bg-component-hover", className), ...props },
+    children,
+    React.createElement(icons_1.ChevronRightMini, { className: "text-ui-fg-muted ml-auto" }))));
+SubMenuTrigger.displayName = "DropdownMenu.SubMenuTrigger";
+/**
+ * This component is based on the [Radix UI Dropdown Menu SubContent](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#subcontent) primitive.
+ */
+const SubMenuContent = React.forwardRef(({ className, collisionPadding = 8, ...props }, ref) => (React.createElement(radix_ui_1.DropdownMenu.Portal, null,
+    React.createElement(radix_ui_1.DropdownMenu.SubContent, { ref: ref, collisionPadding: collisionPadding, className: (0, clx_1.clx)("z-admin-flyout bg-ui-bg-component 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 }))));
+SubMenuContent.displayName = "DropdownMenu.SubMenuContent";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Content](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#content) primitive.
+ */
+const Content = React.forwardRef(({ className, 
+/**
+ * The space in pixels between the dropdown menu and its trigger element.
+ */
+sideOffset = 8, 
+/**
+ * The distance in pixels from the boundary edges where collision detection should occur.
+ */
+collisionPadding = 8, 
+/**
+ * The alignment of the dropdown menu relative to its trigger element.
+ *
+ * @defaultValue center
+ */
+align = "center", ...props }, ref) => (React.createElement(radix_ui_1.DropdownMenu.Portal, null,
+    React.createElement(radix_ui_1.DropdownMenu.Content, { ref: ref, sideOffset: sideOffset, align: align, collisionPadding: collisionPadding, className: (0, clx_1.clx)("z-admin-flyout bg-ui-bg-component 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 = "DropdownMenu.Content";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Item](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#item) primitive.
+ */
+const Item = React.forwardRef(({ className, ...props }, ref) => (React.createElement(radix_ui_1.DropdownMenu.Item, { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors", "focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover", "active:bg-ui-bg-component-hover", "data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none", className), ...props })));
+Item.displayName = "DropdownMenu.Item";
+/**
+ * This component is based on the [Radix UI Dropdown Menu CheckboxItem](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#checkboxitem) primitive.
+ */
+const CheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (React.createElement(radix_ui_1.DropdownMenu.CheckboxItem, { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md py-1.5 pl-[31px] pr-2 outline-none transition-colors", "focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover", "active:bg-ui-bg-component-hover", "data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none", "data-[state=checked]:txt-compact-small-plus", className), checked: checked, ...props },
+    React.createElement("span", { className: "absolute left-2 flex size-[15px] items-center justify-center" },
+        React.createElement(radix_ui_1.DropdownMenu.ItemIndicator, null,
+            React.createElement(icons_1.CheckMini, null))),
+    children)));
+CheckboxItem.displayName = "DropdownMenu.CheckboxItem";
+/**
+ * This component is based on the [Radix UI Dropdown Menu RadioItem](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#radioitem) primitive.
+ */
+const RadioItem = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(radix_ui_1.DropdownMenu.RadioItem, { ref: ref, className: (0, clx_1.clx)("bg-ui-bg-component txt-compact-small relative flex cursor-pointer select-none items-center rounded-md py-1.5 pl-[31px] pr-2 outline-none transition-colors", "focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover", "active:bg-ui-bg-component-hover", "data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none", "data-[state=checked]:txt-compact-small-plus", className), ...props },
+    React.createElement("span", { className: "absolute left-2 flex size-[15px] items-center justify-center" },
+        React.createElement(radix_ui_1.DropdownMenu.ItemIndicator, null,
+            React.createElement(icons_1.EllipseMiniSolid, { className: "text-ui-fg-base" }))),
+    children)));
+RadioItem.displayName = "DropdownMenu.RadioItem";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Label](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#label) primitive.
+ */
+const Label = React.forwardRef(({ className, ...props }, ref) => (React.createElement(radix_ui_1.DropdownMenu.Label, { ref: ref, className: (0, clx_1.clx)("text-ui-fg-subtle txt-compact-xsmall-plus", className), ...props })));
+Label.displayName = "DropdownMenu.Label";
+/**
+ * This component is based on the [Radix UI Dropdown Menu Separator](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#separator) primitive.
+ */
+const Separator = React.forwardRef(({ className, ...props }, ref) => (React.createElement(radix_ui_1.DropdownMenu.Separator, { ref: ref, className: (0, clx_1.clx)("bg-ui-border-component border-t-ui-border-menu-top border-b-ui-border-menu-bot -mx-1 my-1 h-0.5 border-b border-t", className), ...props })));
+Separator.displayName = "DropdownMenu.Separator";
+/**
+ * This component is based on the `span` element and supports all of its props
+ */
+const Shortcut = ({ className, ...props }) => {
+    return (React.createElement("span", { className: (0, clx_1.clx)("text-ui-fg-subtle txt-compact-small ml-auto tracking-widest", className), ...props }));
+};
+Shortcut.displayName = "DropdownMenu.Shortcut";
+/**
+ * This component is based on the `span` element and supports all of its props
+ */
+const Hint = ({ className, ...props }) => {
+    return (React.createElement("span", { className: (0, clx_1.clx)("text-ui-fg-subtle txt-compact-small ml-auto tracking-widest", className), ...props }));
+};
+Hint.displayName = "DropdownMenu.Hint";
+const DropdownMenu = Object.assign(Root, {
+    Trigger,
+    Group,
+    SubMenu,
+    SubMenuContent,
+    SubMenuTrigger,
+    Content,
+    Item,
+    CheckboxItem,
+    RadioGroup,
+    RadioItem,
+    Label,
+    Separator,
+    Shortcut,
+    Hint,
+});
+exports.DropdownMenu = DropdownMenu;
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/cjs/components/dropdown-menu/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { CheckMini, ChevronRightMini, EllipseMiniSolid } from \"@nergora/icons\"\nimport { DropdownMenu as RadixDropdownMenu } 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 Dropdown Menu](https://www.radix-ui.com/primitives/docs/components/dropdown-menu) primitive.\n */\nconst Root = RadixDropdownMenu.Root\nRoot.displayName = \"DropdownMenu\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Trigger](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#trigger) primitive.\n */\nconst Trigger = RadixDropdownMenu.Trigger\nTrigger.displayName = \"DropdownMenu.Trigger\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Group](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#group) primitive.\n */\nconst Group = RadixDropdownMenu.Group\nGroup.displayName = \"DropdownMenu.Group\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Sub](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#sub) primitive.\n */\nconst SubMenu = RadixDropdownMenu.Sub\nSubMenu.displayName = \"DropdownMenu.SubMenu\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu RadioGroup](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#radiogroup) primitive.\n */\nconst RadioGroup = RadixDropdownMenu.RadioGroup\nRadioGroup.displayName = \"DropdownMenu.RadioGroup\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu SubTrigger](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#subtrigger) primitive.\n */\nconst SubMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.SubTrigger>\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.SubTrigger\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors\",\n      \"focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover\",\n      \"active:bg-ui-bg-component-hover\",\n      \"data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none\",\n      \"data-[state=open]:!bg-ui-bg-component-hover\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightMini className=\"text-ui-fg-muted ml-auto\" />\n  </RadixDropdownMenu.SubTrigger>\n))\nSubMenuTrigger.displayName = \"DropdownMenu.SubMenuTrigger\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu SubContent](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#subcontent) primitive.\n */\nconst SubMenuContent = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.SubContent>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.SubContent>\n>(({ className, collisionPadding = 8, ...props }, ref) => (\n  <RadixDropdownMenu.Portal>\n    <RadixDropdownMenu.SubContent\n      ref={ref}\n      collisionPadding={collisionPadding}\n      className={clx(\n        \"z-admin-flyout bg-ui-bg-component 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  </RadixDropdownMenu.Portal>\n))\nSubMenuContent.displayName = \"DropdownMenu.SubMenuContent\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Content](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#content) primitive.\n */\nconst Content = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.Content>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.Content>\n>(\n  (\n    {\n      className,\n      /**\n       * The space in pixels between the dropdown menu and its trigger element.\n       */\n      sideOffset = 8,\n      /**\n       * The distance in pixels from the boundary edges where collision detection should occur.\n       */\n      collisionPadding = 8,\n      /**\n       * The alignment of the dropdown menu relative to its trigger element.\n       * \n       * @defaultValue center\n       */\n      align = \"center\",\n      ...props\n    },\n    ref\n  ) => (\n    <RadixDropdownMenu.Portal>\n      <RadixDropdownMenu.Content\n        ref={ref}\n        sideOffset={sideOffset}\n        align={align}\n        collisionPadding={collisionPadding}\n        className={clx(\n          \"z-admin-flyout bg-ui-bg-component 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    </RadixDropdownMenu.Portal>\n  )\n)\nContent.displayName = \"DropdownMenu.Content\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Item](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#item) primitive.\n */\nconst Item = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.Item>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.Item>\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Item\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors\",\n      \"focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover\",\n      \"active:bg-ui-bg-component-hover\",\n      \"data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none\",\n      className\n    )}\n    {...props}\n  />\n))\nItem.displayName = \"DropdownMenu.Item\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu CheckboxItem](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#checkboxitem) primitive.\n */\nconst CheckboxItem = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <RadixDropdownMenu.CheckboxItem\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-component text-ui-fg-base txt-compact-small relative flex cursor-pointer select-none items-center rounded-md py-1.5 pl-[31px] pr-2 outline-none transition-colors\",\n      \"focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover\",\n      \"active:bg-ui-bg-component-hover\",\n      \"data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none\",\n      \"data-[state=checked]:txt-compact-small-plus\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-[15px] items-center justify-center\">\n      <RadixDropdownMenu.ItemIndicator>\n        <CheckMini />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    {children}\n  </RadixDropdownMenu.CheckboxItem>\n))\nCheckboxItem.displayName = \"DropdownMenu.CheckboxItem\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu RadioItem](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#radioitem) primitive.\n */\nconst RadioItem = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <RadixDropdownMenu.RadioItem\n    ref={ref}\n    className={clx(\n      \"bg-ui-bg-component txt-compact-small relative flex cursor-pointer select-none items-center rounded-md py-1.5 pl-[31px] pr-2 outline-none transition-colors\",\n      \"focus-visible:bg-ui-bg-component-hover focus:bg-ui-bg-component-hover\",\n      \"active:bg-ui-bg-component-hover\",\n      \"data-[disabled]:text-ui-fg-disabled data-[disabled]:pointer-events-none\",\n      \"data-[state=checked]:txt-compact-small-plus\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex size-[15px] items-center justify-center\">\n      <RadixDropdownMenu.ItemIndicator>\n        <EllipseMiniSolid className=\"text-ui-fg-base\" />\n      </RadixDropdownMenu.ItemIndicator>\n    </span>\n    {children}\n  </RadixDropdownMenu.RadioItem>\n))\nRadioItem.displayName = \"DropdownMenu.RadioItem\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Label](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#label) primitive.\n */\nconst Label = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.Label>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.Label>\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Label\n    ref={ref}\n    className={clx(\"text-ui-fg-subtle txt-compact-xsmall-plus\", className)}\n    {...props}\n  />\n))\nLabel.displayName = \"DropdownMenu.Label\"\n\n/**\n * This component is based on the [Radix UI Dropdown Menu Separator](https://www.radix-ui.com/primitives/docs/components/dropdown-menu#separator) primitive.\n */\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof RadixDropdownMenu.Separator>,\n  React.ComponentPropsWithoutRef<typeof RadixDropdownMenu.Separator>\n>(({ className, ...props }, ref) => (\n  <RadixDropdownMenu.Separator\n    ref={ref}\n    className={clx(\n      \"bg-ui-border-component border-t-ui-border-menu-top border-b-ui-border-menu-bot -mx-1 my-1 h-0.5 border-b border-t\",\n      className\n    )}\n    {...props}\n  />\n))\nSeparator.displayName = \"DropdownMenu.Separator\"\n\n/**\n * This component is based on the `span` element and supports all of its props\n */\nconst Shortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-subtle txt-compact-small ml-auto tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nShortcut.displayName = \"DropdownMenu.Shortcut\"\n\n/**\n * This component is based on the `span` element and supports all of its props\n */\nconst Hint = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={clx(\n        \"text-ui-fg-subtle txt-compact-small ml-auto tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nHint.displayName = \"DropdownMenu.Hint\"\n\nconst DropdownMenu = Object.assign(Root, {\n  Trigger,\n  Group,\n  SubMenu,\n  SubMenuContent,\n  SubMenuTrigger,\n  Content,\n  Item,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  Label,\n  Separator,\n  Shortcut,\n  Hint,\n})\n\nexport { DropdownMenu }\n"]}

package/dist/cjs/components/dropdown-menu/index.d.ts

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

package/dist/cjs/components/dropdown-menu/index.d.ts.map

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

package/dist/cjs/components/dropdown-menu/index.js

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

package/dist/cjs/components/dropdown-menu/index.js.map

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

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

@@ -0,0 +1,74 @@
+import { VariantProps } from "cva";
+import * as React from "react";
+declare const emptyMediaVariants: (props?: ({
+    variant?: "icon" | "default" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare function Empty({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+declare function EmptyHeader({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+declare function EmptyMedia({ className, variant, ...props }: React.ComponentPropsWithoutRef<"div"> & VariantProps<typeof emptyMediaVariants>): React.JSX.Element;
+declare function EmptyTitle({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+declare function EmptyDescription({ className, ...props }: React.ComponentPropsWithoutRef<"p">): React.JSX.Element;
+declare function EmptyContent({ className, ...props }: React.ComponentPropsWithoutRef<"div">): React.JSX.Element;
+declare const EmptyRoot: typeof Empty & {
+    Header: typeof EmptyHeader;
+    Media: typeof EmptyMedia;
+    Title: typeof EmptyTitle;
+    Description: typeof EmptyDescription;
+    Content: typeof EmptyContent;
+};
+export { EmptyRoot as Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants, };
+//# sourceMappingURL=empty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["../../../../src/components/empty/empty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAWtB,CAAA;AAEF,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAW5E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAQvC;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GACtC,YAAY,CAAC,OAAO,kBAAkB,CAAC,qBASxC;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAQvC;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,qBAWrC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,qBAWvC;AAED,QAAA,MAAM,SAAS;;;;;;CAMb,CAAA;AAEF,OAAO,EACL,SAAS,IAAI,KAAK,EAClB,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,EACV,kBAAkB,GACnB,CAAA"}

package/dist/cjs/components/empty/empty.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.emptyMediaVariants = exports.Empty = void 0;
+exports.EmptyContent = EmptyContent;
+exports.EmptyDescription = EmptyDescription;
+exports.EmptyHeader = EmptyHeader;
+exports.EmptyMedia = EmptyMedia;
+exports.EmptyTitle = EmptyTitle;
+const tslib_1 = require("tslib");
+const cva_1 = require("cva");
+const React = tslib_1.__importStar(require("react"));
+const clx_1 = require("../../utils/clx.js");
+const emptyMediaVariants = (0, cva_1.cva)({
+    base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "flex size-8 shrink-0 items-center justify-center rounded-lg bg-ui-bg-subtle text-ui-fg-base [&_svg:not([class*='size-'])]:size-4",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+exports.emptyMediaVariants = emptyMediaVariants;
+function Empty({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "empty", className: (0, clx_1.clx)("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border border-dashed border-ui-border-base p-6 text-center text-ui-fg-base", className), ...props }));
+}
+function EmptyHeader({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "empty-header", className: (0, clx_1.clx)("flex max-w-sm flex-col items-center gap-2", className), ...props }));
+}
+function EmptyMedia({ className, variant = "default", ...props }) {
+    return (React.createElement("div", { "data-slot": "empty-media", "data-variant": variant, className: (0, clx_1.clx)(emptyMediaVariants({ variant }), className), ...props }));
+}
+function EmptyTitle({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "empty-title", className: (0, clx_1.clx)("txt-compact-medium-plus text-ui-fg-base", className), ...props }));
+}
+function EmptyDescription({ className, ...props }) {
+    return (React.createElement("p", { "data-slot": "empty-description", className: (0, clx_1.clx)("txt-compact-small text-ui-fg-muted [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-ui-fg-base", className), ...props }));
+}
+function EmptyContent({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "empty-content", className: (0, clx_1.clx)("txt-compact-small flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5", className), ...props }));
+}
+const EmptyRoot = Object.assign(Empty, {
+    Header: EmptyHeader,
+    Media: EmptyMedia,
+    Title: EmptyTitle,
+    Description: EmptyDescription,
+    Content: EmptyContent,
+});
+exports.Empty = EmptyRoot;
+//# sourceMappingURL=empty.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sourceRoot":"","sources":["../../../../src/components/empty/empty.tsx"],"names":[],"mappings":";;;AAmHE,oCAAY;AACZ,4CAAgB;AAChB,kCAAW;AACX,gCAAU;AACV,gCAAU;;AAvHZ,6BAAuC;AACvC,qDAA8B;AAE9B,qCAAiC;AAEjC,MAAM,kBAAkB,GAAG,IAAA,SAAG,EAAC;IAC7B,IAAI,EAAE,6FAA6F;IACnG,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,gBAAgB;YACzB,IAAI,EAAE,kIAAkI;SACzI;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAA;AAwGA,gDAAkB;AAtGpB,SAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyC;IAC3E,OAAO,CACL,0CACY,OAAO,EACjB,SAAS,EAAE,IAAA,SAAG,EACZ,6JAA6J,EAC7J,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,0CACY,cAAc,EACxB,SAAS,EAAE,IAAA,SAAG,EAAC,2CAA2C,EAAE,SAAS,CAAC,KAClE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EAE+B;IACvC,OAAO,CACL,0CACY,aAAa,kBACT,OAAO,EACrB,SAAS,EAAE,IAAA,SAAG,EAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,0CACY,aAAa,EACvB,SAAS,EAAE,IAAA,SAAG,EAAC,yCAAyC,EAAE,SAAS,CAAC,KAChE,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EAC4B;IACpC,OAAO,CACL,wCACY,mBAAmB,EAC7B,SAAS,EAAE,IAAA,SAAG,EACZ,yGAAyG,EACzG,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,CACL,0CACY,eAAe,EACzB,SAAS,EAAE,IAAA,SAAG,EACZ,8EAA8E,EAC9E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;IACrC,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;IACjB,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,YAAY;CACtB,CAAC,CAAA;AAGa,0BAAK","sourcesContent":["import { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { clx } from \"@/utils/clx\"\n\nconst emptyMediaVariants = cva({\n  base: \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"flex size-8 shrink-0 items-center justify-center rounded-lg bg-ui-bg-subtle text-ui-fg-base [&_svg:not([class*='size-'])]:size-4\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\nfunction Empty({ className, ...props }: React.ComponentPropsWithoutRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty\"\n      className={clx(\n        \"flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border border-dashed border-ui-border-base p-6 text-center text-ui-fg-base\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyHeader({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={clx(\"flex max-w-sm flex-col items-center gap-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentPropsWithoutRef<\"div\"> &\n  VariantProps<typeof emptyMediaVariants>) {\n  return (\n    <div\n      data-slot=\"empty-media\"\n      data-variant={variant}\n      className={clx(emptyMediaVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyTitle({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-title\"\n      className={clx(\"txt-compact-medium-plus text-ui-fg-base\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyDescription({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<\"p\">) {\n  return (\n    <p\n      data-slot=\"empty-description\"\n      className={clx(\n        \"txt-compact-small text-ui-fg-muted [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-ui-fg-base\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction EmptyContent({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<\"div\">) {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={clx(\n        \"txt-compact-small flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst EmptyRoot = Object.assign(Empty, {\n  Header: EmptyHeader,\n  Media: EmptyMedia,\n  Title: EmptyTitle,\n  Description: EmptyDescription,\n  Content: EmptyContent,\n})\n\nexport {\n  EmptyRoot as Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n  emptyMediaVariants,\n}\n"]}

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

@@ -0,0 +1,2 @@
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, emptyMediaVariants, } from "./empty";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/empty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,UAAU,EACV,UAAU,EACV,kBAAkB,GACnB,MAAM,SAAS,CAAA"}

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

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.emptyMediaVariants = exports.EmptyTitle = exports.EmptyMedia = exports.EmptyHeader = exports.EmptyDescription = exports.EmptyContent = exports.Empty = void 0;
+var empty_1 = require("./empty");
+Object.defineProperty(exports, "Empty", { enumerable: true, get: function () { return empty_1.Empty; } });
+Object.defineProperty(exports, "EmptyContent", { enumerable: true, get: function () { return empty_1.EmptyContent; } });
+Object.defineProperty(exports, "EmptyDescription", { enumerable: true, get: function () { return empty_1.EmptyDescription; } });
+Object.defineProperty(exports, "EmptyHeader", { enumerable: true, get: function () { return empty_1.EmptyHeader; } });
+Object.defineProperty(exports, "EmptyMedia", { enumerable: true, get: function () { return empty_1.EmptyMedia; } });
+Object.defineProperty(exports, "EmptyTitle", { enumerable: true, get: function () { return empty_1.EmptyTitle; } });
+Object.defineProperty(exports, "emptyMediaVariants", { enumerable: true, get: function () { return empty_1.emptyMediaVariants; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/empty/index.ts"],"names":[],"mappings":";;;AAAA,iCAQgB;AAPd,8FAAA,KAAK,OAAA;AACL,qGAAA,YAAY,OAAA;AACZ,yGAAA,gBAAgB,OAAA;AAChB,oGAAA,WAAW,OAAA;AACX,mGAAA,UAAU,OAAA;AACV,mGAAA,UAAU,OAAA;AACV,2GAAA,kBAAkB,OAAA","sourcesContent":["export {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n  emptyMediaVariants,\n} from \"./empty\"\n"]}

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

@@ -0,0 +1,91 @@
+import { VariantProps } from "cva";
+import * as React from "react";
+import { Label } from "../label/index.js";
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): React.JSX.Element;
+declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
+    variant?: "legend" | "label";
+}): React.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare const fieldVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | "responsive" | undefined;
+} & ({
+    class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+    className?: never;
+} | {
+    class?: never;
+    className?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | /*elided*/ any | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined)[] | {
+        [x: string]: any;
+    } | null | undefined;
+})) | undefined) => string;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): React.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
+    children?: React.ReactNode;
+}): React.JSX.Element;
+declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): React.JSX.Element | null;
+declare const FieldRoot: typeof Field & {
+    Set: typeof FieldSet;
+    Legend: typeof FieldLegend;
+    Group: typeof FieldGroup;
+    Content: typeof FieldContent;
+    Label: typeof FieldLabel;
+    Title: typeof FieldTitle;
+    Description: typeof FieldDescription;
+    Separator: typeof FieldSeparator;
+    Error: typeof FieldError;
+};
+export { FieldRoot as Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants, };
+//# sourceMappingURL=field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../../../src/components/field/field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAO,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAG1C,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,qBAQ1E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,OAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAAE,qBAYnE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAcjB,CAAA;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,qBAUlE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQzE;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,qBAWpC;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW3E;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,qBAmBA;AAED,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,SAAS,CAAC,CAAA;CACjD,4BAmCA;AAED,QAAA,MAAM,SAAS;;;;;;;;;;CAUb,CAAA;AAEF,OAAO,EACL,SAAS,IAAI,KAAK,EAClB,YAAY,EACZ,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,cAAc,EACd,QAAQ,EACR,UAAU,EACV,aAAa,GACd,CAAA"}

package/dist/cjs/components/field/field.js

@@ -0,0 +1,94 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fieldVariants = exports.Field = void 0;
+exports.FieldContent = FieldContent;
+exports.FieldDescription = FieldDescription;
+exports.FieldError = FieldError;
+exports.FieldGroup = FieldGroup;
+exports.FieldLabel = FieldLabel;
+exports.FieldLegend = FieldLegend;
+exports.FieldSeparator = FieldSeparator;
+exports.FieldSet = FieldSet;
+exports.FieldTitle = FieldTitle;
+const tslib_1 = require("tslib");
+const cva_1 = require("cva");
+const React = tslib_1.__importStar(require("react"));
+const divider_1 = require("../divider/index.js");
+const label_1 = require("../label/index.js");
+const clx_1 = require("../../utils/clx.js");
+function FieldSet({ className, ...props }) {
+    return (React.createElement("fieldset", { "data-slot": "field-set", className: (0, clx_1.clx)("flex flex-col gap-4", className), ...props }));
+}
+function FieldLegend({ className, variant = "legend", ...props }) {
+    return (React.createElement("legend", { "data-slot": "field-legend", "data-variant": variant, className: (0, clx_1.clx)("mb-1.5 font-medium text-ui-fg-base data-[variant=label]:txt-compact-small-plus data-[variant=legend]:txt-compact-medium-plus", className), ...props }));
+}
+function FieldGroup({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "field-group", className: (0, clx_1.clx)("group/field-group flex w-full flex-col gap-5", className), ...props }));
+}
+const fieldVariants = (0, cva_1.cva)({
+    base: "group/field flex w-full gap-2 data-[invalid=true]:text-ui-fg-error",
+    variants: {
+        orientation: {
+            vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+            horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto",
+            responsive: "flex-col *:w-full md:flex-row md:items-center md:*:w-auto md:has-[>[data-slot=field-content]]:items-start md:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto",
+        },
+    },
+    defaultVariants: {
+        orientation: "vertical",
+    },
+});
+exports.fieldVariants = fieldVariants;
+function Field({ className, orientation = "vertical", ...props }) {
+    return (React.createElement("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: (0, clx_1.clx)(fieldVariants({ orientation }), className), ...props }));
+}
+function FieldContent({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "field-content", className: (0, clx_1.clx)("flex flex-1 flex-col gap-0.5 leading-snug", className), ...props }));
+}
+function FieldLabel({ className, ...props }) {
+    return (React.createElement(label_1.Label, { "data-slot": "field-label", className: (0, clx_1.clx)("flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", className), ...props }));
+}
+function FieldTitle({ className, ...props }) {
+    return (React.createElement("div", { "data-slot": "field-title", className: (0, clx_1.clx)("txt-compact-small-plus flex w-fit items-center gap-2 text-ui-fg-base group-data-[disabled=true]/field:opacity-50", className), ...props }));
+}
+function FieldDescription({ className, ...props }) {
+    return (React.createElement("p", { "data-slot": "field-description", className: (0, clx_1.clx)("txt-compact-small text-left font-normal text-ui-fg-muted [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-ui-fg-base", className), ...props }));
+}
+function FieldSeparator({ children, className, ...props }) {
+    return (React.createElement("div", { "data-slot": "field-separator", "data-content": !!children, className: (0, clx_1.clx)("relative -my-2 h-5 text-ui-fg-muted", className), ...props },
+        React.createElement(divider_1.Divider, { className: "absolute inset-0 top-1/2" }),
+        children && (React.createElement("span", { className: "txt-compact-small relative mx-auto block w-fit bg-ui-bg-base px-2", "data-slot": "field-separator-content" }, children))));
+}
+function FieldError({ className, children, errors, ...props }) {
+    const content = React.useMemo(() => {
+        var _a;
+        if (children)
+            return children;
+        if (!(errors === null || errors === void 0 ? void 0 : errors.length))
+            return null;
+        const uniqueErrors = [
+            ...new Map(errors.map((error) => [error === null || error === void 0 ? void 0 : error.message, error])).values(),
+        ];
+        if (uniqueErrors.length === 1) {
+            return (_a = uniqueErrors[0]) === null || _a === void 0 ? void 0 : _a.message;
+        }
+        return (React.createElement("ul", { className: "ml-4 flex list-disc flex-col gap-1" }, uniqueErrors.map((error, index) => (error === null || error === void 0 ? void 0 : error.message) && React.createElement("li", { key: index }, error.message))));
+    }, [children, errors]);
+    if (!content)
+        return null;
+    return (React.createElement("div", { role: "alert", "data-slot": "field-error", className: (0, clx_1.clx)("txt-compact-small text-ui-fg-error", className), ...props }, content));
+}
+const FieldRoot = Object.assign(Field, {
+    Set: FieldSet,
+    Legend: FieldLegend,
+    Group: FieldGroup,
+    Content: FieldContent,
+    Label: FieldLabel,
+    Title: FieldTitle,
+    Description: FieldDescription,
+    Separator: FieldSeparator,
+    Error: FieldError,
+});
+exports.Field = FieldRoot;
+//# sourceMappingURL=field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../../src/components/field/field.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport { VariantProps, cva } from \"cva\"\nimport * as React from \"react\"\n\nimport { Divider } from \"@/components/divider\"\nimport { Label } from \"@/components/label\"\nimport { clx } from \"@/utils/clx\"\n\nfunction FieldSet({ className, ...props }: React.ComponentProps<\"fieldset\">) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={clx(\"flex flex-col gap-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({\n  className,\n  variant = \"legend\",\n  ...props\n}: React.ComponentProps<\"legend\"> & { variant?: \"legend\" | \"label\" }) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={clx(\n        \"mb-1.5 font-medium text-ui-fg-base data-[variant=label]:txt-compact-small-plus data-[variant=legend]:txt-compact-medium-plus\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={clx(\"group/field-group flex w-full flex-col gap-5\", className)}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva({\n  base: \"group/field flex w-full gap-2 data-[invalid=true]:text-ui-fg-error\",\n  variants: {\n    orientation: {\n      vertical: \"flex-col *:w-full [&>.sr-only]:w-auto\",\n      horizontal:\n        \"flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto\",\n      responsive:\n        \"flex-col *:w-full md:flex-row md:items-center md:*:w-auto md:has-[>[data-slot=field-content]]:items-start md:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n})\n\nfunction Field({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof fieldVariants>) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"field\"\n      data-orientation={orientation}\n      className={clx(fieldVariants({ orientation }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={clx(\"flex flex-1 flex-col gap-0.5 leading-snug\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Label>) {\n  return (\n    <Label\n      data-slot=\"field-label\"\n      className={clx(\n        \"flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"field-title\"\n      className={clx(\n        \"txt-compact-small-plus flex w-fit items-center gap-2 text-ui-fg-base group-data-[disabled=true]/field:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={clx(\n        \"txt-compact-small text-left font-normal text-ui-fg-muted [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-ui-fg-base\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  children?: React.ReactNode\n}) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={clx(\"relative -my-2 h-5 text-ui-fg-muted\", className)}\n      {...props}\n    >\n      <Divider className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"txt-compact-small relative mx-auto block w-fit bg-ui-bg-base px-2\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({\n  className,\n  children,\n  errors,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  errors?: Array<{ message?: string } | undefined>\n}) {\n  const content = React.useMemo(() => {\n    if (children) return children\n    if (!errors?.length) return null\n\n    const uniqueErrors = [\n      ...new Map(errors.map((error) => [error?.message, error])).values(),\n    ]\n\n    if (uniqueErrors.length === 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map(\n          (error, index) =>\n            error?.message && <li key={index}>{error.message}</li>\n        )}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) return null\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={clx(\"txt-compact-small text-ui-fg-error\", className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nconst FieldRoot = Object.assign(Field, {\n  Set: FieldSet,\n  Legend: FieldLegend,\n  Group: FieldGroup,\n  Content: FieldContent,\n  Label: FieldLabel,\n  Title: FieldTitle,\n  Description: FieldDescription,\n  Separator: FieldSeparator,\n  Error: FieldError,\n})\n\nexport {\n  FieldRoot as Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n  fieldVariants,\n}\n"]}

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

@@ -0,0 +1,2 @@
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, fieldVariants, } from "./field";
+//# sourceMappingURL=index.d.ts.map