ics-ui-kit 0.1.0-alpha.8 → 0.1.0

package/dist/components/menu-item.js

@@ -0,0 +1,243 @@
+import { M as y } from "../MenuItem-pvsONHlh.js";
+import { m as re } from "../MenuItem-pvsONHlh.js";
+import { jsx as t, jsxs as m, Fragment as d } from "react/jsx-runtime";
+import { T as i } from "../index-BVqs-uqP.js";
+import h from "react";
+import { B as g } from "../Button-Dg89xRSi.js";
+import { u } from "../ComponentVariantProvider-B0SFUaXB.js";
+import { I as c } from "../Icon-DH3ev9GK.js";
+import { I as b } from "../IconButton-DwkpNgn3.js";
+import { M as N } from "../MenuItemShortcut-DgPol9Nz.js";
+import { M as p } from "../MenuItemText-7uPl9P3z.js";
+import { c as M } from "../cn-dsXlqdJg.js";
+import { C as l } from "../check-CeyaOoZv.js";
+import { F as T } from "../FeatureIcon-BGE0Orkc.js";
+import { r as S } from "../RichButton-DuPTenmS.js";
+const w = i({
+  base: "hover:cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary"
+}), k = h.forwardRef(
+  ({ className: n, children: r, ...e }, s) => /* @__PURE__ */ t(y, { ref: s, className: w({ className: n }), tabIndex: 0, ...e, children: r })
+);
+k.displayName = "MenuItemAction";
+const f = i({
+  variants: {
+    theme: {
+      inverse: "text-inverse-primary-fg"
+    },
+    variant: {
+      outline: "",
+      ghost: "",
+      text: "",
+      link: ""
+    }
+  },
+  compoundVariants: [
+    {
+      theme: "inverse",
+      variant: "outline",
+      class: "border-inverse-border bg-inverse-primary-bg active:border-inverse-border active:bg-inverse-hover lg:hover:border-inverse-border lg:hover:bg-inverse-hover"
+    },
+    {
+      theme: "inverse",
+      variant: "ghost",
+      class: "active:bg-inverse-hover lg:hover:bg-inverse-hover"
+    },
+    {
+      theme: "inverse",
+      variant: "text",
+      class: "active:text-inverse-primary-fg lg:hover:text-inverse-primary-fg"
+    },
+    {
+      theme: "inverse",
+      variant: "link",
+      class: "text-inverse-muted underline active:text-inverse-primary-fg lg:hover:text-inverse-primary-fg"
+    }
+  ]
+}), B = i({
+  extend: f,
+  base: "h-6 rounded-sm py-1"
+}), C = h.forwardRef(
+  ({ className: n, variant: r = "ghost", ...e }, s) => {
+    const { variant: o } = u();
+    return /* @__PURE__ */ t(
+      g,
+      {
+        ref: s,
+        "data-menu-item-action": !0,
+        size: "xs",
+        variant: r,
+        className: B({ className: n, theme: o, variant: r }),
+        ...e
+      }
+    );
+  }
+);
+C.displayName = "MenuItemButton";
+const R = i({
+  base: "truncate text-sm text-primary-fg",
+  variants: {
+    theme: {
+      inverse: "text-inverse-primary-fg"
+    }
+  }
+}), v = ({ className: n, icon: r, ...e }) => {
+  const { variant: s } = u();
+  return /* @__PURE__ */ t(c, { icon: r, className: R({ className: n, theme: s }), ...e });
+};
+v.displayName = "MenuItemIcon";
+const A = i({
+  extend: f,
+  base: "h-6 w-6 rounded-sm"
+}), x = h.forwardRef(
+  ({ className: n, icon: r, variant: e = "ghost", ...s }, o) => {
+    const { variant: a } = u();
+    return /* @__PURE__ */ t(
+      b,
+      {
+        ref: o,
+        icon: r,
+        "data-menu-item-action": !0,
+        size: "xs",
+        variant: e,
+        status: "default",
+        className: A({ className: n, theme: a, variant: e }),
+        ...s
+      }
+    );
+  }
+);
+x.displayName = "MenuItemIconButton";
+const W = i({
+  base: "truncate text-xs text-muted",
+  variants: {
+    theme: {
+      inverse: "text-inverse-muted"
+    }
+  }
+}), I = ({ className: n, children: r, ...e }) => {
+  const { variant: s } = u();
+  return /* @__PURE__ */ t("span", { className: W({ className: n, theme: s }), ...e, children: r });
+};
+I.displayName = "MenuItemSecondaryText";
+const z = ({ icon: n, text: r, shortcut: e }) => /* @__PURE__ */ m(d, { children: [
+  /* @__PURE__ */ t(v, { icon: n }),
+  /* @__PURE__ */ t(p, { children: r }),
+  e && /* @__PURE__ */ t(N, { children: e })
+] });
+z.displayName = "MenuItemActionTemplate";
+const F = i({
+  slots: {
+    wrapper: "flex w-full flex-row items-center gap-2",
+    contentWrapper: "flex flex-row items-center gap-2",
+    check: "invisible",
+    rightIcon: "ml-auto"
+  },
+  variants: {
+    isSelected: {
+      true: {
+        check: "visible"
+      }
+    }
+  }
+}), V = ({
+  icon: n,
+  text: r,
+  isSelected: e,
+  showStartCheck: s = !1,
+  showEndCheck: o = !1
+}) => {
+  const a = F();
+  return /* @__PURE__ */ m("div", { className: a.wrapper(), children: [
+    s && /* @__PURE__ */ t(c, { icon: l, className: a.check({ isSelected: e }) }),
+    /* @__PURE__ */ m("div", { className: a.contentWrapper(), children: [
+      /* @__PURE__ */ t(v, { icon: n }),
+      /* @__PURE__ */ t(p, { children: r })
+    ] }),
+    o && /* @__PURE__ */ t(c, { icon: l, className: M(a.rightIcon(), a.check({ isSelected: e })) })
+  ] });
+};
+V.displayName = "MenuItemCommonTemplate";
+const j = i({
+  slots: {
+    check: "invisible"
+  },
+  variants: {
+    isSelected: {
+      true: {
+        check: "visible"
+      }
+    }
+  }
+}), _ = ({
+  description: n,
+  text: r,
+  isSelected: e
+}) => {
+  const s = j();
+  return /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ t(c, { icon: l, className: s.check({ isSelected: e }) }),
+    /* @__PURE__ */ t(p, { children: r }),
+    n && /* @__PURE__ */ t(I, { children: n })
+  ] });
+};
+_.displayName = "MenuItemInfoTemplate";
+const q = i({
+  slots: {
+    wrapper: "flex w-full flex-row items-center gap-2",
+    contentWrapper: "flex flex-row items-center gap-2",
+    check: "invisible",
+    button: "ml-auto"
+  },
+  variants: {
+    isSelected: {
+      true: {
+        check: "visible"
+      }
+    }
+  }
+}), D = ({
+  text: n,
+  icon: r,
+  buttonIcon: e,
+  buttonOnClick: s,
+  isSelected: o
+}) => {
+  const a = q();
+  return /* @__PURE__ */ m("div", { className: a.wrapper(), children: [
+    /* @__PURE__ */ m("div", { className: a.contentWrapper(), children: [
+      /* @__PURE__ */ t(c, { icon: l, className: a.check({ isSelected: o }) }),
+      /* @__PURE__ */ t(v, { icon: r }),
+      /* @__PURE__ */ t(p, { children: n })
+    ] }),
+    /* @__PURE__ */ t(x, { icon: e, onClick: s, className: a.button() })
+  ] });
+};
+D.displayName = "MenuItemInteractiveTemplate";
+const E = ({ icon: n, description: r, title: e }) => {
+  const s = S();
+  return /* @__PURE__ */ m(d, { children: [
+    /* @__PURE__ */ t(T, { icon: n, size: "sm", className: "bg-status-neutral-fg" }),
+    /* @__PURE__ */ m("div", { className: s.wrapper(), children: [
+      /* @__PURE__ */ t("span", { className: s.text(), children: e }),
+      /* @__PURE__ */ t(I, { className: s.description(), children: r })
+    ] })
+  ] });
+};
+E.displayName = "MenuItemRichTemplate";
+export {
+  y as MenuItem,
+  k as MenuItemAction,
+  z as MenuItemActionTemplate,
+  C as MenuItemButton,
+  V as MenuItemCommonTemplate,
+  v as MenuItemIcon,
+  x as MenuItemIconButton,
+  _ as MenuItemInfoTemplate,
+  D as MenuItemInteractiveTemplate,
+  E as MenuItemRichTemplate,
+  I as MenuItemSecondaryText,
+  N as MenuItemShortcut,
+  p as MenuItemText,
+  re as menuItemStyles
+};
+//# sourceMappingURL=menu-item.js.map

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

@@ -0,0 +1 @@
+{"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/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\";\r\nimport { MenuItem, MenuItemProps } from \"./MenuItem\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport React from \"react\";\r\n\r\nconst menuItemActionStyles = tv({\r\n\tbase: \"hover:cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary\"\r\n});\r\n\r\nexport type MenuActionItemProps = MenuItemProps;\r\n\r\nexport const MenuItemAction = React.forwardRef<HTMLDivElement, PropsWithChildren<MenuActionItemProps>>(\r\n\t({ className, children, ...props }, ref) => (\r\n\t\t<MenuItem ref={ref} className={menuItemActionStyles({ className })} tabIndex={0} {...props}>\r\n\t\t\t{children}\r\n\t\t</MenuItem>\r\n\t)\r\n);\r\n\r\nMenuItemAction.displayName = \"MenuItemAction\";\r\n","import { Button } from \"@/components/button\";\r\nimport { ButtonProps } from \"@/components/button/button/Button\";\r\nimport { useComponentVariant } from \"@/providers/component-variant-context\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\ntype MenuItemButtonProps = Omit<ButtonProps, \"variant\" | \"status\"> & {\r\n\tvariant?: \"outline\" | \"ghost\" | \"text\";\r\n};\r\n\r\nexport const menuItemButtonVariants = tv({\r\n\tvariants: {\r\n\t\ttheme: {\r\n\t\t\tinverse: \"text-inverse-primary-fg\"\r\n\t\t},\r\n\t\tvariant: {\r\n\t\t\toutline: \"\",\r\n\t\t\tghost: \"\",\r\n\t\t\ttext: \"\",\r\n\t\t\tlink: \"\"\r\n\t\t}\r\n\t},\r\n\tcompoundVariants: [\r\n\t\t{\r\n\t\t\ttheme: \"inverse\",\r\n\t\t\tvariant: \"outline\",\r\n\t\t\tclass: \"border-inverse-border bg-inverse-primary-bg active:border-inverse-border active:bg-inverse-hover lg:hover:border-inverse-border lg:hover:bg-inverse-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\ttheme: \"inverse\",\r\n\t\t\tvariant: \"ghost\",\r\n\t\t\tclass: \"active:bg-inverse-hover lg:hover:bg-inverse-hover\"\r\n\t\t},\r\n\t\t{\r\n\t\t\ttheme: \"inverse\",\r\n\t\t\tvariant: \"text\",\r\n\t\t\tclass: \"active:text-inverse-primary-fg lg:hover:text-inverse-primary-fg\"\r\n\t\t},\r\n\t\t{\r\n\t\t\ttheme: \"inverse\",\r\n\t\t\tvariant: \"link\",\r\n\t\t\tclass: \"text-inverse-muted underline active:text-inverse-primary-fg lg:hover:text-inverse-primary-fg\"\r\n\t\t}\r\n\t]\r\n});\r\n\r\nconst menuItemButtonStyles = tv({\r\n\textend: menuItemButtonVariants,\r\n\tbase: \"h-6 rounded-sm py-1\"\r\n});\r\n\r\nexport const MenuItemButton = React.forwardRef<HTMLButtonElement, MenuItemButtonProps>(\r\n\t({ className, variant = \"ghost\", ...props }, ref) => {\r\n\t\tconst { variant: theme } = useComponentVariant();\r\n\r\n\t\treturn (\r\n\t\t\t<Button\r\n\t\t\t\tref={ref}\r\n\t\t\t\tdata-menu-item-action\r\n\t\t\t\tsize=\"xs\"\r\n\t\t\t\tvariant={variant}\r\n\t\t\t\tclassName={menuItemButtonStyles({ className, theme, variant })}\r\n\t\t\t\t{...props}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nMenuItemButton.displayName = \"MenuItemButton\";\r\n","import { Icon } from \"@/components/icon\";\r\nimport { IconProps } from \"@/components/icon/Icon\";\r\nimport { useComponentVariant } from \"@/providers/component-variant-context\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nconst menuItemIconStyles = tv({\r\n\tbase: \"truncate text-sm text-primary-fg\",\r\n\tvariants: {\r\n\t\ttheme: {\r\n\t\t\tinverse: \"text-inverse-primary-fg\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\ntype MenuItemIconProps = IconProps;\r\n\r\nexport const MenuItemIcon = ({ className, icon, ...props }: MenuItemIconProps) => {\r\n\tconst { variant: theme } = useComponentVariant();\r\n\r\n\treturn <Icon icon={icon} className={menuItemIconStyles({ className, theme })} {...props} />;\r\n};\r\n\r\nMenuItemIcon.displayName = \"MenuItemIcon\";\r\n","import { IconButton } from \"@/components/button\";\r\nimport { IconButtonProps } from \"@/components/button/icon-button/IconButton\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport React from \"react\";\r\nimport { useComponentVariant } from \"@/providers/component-variant-context\";\r\nimport { menuItemButtonVariants } from \"../menu-item-button/MenuItemButton\";\r\n\r\ntype MenuItemIconProps = Omit<IconButtonProps, \"variant\" | \"status\"> & {\r\n\tvariant?: \"outline\" | \"ghost\" | \"text\";\r\n};\r\n\r\nconst menuItemIconButtonStyles = tv({\r\n\textend: menuItemButtonVariants,\r\n\tbase: \"h-6 w-6 rounded-sm\"\r\n});\r\n\r\nexport const MenuItemIconButton = React.forwardRef<HTMLButtonElement, MenuItemIconProps>(\r\n\t({ className, icon, variant = \"ghost\", ...props }, ref) => {\r\n\t\tconst { variant: theme } = useComponentVariant();\r\n\r\n\t\treturn (\r\n\t\t\t<IconButton\r\n\t\t\t\tref={ref}\r\n\t\t\t\ticon={icon}\r\n\t\t\t\tdata-menu-item-action\r\n\t\t\t\tsize=\"xs\"\r\n\t\t\t\tvariant={variant}\r\n\t\t\t\tstatus=\"default\"\r\n\t\t\t\tclassName={menuItemIconButtonStyles({ className, theme, variant })}\r\n\t\t\t\t{...props}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nMenuItemIconButton.displayName = \"MenuItemIconButton\";\r\n","import { useComponentVariant } from \"@/providers/component-variant-context\";\r\nimport React from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\n\r\nexport const menuItemSecondaryTextStyles = tv({\r\n\tbase: \"truncate text-xs text-muted\",\r\n\tvariants: {\r\n\t\ttheme: {\r\n\t\t\tinverse: \"text-inverse-muted\"\r\n\t\t}\r\n\t}\r\n});\r\n\r\ntype MenuItemTextProps = React.HTMLAttributes<HTMLSpanElement>;\r\n\r\nexport const MenuItemSecondaryText = ({ className, children, ...props }: MenuItemTextProps) => {\r\n\tconst { variant: theme } = useComponentVariant();\r\n\r\n\treturn (\r\n\t\t<span className={menuItemSecondaryTextStyles({ className, theme })} {...props}>\r\n\t\t\t{children}\r\n\t\t</span>\r\n\t);\r\n};\r\n\r\nMenuItemSecondaryText.displayName = \"MenuItemSecondaryText\";\r\n","import { PropsWithChildren } from \"react\";\r\nimport { MenuItemIcon } from \"../../components/menu-item-icon/MenuItemIcon\";\r\nimport { LucideIcon } from \"lucide-react\";\r\nimport { MenuItemText } from \"../../components/menu-item-text/MenuItemText\";\r\nimport { MenuItemShortcut } from \"../../components/menu-item-shortcut/MenuItemShortcut\";\r\n\r\ntype MenuItemActionTemplateProps = {\r\n\ticon: LucideIcon;\r\n\ttext: string;\r\n\tshortcut?: string;\r\n};\r\n\r\nexport const MenuItemActionTemplate = ({ icon, text, shortcut }: PropsWithChildren<MenuItemActionTemplateProps>) => {\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<MenuItemIcon icon={icon} />\r\n\t\t\t<MenuItemText>{text}</MenuItemText>\r\n\t\t\t{shortcut && <MenuItemShortcut>{shortcut}</MenuItemShortcut>}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nMenuItemActionTemplate.displayName = \"MenuItemActionTemplate\";\r\n","import { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { MenuItemText } from \"../../components/menu-item-text/MenuItemText\";\r\nimport { Icon } from \"@/components/icon\";\r\nimport { Check, LucideIcon } from \"lucide-react\";\r\nimport { MenuItemIcon } from \"../../components/menu-item-icon/MenuItemIcon\";\r\nimport { cn } from \"@/lib/utils\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface MenuItemCommonTemplateVariants {\r\n\tisSelected?: boolean;\r\n}\r\n\r\nconst menuItemCommonTemplateStyles = tv({\r\n\tslots: {\r\n\t\twrapper: \"flex w-full flex-row items-center gap-2\",\r\n\t\tcontentWrapper: \"flex flex-row items-center gap-2\",\r\n\t\tcheck: \"invisible\",\r\n\t\trightIcon: \"ml-auto\"\r\n\t},\r\n\tvariants: {\r\n\t\tisSelected: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcheck: \"visible\"\r\n\t\t\t}\r\n\t\t}\r\n\t} satisfies VariantsConfig<MenuItemCommonTemplateVariants>\r\n});\r\n\r\ntype MenuItemCommonTemplateProps = MenuItemCommonTemplateVariants & {\r\n\ttext: string;\r\n\ticon: LucideIcon;\r\n\tshowStartCheck?: boolean;\r\n\tshowEndCheck?: boolean;\r\n};\r\n\r\nexport const MenuItemCommonTemplate = ({\r\n\ticon,\r\n\ttext,\r\n\tisSelected,\r\n\tshowStartCheck = false,\r\n\tshowEndCheck = false\r\n}: PropsWithChildren<MenuItemCommonTemplateProps>) => {\r\n\tconst styles = menuItemCommonTemplateStyles();\r\n\r\n\treturn (\r\n\t\t<div className={styles.wrapper()}>\r\n\t\t\t{showStartCheck && <Icon icon={Check} className={styles.check({ isSelected })} />}\r\n\t\t\t<div className={styles.contentWrapper()}>\r\n\t\t\t\t<MenuItemIcon icon={icon} />\r\n\t\t\t\t<MenuItemText>{text}</MenuItemText>\r\n\t\t\t</div>\r\n\t\t\t{showEndCheck && <Icon icon={Check} className={cn(styles.rightIcon(), styles.check({ isSelected }))} />}\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nMenuItemCommonTemplate.displayName = \"MenuItemCommonTemplate\";\r\n","import { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { MenuItemText } from \"../../components/menu-item-text/MenuItemText\";\r\nimport { MenuItemSecondaryText } from \"../../components/menu-item-secondary-text/MenuItemSecondaryText\";\r\nimport { Icon } from \"@/components/icon\";\r\nimport { Check } from \"lucide-react\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface MenuItemInfoTemplateVariants {\r\n\tisSelected?: boolean;\r\n}\r\n\r\nconst menuItemInfoTemplateStyles = tv({\r\n\tslots: {\r\n\t\tcheck: \"invisible\"\r\n\t},\r\n\tvariants: {\r\n\t\tisSelected: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcheck: \"visible\"\r\n\t\t\t}\r\n\t\t}\r\n\t} satisfies VariantsConfig<MenuItemInfoTemplateVariants>\r\n});\r\n\r\ntype MenuItemInfoTemplateProps = MenuItemInfoTemplateVariants & {\r\n\ttext: string;\r\n\tdescription?: string;\r\n};\r\n\r\nexport const MenuItemInfoTemplate = ({\r\n\tdescription,\r\n\ttext,\r\n\tisSelected\r\n}: PropsWithChildren<MenuItemInfoTemplateProps>) => {\r\n\tconst styles = menuItemInfoTemplateStyles();\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<Icon icon={Check} className={styles.check({ isSelected })} />\r\n\t\t\t<MenuItemText>{text}</MenuItemText>\r\n\t\t\t{description && <MenuItemSecondaryText>{description}</MenuItemSecondaryText>}\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nMenuItemInfoTemplate.displayName = \"MenuItemInfoTemplate\";\r\n","import { PropsWithChildren } from \"react\";\r\nimport { tv } from \"tailwind-variants\";\r\nimport { MenuItemText } from \"../../components/menu-item-text/MenuItemText\";\r\nimport { Icon } from \"@/components/icon\";\r\nimport { Check, LucideIcon } from \"lucide-react\";\r\nimport { MenuItemIcon } from \"../../components/menu-item-icon/MenuItemIcon\";\r\nimport { MenuItemIconButton } from \"../../components/menu-item-icon-button/MenuItemIconButton\";\r\nimport { VariantsConfig } from \"@/lib/utils/variants\";\r\n\r\nexport interface MenuItemInteractiveTemplateVariants {\r\n\tisSelected?: boolean;\r\n}\r\n\r\nconst menuItemInteractiveTemplateStyles = tv({\r\n\tslots: {\r\n\t\twrapper: \"flex w-full flex-row items-center gap-2\",\r\n\t\tcontentWrapper: \"flex flex-row items-center gap-2\",\r\n\t\tcheck: \"invisible\",\r\n\t\tbutton: \"ml-auto\"\r\n\t},\r\n\tvariants: {\r\n\t\tisSelected: {\r\n\t\t\ttrue: {\r\n\t\t\t\tcheck: \"visible\"\r\n\t\t\t}\r\n\t\t}\r\n\t} satisfies VariantsConfig<MenuItemInteractiveTemplateVariants>\r\n});\r\n\r\ntype MenuItemInteractiveTemplateProps = MenuItemInteractiveTemplateVariants & {\r\n\ttext: string;\r\n\ticon: LucideIcon;\r\n\tbuttonIcon: LucideIcon;\r\n\tbuttonOnClick?: (e: React.MouseEvent) => void;\r\n};\r\n\r\nexport const MenuItemInteractiveTemplate = ({\r\n\ttext,\r\n\ticon,\r\n\tbuttonIcon,\r\n\tbuttonOnClick,\r\n\tisSelected\r\n}: PropsWithChildren<MenuItemInteractiveTemplateProps>) => {\r\n\tconst styles = menuItemInteractiveTemplateStyles();\r\n\r\n\treturn (\r\n\t\t<div className={styles.wrapper()}>\r\n\t\t\t<div className={styles.contentWrapper()}>\r\n\t\t\t\t<Icon icon={Check} className={styles.check({ isSelected })} />\r\n\t\t\t\t<MenuItemIcon icon={icon} />\r\n\t\t\t\t<MenuItemText>{text}</MenuItemText>\r\n\t\t\t</div>\r\n\t\t\t<MenuItemIconButton icon={buttonIcon} onClick={buttonOnClick} className={styles.button()} />\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nMenuItemInteractiveTemplate.displayName = \"MenuItemInteractiveTemplate\";\r\n","import { LucideIcon } from \"lucide-react\";\r\nimport { PropsWithChildren } from \"react\";\r\nimport { FeatureIcon } from \"@/components/icon\";\r\nimport { richButtonStyles } from \"@/components/button/rich-button/RichButton\";\r\nimport { MenuItemSecondaryText } from \"../../components/menu-item-secondary-text/MenuItemSecondaryText\";\r\n\r\nexport type MenuItemRichTemplateProps = {\r\n\ttitle: string;\r\n\tdescription: string;\r\n\ticon: LucideIcon;\r\n};\r\n\r\nexport const MenuItemRichTemplate = ({ icon, description, title }: PropsWithChildren<MenuItemRichTemplateProps>) => {\r\n\tconst buttonStyles = richButtonStyles();\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<FeatureIcon icon={icon} size=\"sm\" className=\"bg-status-neutral-fg\" />\r\n\r\n\t\t\t<div className={buttonStyles.wrapper()}>\r\n\t\t\t\t<span className={buttonStyles.text()}>{title}</span>\r\n\t\t\t\t<MenuItemSecondaryText className={buttonStyles.description()}>{description}</MenuItemSecondaryText>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nMenuItemRichTemplate.displayName = \"MenuItemRichTemplate\";\r\n"],"names":["menuItemActionStyles","tv","MenuItemAction","React","className","children","props","ref","jsx","MenuItem","menuItemButtonVariants","menuItemButtonStyles","MenuItemButton","variant","theme","useComponentVariant","Button","menuItemIconStyles","MenuItemIcon","icon","Icon","menuItemIconButtonStyles","MenuItemIconButton","IconButton","menuItemSecondaryTextStyles","MenuItemSecondaryText","MenuItemActionTemplate","text","shortcut","jsxs","Fragment","MenuItemText","MenuItemShortcut","menuItemCommonTemplateStyles","MenuItemCommonTemplate","isSelected","showStartCheck","showEndCheck","styles","Check","cn","menuItemInfoTemplateStyles","MenuItemInfoTemplate","description","menuItemInteractiveTemplateStyles","MenuItemInteractiveTemplate","buttonIcon","buttonOnClick","MenuItemRichTemplate","title","buttonStyles","richButtonStyles","FeatureIcon"],"mappings":";;;;;;;;;;;;;;;AAKA,MAAMA,IAAuBC,EAAG;AAAA,EAC/B,MAAM;AACP,CAAC,GAIYC,IAAiBC,EAAM;AAAA,EACnC,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAClC,gBAAAC,EAAAC,GAAA,EAAS,KAAAF,GAAU,WAAWP,EAAqB,EAAE,WAAAI,GAAW,GAAG,UAAU,GAAI,GAAGE,GACnF,UAAAD,EACF,CAAA;AAEF;AAEAH,EAAe,cAAc;ACTtB,MAAMQ,IAAyBT,EAAG;AAAA,EACxC,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS;AAAA,IACV;AAAA,IACA,SAAS;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EAER;AAAA,EACA,kBAAkB;AAAA,IACjB;AAAA,MACC,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACR;AAAA,IACA;AAAA,MACC,OAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;AAAA,EACR;AAEF,CAAC,GAEKU,IAAuBV,EAAG;AAAA,EAC/B,QAAQS;AAAA,EACR,MAAM;AACP,CAAC,GAEYE,IAAiBT,EAAM;AAAA,EACnC,CAAC,EAAE,WAAAC,GAAW,SAAAS,IAAU,SAAS,GAAGP,KAASC,MAAQ;AACpD,UAAM,EAAE,SAASO,EAAM,IAAIC,EAAoB;AAG9C,WAAA,gBAAAP;AAAA,MAACQ;AAAA,MAAA;AAAA,QACA,KAAAT;AAAA,QACA,yBAAqB;AAAA,QACrB,MAAK;AAAA,QACL,SAAAM;AAAA,QACA,WAAWF,EAAqB,EAAE,WAAAP,GAAW,OAAAU,GAAO,SAAAD,GAAS;AAAA,QAC5D,GAAGP;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEAM,EAAe,cAAc;AC/D7B,MAAMK,IAAqBhB,EAAG;AAAA,EAC7B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACV;AAEF,CAAC,GAIYiB,IAAe,CAAC,EAAE,WAAAd,GAAW,MAAAe,GAAM,GAAGb,QAA+B;AACjF,QAAM,EAAE,SAASQ,EAAM,IAAIC,EAAoB;AAExC,SAAA,gBAAAP,EAACY,GAAK,EAAA,MAAAD,GAAY,WAAWF,EAAmB,EAAE,WAAAb,GAAW,OAAAU,EAAM,CAAC,GAAI,GAAGR,EAAO,CAAA;AAC1F;AAEAY,EAAa,cAAc;ACX3B,MAAMG,IAA2BpB,EAAG;AAAA,EACnC,QAAQS;AAAA,EACR,MAAM;AACP,CAAC,GAEYY,IAAqBnB,EAAM;AAAA,EACvC,CAAC,EAAE,WAAAC,GAAW,MAAAe,GAAM,SAAAN,IAAU,SAAS,GAAGP,EAAM,GAAGC,MAAQ;AAC1D,UAAM,EAAE,SAASO,EAAM,IAAIC,EAAoB;AAG9C,WAAA,gBAAAP;AAAA,MAACe;AAAA,MAAA;AAAA,QACA,KAAAhB;AAAA,QACA,MAAAY;AAAA,QACA,yBAAqB;AAAA,QACrB,MAAK;AAAA,QACL,SAAAN;AAAA,QACA,QAAO;AAAA,QACP,WAAWQ,EAAyB,EAAE,WAAAjB,GAAW,OAAAU,GAAO,SAAAD,GAAS;AAAA,QAChE,GAAGP;AAAA,MAAA;AAAA,IACL;AAAA,EAAA;AAGH;AAEAgB,EAAmB,cAAc;AC/B1B,MAAME,IAA8BvB,EAAG;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,IACT,OAAO;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACV;AAEF,CAAC,GAIYwB,IAAwB,CAAC,EAAE,WAAArB,GAAW,UAAAC,GAAU,GAAGC,QAA+B;AAC9F,QAAM,EAAE,SAASQ,EAAM,IAAIC,EAAoB;AAG9C,SAAA,gBAAAP,EAAC,QAAK,EAAA,WAAWgB,EAA4B,EAAE,WAAApB,GAAW,OAAAU,GAAO,GAAI,GAAGR,GACtE,UAAAD,EACF,CAAA;AAEF;AAEAoB,EAAsB,cAAc;ACb7B,MAAMC,IAAyB,CAAC,EAAE,MAAAP,GAAM,MAAAQ,GAAM,UAAAC,QAGlD,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA,gBAAAtB,EAACU,KAAa,MAAAC,GAAY;AAAA,EAC1B,gBAAAX,EAACuB,KAAc,UAAKJ,EAAA,CAAA;AAAA,EACnBC,KAAa,gBAAApB,EAAAwB,GAAA,EAAkB,UAASJ,EAAA,CAAA;AAAA,GAC1C;AAIFF,EAAuB,cAAc;ACTrC,MAAMO,IAA+BhC,EAAG;AAAA,EACvC,OAAO;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,WAAW;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IACR;AAAA,EACD;AAEF,CAAC,GASYiC,IAAyB,CAAC;AAAA,EACtC,MAAAf;AAAA,EACA,MAAAQ;AAAA,EACA,YAAAQ;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,cAAAC,IAAe;AAChB,MAAsD;AACrD,QAAMC,IAASL,EAA6B;AAE5C,SACE,gBAAAJ,EAAA,OAAA,EAAI,WAAWS,EAAO,QACrB,GAAA,UAAA;AAAA,IAAkBF,KAAA,gBAAA5B,EAACY,GAAK,EAAA,MAAMmB,GAAO,WAAWD,EAAO,MAAM,EAAE,YAAAH,EAAW,CAAC,EAAG,CAAA;AAAA,IAC9E,gBAAAN,EAAA,OAAA,EAAI,WAAWS,EAAO,eACtB,GAAA,UAAA;AAAA,MAAA,gBAAA9B,EAACU,KAAa,MAAAC,GAAY;AAAA,MAC1B,gBAAAX,EAACuB,KAAc,UAAKJ,EAAA,CAAA;AAAA,IAAA,GACrB;AAAA,IACCU,KAAiB,gBAAA7B,EAAAY,GAAA,EAAK,MAAMmB,GAAO,WAAWC,EAAGF,EAAO,UAAU,GAAGA,EAAO,MAAM,EAAE,YAAAH,EAAY,CAAA,CAAC,EAAG,CAAA;AAAA,EAAA,GACtG;AAEF;AAEAD,EAAuB,cAAc;AC7CrC,MAAMO,IAA6BxC,EAAG;AAAA,EACrC,OAAO;AAAA,IACN,OAAO;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IACR;AAAA,EACD;AAEF,CAAC,GAOYyC,IAAuB,CAAC;AAAA,EACpC,aAAAC;AAAA,EACA,MAAAhB;AAAA,EACA,YAAAQ;AACD,MAAoD;AACnD,QAAMG,IAASG,EAA2B;AAE1C,SAEE,gBAAAZ,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAC,gBAAAtB,EAAAY,GAAA,EAAK,MAAMmB,GAAO,WAAWD,EAAO,MAAM,EAAE,YAAAH,EAAY,CAAA,GAAG;AAAA,IAC5D,gBAAA3B,EAACuB,KAAc,UAAKJ,EAAA,CAAA;AAAA,IACnBgB,KAAgB,gBAAAnC,EAAAiB,GAAA,EAAuB,UAAYkB,EAAA,CAAA;AAAA,EAAA,GACrD;AAEF;AAEAD,EAAqB,cAAc;ACjCnC,MAAME,IAAoC3C,EAAG;AAAA,EAC5C,OAAO;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,QAAQ;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACT,YAAY;AAAA,MACX,MAAM;AAAA,QACL,OAAO;AAAA,MAAA;AAAA,IACR;AAAA,EACD;AAEF,CAAC,GASY4C,IAA8B,CAAC;AAAA,EAC3C,MAAAlB;AAAA,EACA,MAAAR;AAAA,EACA,YAAA2B;AAAA,EACA,eAAAC;AAAA,EACA,YAAAZ;AACD,MAA2D;AAC1D,QAAMG,IAASM,EAAkC;AAEjD,SACE,gBAAAf,EAAA,OAAA,EAAI,WAAWS,EAAO,QACtB,GAAA,UAAA;AAAA,IAAA,gBAAAT,EAAC,OAAI,EAAA,WAAWS,EAAO,eACtB,GAAA,UAAA;AAAA,MAAC,gBAAA9B,EAAAY,GAAA,EAAK,MAAMmB,GAAO,WAAWD,EAAO,MAAM,EAAE,YAAAH,EAAY,CAAA,GAAG;AAAA,MAC5D,gBAAA3B,EAACU,KAAa,MAAAC,GAAY;AAAA,MAC1B,gBAAAX,EAACuB,KAAc,UAAKJ,EAAA,CAAA;AAAA,IAAA,GACrB;AAAA,IACA,gBAAAnB,EAACc,KAAmB,MAAMwB,GAAY,SAASC,GAAe,WAAWT,EAAO,SAAU,CAAA;AAAA,EAAA,GAC3F;AAEF;AAEAO,EAA4B,cAAc;AC7CnC,MAAMG,IAAuB,CAAC,EAAE,MAAA7B,GAAM,aAAAwB,GAAa,OAAAM,QAA0D;AACnH,QAAMC,IAAeC,EAAiB;AACtC,SAEE,gBAAAtB,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAtB,EAAC4C,GAAY,EAAA,MAAAjC,GAAY,MAAK,MAAK,WAAU,wBAAuB;AAAA,IAEnE,gBAAAU,EAAA,OAAA,EAAI,WAAWqB,EAAa,QAC5B,GAAA,UAAA;AAAA,MAAA,gBAAA1C,EAAC,QAAK,EAAA,WAAW0C,EAAa,QAAS,UAAMD,GAAA;AAAA,wBAC5CxB,GAAsB,EAAA,WAAWyB,EAAa,eAAgB,UAAYP,EAAA,CAAA;AAAA,IAAA,EAC5E,CAAA;AAAA,EAAA,GACD;AAEF;AAEAK,EAAqB,cAAc;"}

package/dist/components/overflow-tooltip/OverflowTooltip.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+type OverflowTooltipProps = {
+    children: React.ReactNode;
+    /**
+     * HTML-элемент для обертки содержимого.
+     * Используется для соблюдения правильной HTML-семантики.
+     * Например:
+     * - span (по умолчанию) для текста и инлайн-элементов
+     * - div для блочного содержимого и сложных структур
+     * @default span
+     */
+    triggerTag?: React.ElementType;
+    /**
+     * Классы для обработки переполненного содержимого.
+     * Например: "truncate", "line-clamp-3" и т.д.
+     */
+    className?: string;
+    /**
+     * Классы для содержимого тултипа.
+     * С помощью них можно управлять стилями тултипа, например шириной, переносом текста и т.д.
+     */
+    tooltipClassName?: string;
+    focus?: "high";
+};
+export declare const OverflowTooltip: {
+    ({ children, className, focus, triggerTag, tooltipClassName }: OverflowTooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/overflow-tooltip/OverflowTooltip.stories.d.ts

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

package/dist/components/overflow-tooltip/TextOverflowTooltip.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+type TextOverflowTooltipProps = {
+    children?: React.ReactNode;
+    className?: string;
+    tooltipClassName?: string;
+};
+export declare const TextOverflowTooltip: {
+    ({ children, className, tooltipClassName }: TextOverflowTooltipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/overflow-tooltip/TextOverflowTooltip.stories.d.ts

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

package/dist/components/overflow-tooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { OverflowTooltip } from './OverflowTooltip';
+export { TextOverflowTooltip } from './TextOverflowTooltip';
+export { useOverflowTooltip } from './useOverflowTooltip';

package/dist/components/overflow-tooltip/useOverflowTooltip.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+export declare const useOverflowTooltip: <T extends HTMLElement>() => {
+    open: boolean;
+    onOpenChange: (newOpen: boolean) => void;
+    ref: RefObject<T>;
+};

package/dist/components/overflow-tooltip.d.ts

@@ -0,0 +1,2 @@
+export * from './overflow-tooltip/index'
+export {}

package/dist/components/overflow-tooltip.js

@@ -0,0 +1,7 @@
+import { O as l, T as r, u as t } from "../TextOverflowTooltip-DlUgic5y.js";
+export {
+  l as OverflowTooltip,
+  r as TextOverflowTooltip,
+  t as useOverflowTooltip
+};
+//# sourceMappingURL=overflow-tooltip.js.map

package/dist/components/overflow-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overflow-tooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/overlay/Overlay.d.ts

@@ -0,0 +1,45 @@
+import { default as React } from 'react';
+import { TVReturnType } from 'tailwind-variants';
+export interface OverlayVariants {
+    blur?: boolean;
+    type?: "default" | "gradient" | "dimmed" | "transparent";
+}
+export declare const overlayStyles: TVReturnType<{
+    blur: {
+        true: string;
+    };
+    type: {
+        default: string;
+        gradient: string;
+        dimmed: string;
+        transparent: string;
+    };
+}, undefined, "fixed inset-0 z-50 h-full w-full data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", {
+    blur: {
+        true: string;
+    };
+    type: {
+        default: string;
+        gradient: string;
+        dimmed: string;
+        transparent: string;
+    };
+}, undefined, TVReturnType<{
+    blur: {
+        true: string;
+    };
+    type: {
+        default: string;
+        gradient: string;
+        dimmed: string;
+        transparent: string;
+    };
+}, undefined, "fixed inset-0 z-50 h-full w-full data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", unknown, unknown, undefined>>;
+export type OverlayProps = OverlayVariants & {
+    className?: string;
+};
+export declare const Overlay: React.ForwardRefExoticComponent<OverlayVariants & {
+    className?: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/overlay/Overlay.stories.d.ts

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

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

@@ -0,0 +1 @@
+export { Overlay } from './Overlay';

package/dist/components/overlay.d.ts

@@ -0,0 +1,2 @@
+export * from './overlay/index'
+export {}

package/dist/components/overlay.js

@@ -0,0 +1,5 @@
+import { O as e } from "../Overlay-2XMlxApi.js";
+export {
+  e as Overlay
+};
+//# sourceMappingURL=overlay.js.map

package/dist/components/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/page-state/PageState.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { PageStateSize } from './context/PageStateContext';
+export type PageStateProps = React.HTMLAttributes<HTMLDivElement> & {
+    size?: PageStateSize;
+};
+export declare const PageState: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    size?: PageStateSize;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/page-state/PageState.stories.d.ts

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

package/dist/components/page-state/components/PageStateAction.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { ButtonBaseVariants } from '../../button/button-base/ButtonBase';
+export declare const PageStateAction: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & ButtonBaseVariants & {
+    asChild?: boolean;
+} & {
+    size?: ("xs" | "sm" | "md" | "lg" | "xl") | undefined;
+} & {
+    startIcon?: React.ElementType;
+    endIcon?: React.ElementType;
+    containerClassName?: string;
+    iconClassName?: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/page-state/components/PageStateBoxSvg.d.ts

@@ -0,0 +1,6 @@
+import { LucideIcon } from 'lucide-react';
+interface PageStateBoxSvgProps {
+    icon?: LucideIcon;
+}
+export declare const PageStateBoxSvg: React.FC<PageStateBoxSvgProps>;
+export {};

package/dist/components/page-state/components/PageStateButtonGroup.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+export type PageStateButtonGroupProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const PageStateButtonGroup: React.ForwardRefExoticComponent<PageStateButtonGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/page-state/components/PageStateCancel.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { ButtonBaseVariants } from '../../button/button-base/ButtonBase';
+export declare const PageStateCancel: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & ButtonBaseVariants & {
+    asChild?: boolean;
+} & {
+    size?: ("xs" | "sm" | "md" | "lg" | "xl") | undefined;
+} & {
+    startIcon?: React.ElementType;
+    endIcon?: React.ElementType;
+    containerClassName?: string;
+    iconClassName?: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/page-state/components/PageStateDescription.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { PageStateVariants } from '../context/PageStateContext';
+export type PageStateDescriptionProps = React.HTMLAttributes<HTMLDivElement> & PageStateVariants & {
+    asChild?: boolean;
+};
+export declare const PageStateDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & PageStateVariants & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/page-state/components/PageStateFeatureIcon.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { PageStateSize, PageStateVariants } from '../context/PageStateContext';
+import { FeatureIconProps } from '../../icon/feature-icon/FeatureIcon';
+export type PageStateFeatureIconProps = Omit<FeatureIconProps, "size"> & {
+    size?: PageStateSize;
+} & PageStateVariants;
+export declare const PageStateFeatureIcon: React.FC<PageStateFeatureIconProps>;

package/dist/components/page-state/components/PageStateFolderSvg.d.ts

@@ -0,0 +1,7 @@
+import { PageStateVariants } from '../context/PageStateContext';
+import { LucideIcon } from 'lucide-react';
+interface PageStateFolderSvgProps extends PageStateVariants {
+    icon?: LucideIcon;
+}
+export declare const PageStateFolderSvg: React.FC<PageStateFolderSvgProps>;
+export {};

package/dist/components/page-state/components/PageStateTitle.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { PageStateVariants } from '../context/PageStateContext';
+export type PageStateTitleProps = React.HTMLAttributes<HTMLHeadingElement> & PageStateVariants & {
+    asChild?: boolean;
+};
+export declare const PageStateTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & PageStateVariants & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/page-state/context/PageStateContext.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type PageStateSize = "sm" | "md" | "lg";
+export interface PageStateVariants {
+    size?: PageStateSize;
+}
+interface PageStateProviderProps {
+    size: PageStateSize;
+    children: React.ReactNode;
+}
+export declare const PageStateProvider: React.FC<PageStateProviderProps>;
+export declare const usePageStateContext: () => PageStateVariants;
+export {};

package/dist/components/page-state/hooks/usePageStateButtonSize.d.ts

@@ -0,0 +1,3 @@
+type ButtonSize = "md" | "lg" | "xl";
+export declare const usePageStateButtonSize: () => ButtonSize;
+export {};

package/dist/components/page-state/index.d.ts

@@ -0,0 +1,10 @@
+export { PageState, type PageStateProps } from './PageState';
+export { PageStateTitle, type PageStateTitleProps } from './components/PageStateTitle';
+export { PageStateDescription, type PageStateDescriptionProps } from './components/PageStateDescription';
+export { PageStateCancel } from './components/PageStateCancel';
+export { PageStateAction } from './components/PageStateAction';
+export { PageStateFeatureIcon, type PageStateFeatureIconProps } from './components/PageStateFeatureIcon';
+export { PageStateBoxSvg } from './components/PageStateBoxSvg';
+export { PageStateFolderSvg } from './components/PageStateFolderSvg';
+export { PageStateButtonGroup, type PageStateButtonGroupProps } from './components/PageStateButtonGroup';
+export { type PageStateSize, usePageStateContext } from './context/PageStateContext';

package/dist/components/page-state.d.ts

@@ -0,0 +1,2 @@
+export * from './page-state/index'
+export {}