ics-ui-kit 0.1.0-alpha.38 → 0.1.0-alpha.39

package/dist/components/breadcrumb.js

@@ -17,13 +17,13 @@ const d = n("Ellipsis", [
 ]), p = c.forwardRef(({ ...e }, r) => /* @__PURE__ */ s("nav", { ref: r, "aria-label": "breadcrumb", ...e }));
 p.displayName = "Breadcrumb";
 const b = t({
-  base: "flex flex-wrap items-center gap-1.5 break-words text-sm text-muted sm:gap-3"
+  base: "flex flex-wrap items-center gap-2 break-words text-sm text-muted"
 }), u = c.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s("ol", { ref: a, className: b({ className: e }), ...r })
 );
 u.displayName = "BreadcrumbList";
 const f = t({
-  base: "inline-flex items-center gap-1.5"
+  base: "inline-flex items-center gap-1.5 py-2"
 }), y = c.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s("li", { ref: a, className: f({ className: e }), ...r })
 );
@@ -34,7 +34,7 @@ const x = t({
 N.displayName = "BreadcrumbLink";
 const B = t({
   base: "font-normal text-primary-fg"
-}), g = c.forwardRef(
+}), h = c.forwardRef(
   ({ className: e, ...r }, a) => /* @__PURE__ */ s(
     "span",
     {
@@ -47,11 +47,11 @@ const B = t({
     }
   )
 );
-g.displayName = "BreadcrumbPage";
-const h = t({
-  base: "[&>svg]:h-3.5 [&>svg]:w-3.5"
-}), w = ({ children: e, className: r, ...a }) => /* @__PURE__ */ s("li", { role: "presentation", "aria-hidden": "true", className: h({ className: r }), ...a, children: e ?? /* @__PURE__ */ s(l, {}) });
-w.displayName = "BreadcrumbSeparator";
+h.displayName = "BreadcrumbPage";
+const w = t({
+  base: "[&>svg]:h-4 [&>svg]:w-4"
+}), g = ({ children: e, className: r, ...a }) => /* @__PURE__ */ s("li", { role: "presentation", "aria-hidden": "true", className: w({ className: r }), ...a, children: e ?? /* @__PURE__ */ s(l, {}) });
+g.displayName = "BreadcrumbSeparator";
 const S = t({
   slots: {
     wrapper: "flex h-9 w-9 items-center justify-center hover:text-primary-fg",
@@ -72,7 +72,7 @@ export {
   y as BreadcrumbItem,
   N as BreadcrumbLink,
   u as BreadcrumbList,
-  g as BreadcrumbPage,
-  w as BreadcrumbSeparator
+  h as BreadcrumbPage,
+  g as BreadcrumbSeparator
 };
 //# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","sources":["../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js","../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Ellipsis = createLucideIcon(\"Ellipsis\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"1\", key: \"41hilf\" }],\n  [\"circle\", { cx: \"19\", cy: \"12\", r: \"1\", key: \"1wjl8i\" }],\n  [\"circle\", { cx: \"5\", cy: \"12\", r: \"1\", key: \"1pcz8c\" }]\n]);\n\nexport { Ellipsis as default };\n//# sourceMappingURL=ellipsis.js.map\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\nimport { tv } from \"tailwind-variants\";\n\nconst Breadcrumb = React.forwardRef<\n\tHTMLElement,\n\tReact.ComponentPropsWithoutRef<\"nav\"> & {\n\t\tseparator?: React.ReactNode;\n\t}\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nconst breadcrumbListStyles = tv({\n\tbase: \"flex flex-wrap items-center gap-1.5 break-words text-sm text-muted sm:gap-3\"\n});\n\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<\"ol\">>(\n\t({ className, ...props }, ref) => <ol ref={ref} className={breadcrumbListStyles({ className })} {...props} />\n);\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nconst breadcrumbItemStyles = tv({\n\tbase: \"inline-flex items-center gap-1.5\"\n});\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<\"li\">>(\n\t({ className, ...props }, ref) => <li ref={ref} className={breadcrumbItemStyles({ className })} {...props} />\n);\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nconst breadcrumbLinkStyles = tv({\n\tbase: \"transition-colors hover:text-primary-fg\"\n});\n\nconst BreadcrumbLink = React.forwardRef<\n\tHTMLAnchorElement,\n\tReact.ComponentPropsWithoutRef<\"a\"> & {\n\t\tasChild?: boolean;\n\t}\n>(({ asChild, className, ...props }, ref) => {\n\tconst Comp = asChild ? Slot : \"a\";\n\n\treturn <Comp ref={ref} className={breadcrumbLinkStyles({ className })} {...props} />;\n});\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nconst breadcrumbPageStyles = tv({\n\tbase: \"font-normal text-primary-fg\"\n});\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<\"span\">>(\n\t({ className, ...props }, ref) => (\n\t\t<span\n\t\t\tref={ref}\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={breadcrumbPageStyles({ className })}\n\t\t\t{...props}\n\t\t/>\n\t)\n);\n\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\nconst breadcrumbSeparatorStyles = tv({\n\tbase: \"[&>svg]:h-3.5 [&>svg]:w-3.5\"\n});\n\nconst BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<\"li\">) => (\n\t<li role=\"presentation\" aria-hidden=\"true\" className={breadcrumbSeparatorStyles({ className })} {...props}>\n\t\t{children ?? <ChevronRight />}\n\t</li>\n);\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\n\nconst breadcrumbEllipsisStyles = tv({\n\tslots: {\n\t\twrapper: \"flex h-9 w-9 items-center justify-center hover:text-primary-fg\",\n\t\tmore: \"h-4 w-4\",\n\t\ttext: \"sr-only\"\n\t}\n});\n\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => {\n\tconst styles = breadcrumbEllipsisStyles();\n\n\treturn (\n\t\t<span role=\"presentation\" aria-hidden=\"true\" className={styles.wrapper({ className })} {...props}>\n\t\t\t<MoreHorizontal className={styles.more()} />\n\t\t\t<span className={styles.text()}>More</span>\n\t\t</span>\n\t);\n};\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\";\n\nexport {\n\tBreadcrumb,\n\tBreadcrumbList,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n\tBreadcrumbEllipsis\n};\n"],"names":["Ellipsis","createLucideIcon","Breadcrumb","React","props","ref","jsx","breadcrumbListStyles","tv","BreadcrumbList","className","breadcrumbItemStyles","BreadcrumbItem","breadcrumbLinkStyles","BreadcrumbLink","asChild","Slot","breadcrumbPageStyles","BreadcrumbPage","breadcrumbSeparatorStyles","BreadcrumbSeparator","children","ChevronRight","breadcrumbEllipsisStyles","BreadcrumbEllipsis","styles","jsxs","MoreHorizontal"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"breadcrumb.js","sources":["../../node_modules/.pnpm/lucide-react@0.460.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/ellipsis.js","../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.460.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Ellipsis = createLucideIcon(\"Ellipsis\", [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"1\", key: \"41hilf\" }],\n  [\"circle\", { cx: \"19\", cy: \"12\", r: \"1\", key: \"1wjl8i\" }],\n  [\"circle\", { cx: \"5\", cy: \"12\", r: \"1\", key: \"1pcz8c\" }]\n]);\n\nexport { Ellipsis as default };\n//# sourceMappingURL=ellipsis.js.map\n","import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\nimport { tv } from \"tailwind-variants\";\n\nconst Breadcrumb = React.forwardRef<\n\tHTMLElement,\n\tReact.ComponentPropsWithoutRef<\"nav\"> & {\n\t\tseparator?: React.ReactNode;\n\t}\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nconst breadcrumbListStyles = tv({\n\tbase: \"flex flex-wrap items-center gap-2 break-words text-sm text-muted\"\n});\n\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<\"ol\">>(\n\t({ className, ...props }, ref) => <ol ref={ref} className={breadcrumbListStyles({ className })} {...props} />\n);\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nconst breadcrumbItemStyles = tv({\n\tbase: \"inline-flex items-center gap-1.5 py-2\"\n});\n\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<\"li\">>(\n\t({ className, ...props }, ref) => <li ref={ref} className={breadcrumbItemStyles({ className })} {...props} />\n);\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nconst breadcrumbLinkStyles = tv({\n\tbase: \"transition-colors hover:text-primary-fg\"\n});\n\nconst BreadcrumbLink = React.forwardRef<\n\tHTMLAnchorElement,\n\tReact.ComponentPropsWithoutRef<\"a\"> & {\n\t\tasChild?: boolean;\n\t}\n>(({ asChild, className, ...props }, ref) => {\n\tconst Comp = asChild ? Slot : \"a\";\n\n\treturn <Comp ref={ref} className={breadcrumbLinkStyles({ className })} {...props} />;\n});\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nconst breadcrumbPageStyles = tv({\n\tbase: \"font-normal text-primary-fg\"\n});\n\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<\"span\">>(\n\t({ className, ...props }, ref) => (\n\t\t<span\n\t\t\tref={ref}\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={breadcrumbPageStyles({ className })}\n\t\t\t{...props}\n\t\t/>\n\t)\n);\n\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\nconst breadcrumbSeparatorStyles = tv({\n\tbase: \"[&>svg]:h-4 [&>svg]:w-4\"\n});\n\nconst BreadcrumbSeparator = ({ children, className, ...props }: React.ComponentProps<\"li\">) => (\n\t<li role=\"presentation\" aria-hidden=\"true\" className={breadcrumbSeparatorStyles({ className })} {...props}>\n\t\t{children ?? <ChevronRight />}\n\t</li>\n);\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\n\nconst breadcrumbEllipsisStyles = tv({\n\tslots: {\n\t\twrapper: \"flex h-9 w-9 items-center justify-center hover:text-primary-fg\",\n\t\tmore: \"h-4 w-4\",\n\t\ttext: \"sr-only\"\n\t}\n});\n\nconst BreadcrumbEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => {\n\tconst styles = breadcrumbEllipsisStyles();\n\n\treturn (\n\t\t<span role=\"presentation\" aria-hidden=\"true\" className={styles.wrapper({ className })} {...props}>\n\t\t\t<MoreHorizontal className={styles.more()} />\n\t\t\t<span className={styles.text()}>More</span>\n\t\t</span>\n\t);\n};\n\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\";\n\nexport {\n\tBreadcrumb,\n\tBreadcrumbList,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n\tBreadcrumbEllipsis\n};\n"],"names":["Ellipsis","createLucideIcon","Breadcrumb","React","props","ref","jsx","breadcrumbListStyles","tv","BreadcrumbList","className","breadcrumbItemStyles","BreadcrumbItem","breadcrumbLinkStyles","BreadcrumbLink","asChild","Slot","breadcrumbPageStyles","BreadcrumbPage","breadcrumbSeparatorStyles","BreadcrumbSeparator","children","ChevronRight","breadcrumbEllipsisStyles","BreadcrumbEllipsis","styles","jsxs","MoreHorizontal"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/components/button.js

@@ -5,7 +5,7 @@ import { jsx as a } from "react/jsx-runtime";
 import m from "react";
 import { T as c } from "../index-BVqs-uqP.js";
 import { L as e } from "../loader-circle-D1YXTEGq.js";
-import { R as I } from "../RichButton-DC6-pK-N.js";
+import { R as I } from "../RichButton-CQRpu0br.js";
 import { T as b } from "../TriggerButton-CbeMZdLX.js";
 const l = c({
   slots: {

package/dist/components/carousel/Carousel.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof Carousel>;
 export declare const Horizontal: Story;
 export declare const Vertical: Story;
+export declare const WithImages: Story;

package/dist/components/checkbox.js

@@ -1,4 +1,4 @@
-import { C as o, a, c as s } from "../CheckboxField-BlIlieRl.js";
+import { C as o, a, c as s } from "../CheckboxField-CzWvZgVu.js";
 export {
   o as Checkbox,
   a as CheckboxField,

package/dist/components/command.js

@@ -1,4 +1,4 @@
-import { C as o, a as d, d as n, e as s, b as C, f as t, c as r, h as p, g as e } from "../Command-CIbwIJiT.js";
+import { C as o, a as d, d as n, e as s, b as C, f as t, c as r, h as p, g as e } from "../Command-Bzw5pGyZ.js";
 export {
   o as Command,
   d as CommandDialog,

package/dist/components/drawer.js

@@ -8,7 +8,7 @@ import { T as Z } from "../index-BVqs-uqP.js";
 import { o as Fe } from "../Overlay-CLw_hvAN.js";
 import { u as ze } from "../usePortalContainer-ae6EzS08.js";
 import { B as bt } from "../Button-Kf5vwkHh.js";
-import { a as We } from "../CheckboxField-BlIlieRl.js";
+import { a as We } from "../CheckboxField-CzWvZgVu.js";
 import { D as Ue } from "../Description-B5wn0Rpy.js";
 import { I as Vt } from "../Icon-DH3ev9GK.js";
 import { c as Ve } from "../createLucideIcon-DwBrHnj9.js";

package/dist/components/dropdown.js

@@ -15,7 +15,7 @@ import { u as te } from "../index-0ioNhtNM.js";
 import { T as y } from "../index-BVqs-uqP.js";
 import { T as Zn } from "../TriggerButton-CbeMZdLX.js";
 import { u as qn } from "../usePortalContainer-ae6EzS08.js";
-import { m as W } from "../MenuItem-Die-qr8a.js";
+import { m as W } from "../MenuItem-BnBInKbB.js";
 import { u as _ } from "../ComponentVariantProvider-B0SFUaXB.js";
 import { c as Jn } from "../utils-dsXlqdJg.js";
 import { M as Qn } from "../minus-BltQa7Q2.js";

package/dist/components/file-upload.js

@@ -3,7 +3,7 @@ import { I as H } from "../IconButton-BbL0cLUL.js";
 import { f as j, u as S } from "../useFileUpload-iDag0iqM.js";
 import U, { useMemo as T, useCallback as M } from "react";
 import { T as g } from "../index-BVqs-uqP.js";
-import { F as V } from "../FeatureIcon-BrWA9wvT.js";
+import { F as V } from "../FeatureIcon-BiyINU7m.js";
 import { c as F } from "../createLucideIcon-DwBrHnj9.js";
 import { I as J } from "../image-BqL5JP90.js";
 import { X as q } from "../x-tDTt7hTQ.js";

package/dist/components/form.js

@@ -6,7 +6,7 @@ import { a as M, d as q, b as z, F as A, e as E } from "../FormBody-D1w8vHrS.js"
 import { D as l } from "../Divider-Dm2gjy8W.js";
 import s from "react";
 import { B as d } from "../Button-Kf5vwkHh.js";
-import { F as J, a as K } from "../FormHeaderTemplate-DZdIU--D.js";
+import { F as J, a as K } from "../FormHeaderTemplate-0GrHpRqE.js";
 const F = a({
   base: "text-md font-semibold"
 });

package/dist/components/icon.js

@@ -1,5 +1,5 @@
 import { I as e } from "../Icon-DH3ev9GK.js";
-import { F as t } from "../FeatureIcon-BrWA9wvT.js";
+import { F as t } from "../FeatureIcon-BiyINU7m.js";
 export {
   t as FeatureIcon,
   e as Icon

package/dist/components/menu-item/components/{MenuItemButton.d.ts → menu-item-button/MenuItemButton.d.ts}

@@ -1,4 +1,4 @@
-import { ButtonProps } from '../../button/button/Button';
+import { ButtonProps } from '../../../button/button/Button';
 type MenuItemIconProps = ButtonProps;
 export declare const MenuItemButton: {
     ({ className, ...props }: MenuItemIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/menu-item/components/menu-item-button/MenuItemButton.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MenuItemButton } from './MenuItemButton';
+declare const meta: Meta<typeof MenuItemButton>;
+export default meta;
+type Story = StoryObj<typeof MenuItemButton>;
+export declare const Default: Story;
+export declare const Variant: Story;

package/dist/components/menu-item/components/{MenuItemIcon.d.ts → menu-item-icon/MenuItemIcon.d.ts}

@@ -1,4 +1,4 @@
-import { IconProps } from '../../icon/Icon';
+import { IconProps } from '../../../icon/Icon';
 type MenuItemIconProps = IconProps;
 export declare const MenuItemIcon: {
     ({ className, icon, ...props }: MenuItemIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/menu-item/components/menu-item-icon/MenuItemIcon.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MenuItemIcon } from './MenuItemIcon';
+declare const meta: Meta<typeof MenuItemIcon>;
+export default meta;
+type Story = StoryObj<typeof MenuItemIcon>;
+export declare const Default: Story;

package/dist/components/menu-item/components/{MenuItemIconButton.d.ts → menu-item-icon-button/MenuItemIconButton.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ButtonBaseVariants } from '../../button/button-base/ButtonBase';
+import { ButtonBaseVariants } from '../../../button/button-base/ButtonBase';
 import { LucideIcon } from 'lucide-react';
 export declare const MenuItemIconButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & ButtonBaseVariants & {
     asChild?: boolean;

package/dist/components/menu-item/components/menu-item-icon-button/MenuItemIconButton.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MenuItemIconButton } from './MenuItemIconButton';
+declare const meta: Meta<typeof MenuItemIconButton>;
+export default meta;
+type Story = StoryObj<typeof MenuItemIconButton>;
+export declare const Default: Story;
+export declare const Variant: Story;

package/dist/components/menu-item/components/menu-item-secondary-text/MenuItemSecondaryText.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MenuItemSecondaryText } from './MenuItemSecondaryText';
+declare const meta: Meta<typeof MenuItemSecondaryText>;
+export default meta;
+type Story = StoryObj<typeof MenuItemSecondaryText>;
+export declare const Default: Story;

package/dist/components/menu-item/components/menu-item-shortcut/MenuItemShortcut.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MenuItemShortcut } from './MenuItemShortcut';
+declare const meta: Meta<typeof MenuItemShortcut>;
+export default meta;
+type Story = StoryObj<typeof MenuItemShortcut>;
+export declare const Default: Story;

package/dist/components/menu-item/components/menu-item-text/MenuItemText.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MenuItemText } from './MenuItemText';
+declare const meta: Meta<typeof MenuItemText>;
+export default meta;
+type Story = StoryObj<typeof MenuItemText>;
+export declare const Default: Story;

package/dist/components/menu-item/index.d.ts

@@ -1,11 +1,11 @@
 export { MenuItem, menuItemStyles } from './MenuItem';
 export { MenuItemAction } from './MenuItemAction';
-export { MenuItemButton } from './components/MenuItemButton';
-export { MenuItemIcon } from './components/MenuItemIcon';
-export { MenuItemIconButton } from './components/MenuItemIconButton';
-export { MenuItemSecondaryText } from './components/MenuItemSecondaryText';
-export { MenuItemShortcut } from './components/MenuItemShortcut';
-export { MenuItemText } from './components/MenuItemText';
+export { MenuItemButton } from './components/menu-item-button/MenuItemButton';
+export { MenuItemIcon } from './components/menu-item-icon/MenuItemIcon';
+export { MenuItemIconButton } from './components/menu-item-icon-button/MenuItemIconButton';
+export { MenuItemSecondaryText } from './components/menu-item-secondary-text/MenuItemSecondaryText';
+export { MenuItemShortcut } from './components/menu-item-shortcut/MenuItemShortcut';
+export { MenuItemText } from './components/menu-item-text/MenuItemText';
 export { MenuItemActionTemplate } from './templates/menu-item-action-template/MenuItemActionTemplate';
 export { MenuItemCommonTemplate } from './templates/menu-item-common-template/MenuItemCommonTemplate';
 export { MenuItemInfoTemplate } from './templates/menu-item-info-template/MenuItemInfoTemplate';

package/dist/components/menu-item.js

@@ -1,5 +1,5 @@
-import { M as N } from "../MenuItem-Die-qr8a.js";
-import { m as ae } from "../MenuItem-Die-qr8a.js";
+import { M as N } from "../MenuItem-BnBInKbB.js";
+import { m as ae } from "../MenuItem-BnBInKbB.js";
 import { jsx as s, jsxs as o, Fragment as I } from "react/jsx-runtime";
 import { T as c } from "../index-BVqs-uqP.js";
 import d from "react";
@@ -9,9 +9,9 @@ import { I as v } from "../IconButton-BbL0cLUL.js";
 import { S as M } from "../Shortcut-Cm4nUx2C.js";
 import { c as S } from "../utils-dsXlqdJg.js";
 import { C as l } from "../check-CeyaOoZv.js";
-import { F as b } from "../FeatureIcon-BrWA9wvT.js";
+import { F as b } from "../FeatureIcon-BiyINU7m.js";
 import { D as T } from "../Description-B5wn0Rpy.js";
-import { r as g } from "../RichButton-DC6-pK-N.js";
+import { r as g } from "../RichButton-CQRpu0br.js";
 const w = c({
   base: "hover:cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary"
 }), k = d.forwardRef(
@@ -72,7 +72,7 @@ const z = ({ icon: e, text: t, shortcut: n }) => /* @__PURE__ */ o(I, { children
 z.displayName = "MenuItemActionTemplate";
 const D = c({
   slots: {
-    wrapper: "flex w-full flex-row items-center gap-3",
+    wrapper: "flex w-full flex-row items-center gap-2",
     contentWrapper: "flex flex-row items-center gap-2",
     check: "invisible",
     rightIcon: "ml-auto"
@@ -128,7 +128,7 @@ const q = c({
 E.displayName = "MenuItemInfoTemplate";
 const G = c({
   slots: {
-    wrapper: "flex w-full flex-row items-center gap-3",
+    wrapper: "flex w-full flex-row items-center gap-2",
     contentWrapper: "flex flex-row items-center gap-2",
     check: "invisible",
     button: "ml-auto"

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

@@ -1 +1 @@
-{"version":3,"file":"menu-item.js","sources":["../../src/components/menu-item/MenuItemAction.tsx","../../src/components/menu-item/components/MenuItemButton.tsx","../../src/components/menu-item/components/MenuItemIcon.tsx","../../src/components/menu-item/components/MenuItemIconButton.tsx","../../src/components/menu-item/components/MenuItemSecondaryText.tsx","../../src/components/menu-item/components/MenuItemShortcut.tsx","../../src/components/menu-item/components/MenuItemText.tsx","../../src/components/menu-item/templates/menu-item-action-template/MenuItemActionTemplate.tsx","../../src/components/menu-item/templates/menu-item-common-template/MenuItemCommonTemplate.tsx","../../src/components/menu-item/templates/menu-item-info-template/MenuItemInfoTemplate.tsx","../../src/components/menu-item/templates/menu-item-interactive-template/MenuItemInteractiveTemplate.tsx","../../src/components/menu-item/templates/menu-item-rich-template/MenuItemRichTemplate.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\nimport { MenuItem, MenuItemProps } from \"./MenuItem\";\nimport { PropsWithChildren } from \"react\";\nimport React from \"react\";\n\nconst menuItemActionStyles = tv({\n\tbase: \"hover:cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary\"\n});\n\nexport type MenuActionItemProps = MenuItemProps;\n\nexport const MenuItemAction = React.forwardRef<HTMLDivElement, PropsWithChildren<MenuActionItemProps>>(\n\t({ className, children, ...props }, ref) => (\n\t\t<MenuItem ref={ref} className={menuItemActionStyles({ className })} tabIndex={0} {...props}>\n\t\t\t{children}\n\t\t</MenuItem>\n\t)\n);\n\nMenuItemAction.displayName = \"MenuItemAction\";\n","import { Button } from \"@/components/button\";\nimport { ButtonProps } from \"@/components/button/button/Button\";\nimport { tv } from \"tailwind-variants\";\n\nconst menuItemButtonStyles = tv({\n\tbase: \"h-6 rounded-sm py-1\"\n});\n\ntype MenuItemIconProps = ButtonProps;\n\nexport const MenuItemButton = ({ className, ...props }: MenuItemIconProps) => (\n\t<Button\n\t\tdata-menu-item-action\n\t\tsize=\"xs\"\n\t\tvariant={props?.variant ?? \"ghost\"}\n\t\tclassName={menuItemButtonStyles({ className })}\n\t\t{...props}\n\t/>\n);\n\nMenuItemButton.displayName = \"MenuItemButton\";\n","import { Icon } from \"@/components/icon\";\nimport { IconProps } from \"@/components/icon/Icon\";\nimport { tv } from \"tailwind-variants\";\n\nconst menuItemIconStyles = tv({\n\tbase: \"truncate text-sm text-primary-fg\"\n});\n\ntype MenuItemIconProps = IconProps;\n\nexport const MenuItemIcon = ({ className, icon, ...props }: MenuItemIconProps) => (\n\t<Icon icon={icon} className={menuItemIconStyles({ className })} {...props} />\n);\n\nMenuItemIcon.displayName = \"MenuItemIcon\";\n","import { IconButton } from \"@/components/button\";\nimport { IconButtonProps } from \"@/components/button/icon-button/IconButton\";\nimport { tv } from \"tailwind-variants\";\nimport React from \"react\";\n\nconst menuItemIconButtonStyles = tv({\n\tbase: \"h-6 w-6 rounded-sm\"\n});\n\ntype MenuItemIconProps = IconButtonProps;\n\nexport const MenuItemIconButton = React.forwardRef<HTMLButtonElement, MenuItemIconProps>(\n\t({ className, icon, ...props }, ref) => (\n\t\t<IconButton\n\t\t\tref={ref}\n\t\t\ticon={icon}\n\t\t\tdata-menu-item-action\n\t\t\tsize=\"xs\"\n\t\t\tvariant={props?.variant ?? \"ghost\"}\n\t\t\tclassName={menuItemIconButtonStyles({ className })}\n\t\t\t{...props}\n\t\t/>\n\t)\n);\n\nMenuItemIconButton.displayName = \"MenuItemIconButton\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst menuItemSecondaryTextStyles = tv({\n\tbase: \"truncate text-xs text-muted\"\n});\n\ntype MenuItemTextProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const MenuItemSecondaryText = ({ className, children, ...props }: MenuItemTextProps) => (\n\t<span className={menuItemSecondaryTextStyles({ className })} {...props}>\n\t\t{children}\n\t</span>\n);\n\nMenuItemSecondaryText.displayName = \"MenuItemSecondaryText\";\n","import { Shortcut } from \"@/components/shortcut\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst menuItemShortcutStyles = tv({\n\tbase: \"\"\n});\n\ntype MenuItemTextProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const MenuItemShortcut = ({ className, children, ...props }: MenuItemTextProps) => (\n\t<Shortcut variant=\"ghost\" className={menuItemShortcutStyles({ className })} {...props}>\n\t\t{children}\n\t</Shortcut>\n);\n\nMenuItemShortcut.displayName = \"MenuItemShortcut\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst menuItemTextStyles = tv({\n\tbase: \"flex-1 truncate text-sm text-primary-fg\"\n});\n\ntype MenuItemTextProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const MenuItemText = ({ className, children, ...props }: MenuItemTextProps) => (\n\t<span className={menuItemTextStyles({ className })} {...props}>\n\t\t{children}\n\t</span>\n);\n\nMenuItemText.displayName = \"MenuItemText\";\n","import { PropsWithChildren } from \"react\";\nimport { MenuItemIcon } from \"../../components/MenuItemIcon\";\nimport { LucideIcon } from \"lucide-react\";\nimport { MenuItemText } from \"../../components/MenuItemText\";\nimport { MenuItemShortcut } from \"../../components/MenuItemShortcut\";\n\ntype MenuItemActionTemplateProps = {\n\ticon: LucideIcon;\n\ttext: string;\n\tshortcut?: string;\n};\n\nexport const MenuItemActionTemplate = ({ icon, text, shortcut }: PropsWithChildren<MenuItemActionTemplateProps>) => {\n\treturn (\n\t\t<>\n\t\t\t<MenuItemIcon icon={icon} />\n\t\t\t<MenuItemText>{text}</MenuItemText>\n\t\t\t{shortcut && <MenuItemShortcut>{shortcut}</MenuItemShortcut>}\n\t\t</>\n\t);\n};\n\nMenuItemActionTemplate.displayName = \"MenuItemActionTemplate\";\n","import { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { MenuItemText } from \"../../components/MenuItemText\";\nimport { Icon } from \"@/components/icon\";\nimport { Check, LucideIcon } from \"lucide-react\";\nimport { MenuItemIcon } from \"../../components/MenuItemIcon\";\nimport { cn } from \"@/lib/utils\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface MenuItemCommonTemplateVariants {\n\tisSelected?: boolean;\n}\n\nconst menuItemCommonTemplateStyles = tv({\n\tslots: {\n\t\twrapper: \"flex w-full flex-row items-center gap-3\",\n\t\tcontentWrapper: \"flex flex-row items-center gap-2\",\n\t\tcheck: \"invisible\",\n\t\trightIcon: \"ml-auto\"\n\t},\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: {\n\t\t\t\tcheck: \"visible\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<MenuItemCommonTemplateVariants>\n});\n\ntype MenuItemCommonTemplateProps = MenuItemCommonTemplateVariants & {\n\ttext: string;\n\ticon: LucideIcon;\n\tshowStartCheck?: boolean;\n\tshowEndCheck?: boolean;\n};\n\nexport const MenuItemCommonTemplate = ({\n\ticon,\n\ttext,\n\tisSelected,\n\tshowStartCheck = false,\n\tshowEndCheck = false\n}: PropsWithChildren<MenuItemCommonTemplateProps>) => {\n\tconst styles = menuItemCommonTemplateStyles();\n\n\treturn (\n\t\t<div className={styles.wrapper()}>\n\t\t\t{showStartCheck && <Icon icon={Check} className={styles.check({ isSelected })} />}\n\t\t\t<div className={styles.contentWrapper()}>\n\t\t\t\t<MenuItemIcon icon={icon} />\n\t\t\t\t<MenuItemText>{text}</MenuItemText>\n\t\t\t</div>\n\t\t\t{showEndCheck && <Icon icon={Check} className={cn(styles.rightIcon(), styles.check({ isSelected }))} />}\n\t\t</div>\n\t);\n};\n\nMenuItemCommonTemplate.displayName = \"MenuItemCommonTemplate\";\n","import { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { MenuItemText } from \"../../components/MenuItemText\";\nimport { MenuItemSecondaryText } from \"../../components/MenuItemSecondaryText\";\nimport { Icon } from \"@/components/icon\";\nimport { Check } from \"lucide-react\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface MenuItemInfoTemplateVariants {\n\tisSelected?: boolean;\n}\n\nconst menuItemInfoTemplateStyles = tv({\n\tslots: {\n\t\tcheck: \"invisible\"\n\t},\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: {\n\t\t\t\tcheck: \"visible\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<MenuItemInfoTemplateVariants>\n});\n\ntype MenuItemInfoTemplateProps = MenuItemInfoTemplateVariants & {\n\ttext: string;\n\tdescription?: string;\n};\n\nexport const MenuItemInfoTemplate = ({\n\tdescription,\n\ttext,\n\tisSelected\n}: PropsWithChildren<MenuItemInfoTemplateProps>) => {\n\tconst styles = menuItemInfoTemplateStyles();\n\n\treturn (\n\t\t<>\n\t\t\t<Icon icon={Check} className={styles.check({ isSelected })} />\n\t\t\t<MenuItemText>{text}</MenuItemText>\n\t\t\t{description && <MenuItemSecondaryText>{description}</MenuItemSecondaryText>}\n\t\t</>\n\t);\n};\n\nMenuItemInfoTemplate.displayName = \"MenuItemInfoTemplate\";\n","import { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { MenuItemText } from \"../../components/MenuItemText\";\nimport { Icon } from \"@/components/icon\";\nimport { Check, LucideIcon } from \"lucide-react\";\nimport { MenuItemIcon } from \"../../components/MenuItemIcon\";\nimport { MenuItemIconButton } from \"../../components/MenuItemIconButton\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface MenuItemInteractiveTemplateVariants {\n\tisSelected?: boolean;\n}\n\nconst menuItemInteractiveTemplateStyles = tv({\n\tslots: {\n\t\twrapper: \"flex w-full flex-row items-center gap-3\",\n\t\tcontentWrapper: \"flex flex-row items-center gap-2\",\n\t\tcheck: \"invisible\",\n\t\tbutton: \"ml-auto\"\n\t},\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: {\n\t\t\t\tcheck: \"visible\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<MenuItemInteractiveTemplateVariants>\n});\n\ntype MenuItemInteractiveTemplateProps = MenuItemInteractiveTemplateVariants & {\n\ttext: string;\n\ticon: LucideIcon;\n\tbuttonIcon: LucideIcon;\n\tbuttonOnClick?: (e: React.MouseEvent) => void;\n};\n\nexport const MenuItemInteractiveTemplate = ({\n\ttext,\n\ticon,\n\tbuttonIcon,\n\tbuttonOnClick,\n\tisSelected\n}: PropsWithChildren<MenuItemInteractiveTemplateProps>) => {\n\tconst styles = menuItemInteractiveTemplateStyles();\n\n\treturn (\n\t\t<div className={styles.wrapper()}>\n\t\t\t<div className={styles.contentWrapper()}>\n\t\t\t\t<Icon icon={Check} className={styles.check({ isSelected })} />\n\t\t\t\t<MenuItemIcon icon={icon} />\n\t\t\t\t<MenuItemText>{text}</MenuItemText>\n\t\t\t</div>\n\t\t\t<MenuItemIconButton icon={buttonIcon} onClick={buttonOnClick} className={styles.button()} />\n\t\t</div>\n\t);\n};\n\nMenuItemInteractiveTemplate.displayName = \"MenuItemInteractiveTemplate\";\n","import { LucideIcon } from \"lucide-react\";\nimport { PropsWithChildren } from \"react\";\nimport { FeatureIcon } from \"@/components/icon\";\nimport { Description } from \"@/components/description\";\nimport { richButtonStyles } from \"@/components/button/rich-button/RichButton\";\n\nexport type MenuItemRichTemplateProps = {\n\ttitle: string;\n\tdescription: string;\n\ticon: LucideIcon;\n};\n\nexport const MenuItemRichTemplate = ({ icon, description, title }: PropsWithChildren<MenuItemRichTemplateProps>) => {\n\tconst buttonStyles = richButtonStyles();\n\treturn (\n\t\t<>\n\t\t\t<FeatureIcon type=\"primary\" icon={icon}></FeatureIcon>\n\n\t\t\t<div className={buttonStyles.wrapper()}>\n\t\t\t\t<span className={buttonStyles.text()}>{title}</span>\n\t\t\t\t<Description className={buttonStyles.description()}>{description}</Description>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nMenuItemRichTemplate.displayName = \"MenuItemRichTemplate\";\n"],"names":["menuItemActionStyles","tv","MenuItemAction","React","className","children","props","ref","jsx","MenuItem","menuItemButtonStyles","MenuItemButton","Button","menuItemIconStyles","MenuItemIcon","icon","Icon","menuItemIconButtonStyles","MenuItemIconButton","IconButton","menuItemSecondaryTextStyles","MenuItemSecondaryText","menuItemShortcutStyles","MenuItemShortcut","Shortcut","menuItemTextStyles","MenuItemText","MenuItemActionTemplate","text","shortcut","jsxs","Fragment","menuItemCommonTemplateStyles","MenuItemCommonTemplate","isSelected","showStartCheck","showEndCheck","styles","Check","cn","menuItemInfoTemplateStyles","MenuItemInfoTemplate","description","menuItemInteractiveTemplateStyles","MenuItemInteractiveTemplate","buttonIcon","buttonOnClick","MenuItemRichTemplate","title","buttonStyles","richButtonStyles","FeatureIcon","Description"],"mappings":"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"}
+{"version":3,"file":"menu-item.js","sources":["../../src/components/menu-item/MenuItemAction.tsx","../../src/components/menu-item/components/menu-item-button/MenuItemButton.tsx","../../src/components/menu-item/components/menu-item-icon/MenuItemIcon.tsx","../../src/components/menu-item/components/menu-item-icon-button/MenuItemIconButton.tsx","../../src/components/menu-item/components/menu-item-secondary-text/MenuItemSecondaryText.tsx","../../src/components/menu-item/components/menu-item-shortcut/MenuItemShortcut.tsx","../../src/components/menu-item/components/menu-item-text/MenuItemText.tsx","../../src/components/menu-item/templates/menu-item-action-template/MenuItemActionTemplate.tsx","../../src/components/menu-item/templates/menu-item-common-template/MenuItemCommonTemplate.tsx","../../src/components/menu-item/templates/menu-item-info-template/MenuItemInfoTemplate.tsx","../../src/components/menu-item/templates/menu-item-interactive-template/MenuItemInteractiveTemplate.tsx","../../src/components/menu-item/templates/menu-item-rich-template/MenuItemRichTemplate.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\nimport { MenuItem, MenuItemProps } from \"./MenuItem\";\nimport { PropsWithChildren } from \"react\";\nimport React from \"react\";\n\nconst menuItemActionStyles = tv({\n\tbase: \"hover:cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary\"\n});\n\nexport type MenuActionItemProps = MenuItemProps;\n\nexport const MenuItemAction = React.forwardRef<HTMLDivElement, PropsWithChildren<MenuActionItemProps>>(\n\t({ className, children, ...props }, ref) => (\n\t\t<MenuItem ref={ref} className={menuItemActionStyles({ className })} tabIndex={0} {...props}>\n\t\t\t{children}\n\t\t</MenuItem>\n\t)\n);\n\nMenuItemAction.displayName = \"MenuItemAction\";\n","import { Button } from \"@/components/button\";\nimport { ButtonProps } from \"@/components/button/button/Button\";\nimport { tv } from \"tailwind-variants\";\n\nconst menuItemButtonStyles = tv({\n\tbase: \"h-6 rounded-sm py-1\"\n});\n\ntype MenuItemIconProps = ButtonProps;\n\nexport const MenuItemButton = ({ className, ...props }: MenuItemIconProps) => (\n\t<Button\n\t\tdata-menu-item-action\n\t\tsize=\"xs\"\n\t\tvariant={props?.variant ?? \"ghost\"}\n\t\tclassName={menuItemButtonStyles({ className })}\n\t\t{...props}\n\t/>\n);\n\nMenuItemButton.displayName = \"MenuItemButton\";\n","import { Icon } from \"@/components/icon\";\nimport { IconProps } from \"@/components/icon/Icon\";\nimport { tv } from \"tailwind-variants\";\n\nconst menuItemIconStyles = tv({\n\tbase: \"truncate text-sm text-primary-fg\"\n});\n\ntype MenuItemIconProps = IconProps;\n\nexport const MenuItemIcon = ({ className, icon, ...props }: MenuItemIconProps) => (\n\t<Icon icon={icon} className={menuItemIconStyles({ className })} {...props} />\n);\n\nMenuItemIcon.displayName = \"MenuItemIcon\";\n","import { IconButton } from \"@/components/button\";\nimport { IconButtonProps } from \"@/components/button/icon-button/IconButton\";\nimport { tv } from \"tailwind-variants\";\nimport React from \"react\";\n\nconst menuItemIconButtonStyles = tv({\n\tbase: \"h-6 w-6 rounded-sm\"\n});\n\ntype MenuItemIconProps = IconButtonProps;\n\nexport const MenuItemIconButton = React.forwardRef<HTMLButtonElement, MenuItemIconProps>(\n\t({ className, icon, ...props }, ref) => (\n\t\t<IconButton\n\t\t\tref={ref}\n\t\t\ticon={icon}\n\t\t\tdata-menu-item-action\n\t\t\tsize=\"xs\"\n\t\t\tvariant={props?.variant ?? \"ghost\"}\n\t\t\tclassName={menuItemIconButtonStyles({ className })}\n\t\t\t{...props}\n\t\t/>\n\t)\n);\n\nMenuItemIconButton.displayName = \"MenuItemIconButton\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst menuItemSecondaryTextStyles = tv({\n\tbase: \"truncate text-xs text-muted\"\n});\n\ntype MenuItemTextProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const MenuItemSecondaryText = ({ className, children, ...props }: MenuItemTextProps) => (\n\t<span className={menuItemSecondaryTextStyles({ className })} {...props}>\n\t\t{children}\n\t</span>\n);\n\nMenuItemSecondaryText.displayName = \"MenuItemSecondaryText\";\n","import { Shortcut } from \"@/components/shortcut\";\nimport React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst menuItemShortcutStyles = tv({\n\tbase: \"\"\n});\n\ntype MenuItemTextProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const MenuItemShortcut = ({ className, children, ...props }: MenuItemTextProps) => (\n\t<Shortcut variant=\"ghost\" className={menuItemShortcutStyles({ className })} {...props}>\n\t\t{children}\n\t</Shortcut>\n);\n\nMenuItemShortcut.displayName = \"MenuItemShortcut\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst menuItemTextStyles = tv({\n\tbase: \"flex-1 truncate text-sm text-primary-fg\"\n});\n\ntype MenuItemTextProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const MenuItemText = ({ className, children, ...props }: MenuItemTextProps) => (\n\t<span className={menuItemTextStyles({ className })} {...props}>\n\t\t{children}\n\t</span>\n);\n\nMenuItemText.displayName = \"MenuItemText\";\n","import { PropsWithChildren } from \"react\";\nimport { MenuItemIcon } from \"../../components/menu-item-icon/MenuItemIcon\";\nimport { LucideIcon } from \"lucide-react\";\nimport { MenuItemText } from \"../../components/menu-item-text/MenuItemText\";\nimport { MenuItemShortcut } from \"../../components/menu-item-shortcut/MenuItemShortcut\";\n\ntype MenuItemActionTemplateProps = {\n\ticon: LucideIcon;\n\ttext: string;\n\tshortcut?: string;\n};\n\nexport const MenuItemActionTemplate = ({ icon, text, shortcut }: PropsWithChildren<MenuItemActionTemplateProps>) => {\n\treturn (\n\t\t<>\n\t\t\t<MenuItemIcon icon={icon} />\n\t\t\t<MenuItemText>{text}</MenuItemText>\n\t\t\t{shortcut && <MenuItemShortcut>{shortcut}</MenuItemShortcut>}\n\t\t</>\n\t);\n};\n\nMenuItemActionTemplate.displayName = \"MenuItemActionTemplate\";\n","import { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { MenuItemText } from \"../../components/menu-item-text/MenuItemText\";\nimport { Icon } from \"@/components/icon\";\nimport { Check, LucideIcon } from \"lucide-react\";\nimport { MenuItemIcon } from \"../../components/menu-item-icon/MenuItemIcon\";\nimport { cn } from \"@/lib/utils\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface MenuItemCommonTemplateVariants {\n\tisSelected?: boolean;\n}\n\nconst menuItemCommonTemplateStyles = tv({\n\tslots: {\n\t\twrapper: \"flex w-full flex-row items-center gap-2\",\n\t\tcontentWrapper: \"flex flex-row items-center gap-2\",\n\t\tcheck: \"invisible\",\n\t\trightIcon: \"ml-auto\"\n\t},\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: {\n\t\t\t\tcheck: \"visible\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<MenuItemCommonTemplateVariants>\n});\n\ntype MenuItemCommonTemplateProps = MenuItemCommonTemplateVariants & {\n\ttext: string;\n\ticon: LucideIcon;\n\tshowStartCheck?: boolean;\n\tshowEndCheck?: boolean;\n};\n\nexport const MenuItemCommonTemplate = ({\n\ticon,\n\ttext,\n\tisSelected,\n\tshowStartCheck = false,\n\tshowEndCheck = false\n}: PropsWithChildren<MenuItemCommonTemplateProps>) => {\n\tconst styles = menuItemCommonTemplateStyles();\n\n\treturn (\n\t\t<div className={styles.wrapper()}>\n\t\t\t{showStartCheck && <Icon icon={Check} className={styles.check({ isSelected })} />}\n\t\t\t<div className={styles.contentWrapper()}>\n\t\t\t\t<MenuItemIcon icon={icon} />\n\t\t\t\t<MenuItemText>{text}</MenuItemText>\n\t\t\t</div>\n\t\t\t{showEndCheck && <Icon icon={Check} className={cn(styles.rightIcon(), styles.check({ isSelected }))} />}\n\t\t</div>\n\t);\n};\n\nMenuItemCommonTemplate.displayName = \"MenuItemCommonTemplate\";\n","import { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { MenuItemText } from \"../../components/menu-item-text/MenuItemText\";\nimport { MenuItemSecondaryText } from \"../../components/menu-item-secondary-text/MenuItemSecondaryText\";\nimport { Icon } from \"@/components/icon\";\nimport { Check } from \"lucide-react\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface MenuItemInfoTemplateVariants {\n\tisSelected?: boolean;\n}\n\nconst menuItemInfoTemplateStyles = tv({\n\tslots: {\n\t\tcheck: \"invisible\"\n\t},\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: {\n\t\t\t\tcheck: \"visible\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<MenuItemInfoTemplateVariants>\n});\n\ntype MenuItemInfoTemplateProps = MenuItemInfoTemplateVariants & {\n\ttext: string;\n\tdescription?: string;\n};\n\nexport const MenuItemInfoTemplate = ({\n\tdescription,\n\ttext,\n\tisSelected\n}: PropsWithChildren<MenuItemInfoTemplateProps>) => {\n\tconst styles = menuItemInfoTemplateStyles();\n\n\treturn (\n\t\t<>\n\t\t\t<Icon icon={Check} className={styles.check({ isSelected })} />\n\t\t\t<MenuItemText>{text}</MenuItemText>\n\t\t\t{description && <MenuItemSecondaryText>{description}</MenuItemSecondaryText>}\n\t\t</>\n\t);\n};\n\nMenuItemInfoTemplate.displayName = \"MenuItemInfoTemplate\";\n","import { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { MenuItemText } from \"../../components/menu-item-text/MenuItemText\";\nimport { Icon } from \"@/components/icon\";\nimport { Check, LucideIcon } from \"lucide-react\";\nimport { MenuItemIcon } from \"../../components/menu-item-icon/MenuItemIcon\";\nimport { MenuItemIconButton } from \"../../components/menu-item-icon-button/MenuItemIconButton\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface MenuItemInteractiveTemplateVariants {\n\tisSelected?: boolean;\n}\n\nconst menuItemInteractiveTemplateStyles = tv({\n\tslots: {\n\t\twrapper: \"flex w-full flex-row items-center gap-2\",\n\t\tcontentWrapper: \"flex flex-row items-center gap-2\",\n\t\tcheck: \"invisible\",\n\t\tbutton: \"ml-auto\"\n\t},\n\tvariants: {\n\t\tisSelected: {\n\t\t\ttrue: {\n\t\t\t\tcheck: \"visible\"\n\t\t\t}\n\t\t}\n\t} satisfies VariantsConfig<MenuItemInteractiveTemplateVariants>\n});\n\ntype MenuItemInteractiveTemplateProps = MenuItemInteractiveTemplateVariants & {\n\ttext: string;\n\ticon: LucideIcon;\n\tbuttonIcon: LucideIcon;\n\tbuttonOnClick?: (e: React.MouseEvent) => void;\n};\n\nexport const MenuItemInteractiveTemplate = ({\n\ttext,\n\ticon,\n\tbuttonIcon,\n\tbuttonOnClick,\n\tisSelected\n}: PropsWithChildren<MenuItemInteractiveTemplateProps>) => {\n\tconst styles = menuItemInteractiveTemplateStyles();\n\n\treturn (\n\t\t<div className={styles.wrapper()}>\n\t\t\t<div className={styles.contentWrapper()}>\n\t\t\t\t<Icon icon={Check} className={styles.check({ isSelected })} />\n\t\t\t\t<MenuItemIcon icon={icon} />\n\t\t\t\t<MenuItemText>{text}</MenuItemText>\n\t\t\t</div>\n\t\t\t<MenuItemIconButton icon={buttonIcon} onClick={buttonOnClick} className={styles.button()} />\n\t\t</div>\n\t);\n};\n\nMenuItemInteractiveTemplate.displayName = \"MenuItemInteractiveTemplate\";\n","import { LucideIcon } from \"lucide-react\";\nimport { PropsWithChildren } from \"react\";\nimport { FeatureIcon } from \"@/components/icon\";\nimport { Description } from \"@/components/description\";\nimport { richButtonStyles } from \"@/components/button/rich-button/RichButton\";\n\nexport type MenuItemRichTemplateProps = {\n\ttitle: string;\n\tdescription: string;\n\ticon: LucideIcon;\n};\n\nexport const MenuItemRichTemplate = ({ icon, description, title }: PropsWithChildren<MenuItemRichTemplateProps>) => {\n\tconst buttonStyles = richButtonStyles();\n\treturn (\n\t\t<>\n\t\t\t<FeatureIcon type=\"primary\" icon={icon}></FeatureIcon>\n\n\t\t\t<div className={buttonStyles.wrapper()}>\n\t\t\t\t<span className={buttonStyles.text()}>{title}</span>\n\t\t\t\t<Description className={buttonStyles.description()}>{description}</Description>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nMenuItemRichTemplate.displayName = \"MenuItemRichTemplate\";\n"],"names":["menuItemActionStyles","tv","MenuItemAction","React","className","children","props","ref","jsx","MenuItem","menuItemButtonStyles","MenuItemButton","Button","menuItemIconStyles","MenuItemIcon","icon","Icon","menuItemIconButtonStyles","MenuItemIconButton","IconButton","menuItemSecondaryTextStyles","MenuItemSecondaryText","menuItemShortcutStyles","MenuItemShortcut","Shortcut","menuItemTextStyles","MenuItemText","MenuItemActionTemplate","text","shortcut","jsxs","Fragment","menuItemCommonTemplateStyles","MenuItemCommonTemplate","isSelected","showStartCheck","showEndCheck","styles","Check","cn","menuItemInfoTemplateStyles","MenuItemInfoTemplate","description","menuItemInteractiveTemplateStyles","MenuItemInteractiveTemplate","buttonIcon","buttonOnClick","MenuItemRichTemplate","title","buttonStyles","richButtonStyles","FeatureIcon","Description"],"mappings":"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"}

package/dist/components/modal.js

@@ -2,7 +2,7 @@ import { M as t, a as d } from "../Modal-DWNmrjLy.js";
 import { b as g, f as h, c as x, d as y, g as B, e as j, h as u, i as C, j as R } from "../Modal-DWNmrjLy.js";
 import { jsx as a } from "react/jsx-runtime";
 import s from "react";
-import { F as m, B as i } from "../FormHeaderTemplate-DZdIU--D.js";
+import { F as m, B as i } from "../FormHeaderTemplate-0GrHpRqE.js";
 const M = s.forwardRef(
   ({ title: o, description: e, ...r }, l) => /* @__PURE__ */ a(
     i,

package/dist/components/page-state.js

@@ -3,7 +3,7 @@ import i, { useContext as v, createContext as z } from "react";
 import { T as n } from "../index-BVqs-uqP.js";
 import { S } from "../index-5Bhkapwi.js";
 import { B as u } from "../Button-Kf5vwkHh.js";
-import { F as b } from "../FeatureIcon-BrWA9wvT.js";
+import { F as b } from "../FeatureIcon-BiyINU7m.js";
 import { B as P, F as h } from "../FolderSvg-cw0DxNVy.js";
 const d = z(void 0), y = ({ size: e, children: t }) => /* @__PURE__ */ o(d.Provider, { value: { size: e }, children: t }), c = () => {
   const e = v(d);

package/dist/components/search-select.js

@@ -2,10 +2,10 @@ import { jsx as e, jsxs as T, Fragment as B } from "react/jsx-runtime";
 import M, { useState as w, useCallback as x, useEffect as F, forwardRef as Y, useMemo as V, useRef as q } from "react";
 import { T as A } from "../index-BVqs-uqP.js";
 import { u as H, a as fe, S as me } from "../SearchSelectTag-Bkr3faVn.js";
-import { b as Se, f as Z, C as ee, c as te, d as ge, h as ve } from "../Command-CIbwIJiT.js";
+import { b as Se, f as Z, C as ee, c as te, d as ge, h as ve } from "../Command-Bzw5pGyZ.js";
 import { I as K } from "../Icon-DH3ev9GK.js";
 import { b as ye, P as j, a as _ } from "../Popover-Upajp2nF.js";
-import { C as be, s as Ce } from "../Select-DAc-Bz2N.js";
+import { C as be, s as Ce } from "../Select-B3oxlzpK.js";
 import { C as Ne } from "../chevron-down-CAOItu8X.js";
 import { C as re } from "../check-CeyaOoZv.js";
 import { L as ne } from "../Loader-BpHiL6W-.js";

package/dist/components/select.js

@@ -1,4 +1,4 @@
-import { S as l, d as a, a as c, f as S, l as s, k as o, e as r, j as n, i as p, h as i, g as m, c as u, b as I } from "../Select-DAc-Bz2N.js";
+import { S as l, d as a, a as c, f as S, l as s, k as o, e as r, j as n, i as p, h as i, g as m, c as u, b as I } from "../Select-B3oxlzpK.js";
 export {
   l as Select,
   a as SelectContent,

package/dist/components/sidebar.js

@@ -9,7 +9,7 @@ import { I as j } from "../Input-Ck-nZBBl.js";
 import { D as U } from "../Divider-Dm2gjy8W.js";
 import { S as y } from "../index-5Bhkapwi.js";
 import { T as o } from "../index-BVqs-uqP.js";
-import { S as M } from "../Skeleton-CxKGeAKm.js";
+import { S as M } from "../Skeleton-y6I-i9q5.js";
 import { c as $ } from "../createLucideIcon-DwBrHnj9.js";
 /**
  * @license lucide-react v0.460.0 - ISC

package/dist/components/skeleton.js

@@ -1,4 +1,4 @@
-import { S as r } from "../Skeleton-CxKGeAKm.js";
+import { S as r } from "../Skeleton-y6I-i9q5.js";
 export {
   r as Skeleton
 };

package/dist/components/tag-input.js

@@ -3,7 +3,7 @@ import { u as O, a as $, S as q } from "../SearchSelectTag-Bkr3faVn.js";
 import z, { useState as K, useRef as _, useCallback as r } from "react";
 import { T as E } from "../index-BVqs-uqP.js";
 import { I as H, a as J, b as M } from "../InputGroup-DDwZaZQm.js";
-import { s as P } from "../Select-DAc-Bz2N.js";
+import { s as P } from "../Select-B3oxlzpK.js";
 const Q = E({
   extend: P,
   base: "group/search-select-trigger flex h-auto min-h-10 flex-wrap items-center gap-1 p-1.5 lg:h-auto lg:min-h-9 lg:p-1.5"

package/dist/styles-scoped.css

@@ -2542,6 +2542,10 @@
 .ui-kit .min-w-\[var\(--radix-select-trigger-width\)\] {
 			min-width: var(--radix-select-trigger-width);
 
+}
+.ui-kit .min-w-full {
+			min-width: 100%;
+
 }
 .ui-kit .max-w-32 {
 			max-width: 8rem;
@@ -2558,6 +2562,10 @@
 .ui-kit .max-w-\[--skeleton-width\] {
 			max-width: var(--skeleton-width);
 
+}
+.ui-kit .max-w-\[1000px\] {
+			max-width: 1000px;
+
 }
 .ui-kit .max-w-\[1144px\] {
 			max-width: 1144px;
@@ -2574,6 +2582,10 @@
 .ui-kit .max-w-\[250px\] {
 			max-width: 250px;
 
+}
+.ui-kit .max-w-\[300px\] {
+			max-width: 300px;
+
 }
 .ui-kit .max-w-\[343px\] {
 			max-width: 343px;
@@ -3800,6 +3812,10 @@
 .ui-kit .stroke-\[3px\] {
 			stroke-width: 3px;
 
+}
+.ui-kit .object-contain {
+			object-fit: contain;
+
 }
 .ui-kit .object-cover {
 			object-fit: cover;
@@ -4579,6 +4595,24 @@
 .ui-kit .outline-status-error-secondary-border {
 			outline-color: hsl(var(--status-error-secondary-border));
 
+}
+.ui-kit .ring-1 {
+			--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+			--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+			box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+
+}
+.ui-kit .ring-inset {
+			--tw-ring-inset: inset;
+
+}
+.ui-kit .ring-primary-border {
+			--tw-ring-color: hsl(var(--primary-border));
+
+}
+.ui-kit .ring-secondary-border {
+			--tw-ring-color: hsl(var(--secondary-border));
+
 }
 .ui-kit .ring-offset-background {
 			--tw-ring-offset-color: hsl(var(--background));
@@ -6466,10 +6500,6 @@
 			.ui-kit .sm\:justify-end {
 						justify-content: flex-end;
 
-			}
-			.ui-kit .sm\:gap-3 {
-						gap: 0.75rem;
-
 			}
 			.ui-kit :is(.sm\:space-x-2 > :not([hidden]) ~ :not([hidden])) {
 						--tw-space-x-reverse: 0;
@@ -6815,8 +6845,8 @@
 			}
 
 }
-.ui-kit .\[\&\:has\(\[data-menu-item-action\]\:hover\)\]\:bg-transparent:has([data-menu-item-action]:hover) {
-			background-color: transparent;
+.ui-kit .\[\&\:has\(\[data-menu-item-action\]\:hover\)\]\:bg-secondary-bg:has([data-menu-item-action]:hover) {
+			background-color: hsl(var(--secondary-bg));
 
 }
 .ui-kit .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
@@ -6854,18 +6884,10 @@
 			width: 1rem;
 			height: 1rem;
 
-}
-.ui-kit :is(.\[\&\>svg\]\:h-3\.5>svg) {
-			height: 0.875rem;
-
 }
 .ui-kit :is(.\[\&\>svg\]\:h-4>svg) {
 			height: 1rem;
 
-}
-.ui-kit :is(.\[\&\>svg\]\:w-3\.5>svg) {
-			width: 0.875rem;
-
 }
 .ui-kit :is(.\[\&\>svg\]\:w-4>svg) {
 			width: 1rem;