@cryptlex/web-components 5.0.0 → 5.1.0

package/dist/components/ui/menu.es.js

@@ -1,18 +1,18 @@
-import { jsx as o, jsxs as i, Fragment as u } from "react/jsx-runtime";
+import { jsx as o, jsxs as i, Fragment as m } from "react/jsx-runtime";
 import { composeRenderProps as s } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
-import { Header as m } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Header.es.js";
-import { Keyboard as l } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Keyboard.es.js";
-import { MenuTrigger as f, SubmenuTrigger as p, Menu as d, MenuItem as b } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Menu.es.js";
-import { Separator as x } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Separator.es.js";
-import { Dot as $, Check as g, ChevronRight as M } from "lucide-react";
-import { SelectPopover as h } from "../inputs/select.es.js";
-import { Button as y } from "./button.es.js";
-import { ListBoxCollection as N } from "./list-box.es.js";
+import { Header as l } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Header.es.js";
+import { Keyboard as f } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Keyboard.es.js";
+import { MenuTrigger as p, SubmenuTrigger as d, Menu as b, MenuItem as x } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Menu.es.js";
+import { Separator as $ } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Separator.es.js";
+import { Dot as g, Check as M, ChevronRight as h } from "lucide-react";
+import { SelectPopover as y } from "../inputs/select.es.js";
+import { Button as N } from "./button.es.js";
+import { ListBoxCollection as v } from "./list-box.es.js";
 import { cn as n } from "../../utils/primitives.es.js";
-const v = f, V = p, D = N;
-function S({ className: e, ...t }) {
+const S = p, D = d, E = v;
+function _({ className: e, ...t }) {
   return /* @__PURE__ */ o(
-    h,
+    y,
     {
       className: s(
         e,
@@ -22,9 +22,9 @@ function S({ className: e, ...t }) {
     }
   );
 }
-function _({ className: e, ...t }) {
+function z({ className: e, ...t }) {
   return /* @__PURE__ */ o(
-    d,
+    b,
     {
       className: n(
         "overflow-auto p-1 outline-0 [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]",
@@ -35,9 +35,9 @@ function _({ className: e, ...t }) {
     }
   );
 }
-function E({ children: e, className: t, ...c }) {
+function F({ children: e, className: t, ...c }) {
   return /* @__PURE__ */ o(
-    b,
+    x,
     {
       textValue: c.textValue || (typeof e == "string" ? e : void 0),
       className: s(
@@ -54,25 +54,25 @@ function E({ children: e, className: t, ...c }) {
         )
       ),
       ...c,
-      children: s(e, (r, a) => /* @__PURE__ */ i(u, { children: [
-        /* @__PURE__ */ o("span", { className: "absolute left-2 flex size-icon items-center justify-center", children: a.isSelected && /* @__PURE__ */ i(u, { children: [
-          a.selectionMode == "single" && /* @__PURE__ */ o($, { className: "size-icon fill-current" }),
-          a.selectionMode == "multiple" && /* @__PURE__ */ o(g, { className: "size-icon" })
+      children: s(e, (r, a) => /* @__PURE__ */ i(m, { children: [
+        /* @__PURE__ */ o("span", { className: "absolute left-2 flex size-icon items-center justify-center", children: a.isSelected && /* @__PURE__ */ i(m, { children: [
+          a.selectionMode == "single" && /* @__PURE__ */ o(g, { className: "size-icon fill-current" }),
+          a.selectionMode == "multiple" && /* @__PURE__ */ o(M, { className: "size-icon" })
         ] }) }),
         r,
-        a.hasSubmenu && /* @__PURE__ */ o(M, { className: "ml-auto size-icon" })
+        a.hasSubmenu && /* @__PURE__ */ o(h, { className: "ml-auto size-icon" })
       ] }))
     }
   );
 }
-function F({
+function L({
   className: e,
   inset: t,
   separator: c = !0,
   ...r
 }) {
   return /* @__PURE__ */ o(
-    m,
+    l,
     {
       className: n(
         "px-3 py-1.5 text-sm font-semibold",
@@ -84,49 +84,50 @@ function F({
     }
   );
 }
-function L({ className: e, ...t }) {
+function q({ className: e, ...t }) {
   return /* @__PURE__ */ o(
-    x,
+    $,
     {
       className: n("-mx-1 my-1 h-px bg-muted", e),
       ...t
     }
   );
 }
-function q({
+function A({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ o(
-    l,
+    f,
     {
       className: n("ml-auto text-xs tracking-widest opacity-60", e),
       ...t
     }
   );
 }
-function A({
+function G({
   label: e,
   children: t,
   variant: c,
-  size: r,
-  ...a
+  isDisabled: r,
+  size: a,
+  ...u
 }) {
-  return /* @__PURE__ */ i(v, { ...a, children: [
-    /* @__PURE__ */ o(y, { type: "button", variant: c, size: r, children: e }),
-    /* @__PURE__ */ o(S, { className: "overflow-auto", children: /* @__PURE__ */ o(_, { ...a, children: t }) })
+  return /* @__PURE__ */ i(S, { ...u, children: [
+    /* @__PURE__ */ o(N, { isDisabled: r, type: "button", variant: c, size: a, children: e }),
+    /* @__PURE__ */ o(_, { className: "overflow-auto", children: /* @__PURE__ */ o(z, { ...u, children: t }) })
   ] });
 }
 export {
-  A as EasyMenu,
-  _ as Menu,
-  D as MenuCollection,
-  F as MenuHeader,
-  E as MenuItem,
-  q as MenuKeyboard,
-  S as MenuPopover,
-  L as MenuSeparator,
-  V as MenuSubTrigger,
-  v as MenuTrigger
+  G as EasyMenu,
+  z as Menu,
+  E as MenuCollection,
+  L as MenuHeader,
+  F as MenuItem,
+  A as MenuKeyboard,
+  _ as MenuPopover,
+  q as MenuSeparator,
+  D as MenuSubTrigger,
+  S as MenuTrigger
 };
 //# sourceMappingURL=menu.es.js.map

package/dist/components/ui/menu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.es.js","sources":["../../../lib/components/ui/menu.tsx"],"sourcesContent":["import { VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\nimport {\n  Header as AriaHeader,\n  Keyboard as AriaKeyboard,\n  Menu as AriaMenu,\n  MenuItem as AriaMenuItem,\n  MenuItemProps as AriaMenuItemProps,\n  MenuProps as AriaMenuProps,\n  MenuTrigger as AriaMenuTrigger,\n  MenuTriggerProps as AriaMenuTriggerProps,\n  Separator as AriaSeparator,\n  SeparatorProps as AriaSeparatorProps,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  composeRenderProps,\n  PopoverProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nimport { Check, ChevronRight, Dot } from \"lucide-react\"\nimport { SelectPopover } from \"../inputs/select\"\nimport { Button, buttonVariants } from \"./button\"\nimport { ListBoxCollection } from \"./list-box\"\n\nexport const MenuTrigger = AriaMenuTrigger\nexport const MenuSubTrigger = AriaSubmenuTrigger\nexport const MenuCollection = ListBoxCollection\n\nexport function MenuPopover({ className, ...props }: PopoverProps) {\n  return (\n    <SelectPopover\n      className={composeRenderProps(className, (className) =>\n        cn(className)\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function Menu<T extends object>({ className, ...props }: AriaMenuProps<T>) {\n  return (\n    <AriaMenu\n      className={cn(\n        \"overflow-auto p-1 outline-0 [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]\",\n        className\n      )}\n      escapeKeyBehavior=\"none\"\n      {...props}\n    />\n  )\n}\n\nexport function MenuItem({ children, className, ...props }: AriaMenuItemProps & { ref?: React.Ref<HTMLDivElement> }) {\n  return (\n    <AriaMenuItem\n      textValue={\n        props.textValue || (typeof children === \"string\" ? children : undefined)\n      }\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none transition-colors\",\n          /* Disabled */\n          \"disabled-muted\",\n          /* Focused */\n          \"data-[focused]:bg-accent data-[focused]:text-accent-foreground \",\n          /* Selection Mode */\n          \"data-[selection-mode]:pl-input\",\n          className\n        )\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, renderProps) => (\n        <>\n          <span className=\"absolute left-2 flex size-icon items-center justify-center\">\n            {renderProps.isSelected && (\n              <>\n                {renderProps.selectionMode == \"single\" && (\n                  <Dot className=\"size-icon fill-current\" />\n                )}\n                {renderProps.selectionMode == \"multiple\" && (\n                  <Check className=\"size-icon\" />\n                )}\n              </>\n            )}\n          </span>\n\n          {children}\n\n          {renderProps.hasSubmenu && <ChevronRight className=\"ml-auto size-icon\" />}\n        </>\n      ))}\n    </AriaMenuItem>\n  )\n}\n\ninterface MenuHeaderProps extends React.ComponentProps<typeof AriaHeader> {\n  inset?: boolean\n  separator?: boolean\n}\n\nexport function MenuHeader({\n  className,\n  inset,\n  separator = true,\n  ...props\n}: MenuHeaderProps) {\n  return (\n    <AriaHeader\n      className={cn(\n        \"px-3 py-1.5 text-sm font-semibold\",\n        inset && \"pl-input\",\n        separator && \"-mx-1 mb-1 border-b border-b-border pb-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function MenuSeparator({ className, ...props }: AriaSeparatorProps) {\n  return (\n    <AriaSeparator\n      className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function MenuKeyboard({\n  className,\n  ...props\n}: React.ComponentProps<typeof AriaKeyboard>) {\n  return (\n    <AriaKeyboard\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  )\n}\ninterface MenuProps<T>\n  extends AriaMenuProps<T>,\n  VariantProps<typeof buttonVariants>,\n  Omit<AriaMenuTriggerProps, \"children\"> {\n  label?: React.ReactNode\n}\n// TODO name this better\nexport function EasyMenu<T extends object>({\n  label,\n  children,\n  variant,\n  size,\n  ...props\n}: MenuProps<T>) {\n  return (\n    <MenuTrigger {...props}>\n      <Button type=\"button\" variant={variant} size={size}>\n        {label}\n      </Button>\n      <MenuPopover className=\"overflow-auto\">\n        <Menu {...props}>{children}</Menu>\n      </MenuPopover>\n    </MenuTrigger>\n  )\n}\n"],"names":["MenuTrigger","AriaMenuTrigger","MenuSubTrigger","AriaSubmenuTrigger","MenuCollection","ListBoxCollection","MenuPopover","className","props","jsx","SelectPopover","composeRenderProps","cn","Menu","AriaMenu","MenuItem","children","AriaMenuItem","renderProps","jsxs","Fragment","Dot","Check","ChevronRight","MenuHeader","inset","separator","AriaHeader","MenuSeparator","AriaSeparator","MenuKeyboard","AriaKeyboard","EasyMenu","label","variant","size","Button"],"mappings":"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"}
+{"version":3,"file":"menu.es.js","sources":["../../../lib/components/ui/menu.tsx"],"sourcesContent":["import { VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\nimport {\n  Header as AriaHeader,\n  Keyboard as AriaKeyboard,\n  Menu as AriaMenu,\n  MenuItem as AriaMenuItem,\n  MenuItemProps as AriaMenuItemProps,\n  MenuProps as AriaMenuProps,\n  MenuTrigger as AriaMenuTrigger,\n  MenuTriggerProps as AriaMenuTriggerProps,\n  Separator as AriaSeparator,\n  SeparatorProps as AriaSeparatorProps,\n  SubmenuTrigger as AriaSubmenuTrigger,\n  composeRenderProps,\n  PopoverProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nimport { Check, ChevronRight, Dot } from \"lucide-react\"\nimport { SelectPopover } from \"../inputs/select\"\nimport { Button, buttonVariants } from \"./button\"\nimport { ListBoxCollection } from \"./list-box\"\n\nexport const MenuTrigger = AriaMenuTrigger\nexport const MenuSubTrigger = AriaSubmenuTrigger\nexport const MenuCollection = ListBoxCollection\n\nexport function MenuPopover({ className, ...props }: PopoverProps) {\n  return (\n    <SelectPopover\n      className={composeRenderProps(className, (className) =>\n        cn(className)\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function Menu<T extends object>({ className, ...props }: AriaMenuProps<T>) {\n  return (\n    <AriaMenu\n      className={cn(\n        \"overflow-auto p-1 outline-0 [clip-path:inset(0_0_0_0_round_calc(var(--radius)-2px))]\",\n        className\n      )}\n      escapeKeyBehavior=\"none\"\n      {...props}\n    />\n  )\n}\n\nexport function MenuItem({ children, className, ...props }: AriaMenuItemProps & { ref?: React.Ref<HTMLDivElement> }) {\n  return (\n    <AriaMenuItem\n      textValue={\n        props.textValue || (typeof children === \"string\" ? children : undefined)\n      }\n      className={composeRenderProps(className, (className) =>\n        cn(\n          \"relative flex cursor-default select-none items-center gap-2 px-2 py-1.5 text-sm outline-none transition-colors\",\n          /* Disabled */\n          \"disabled-muted\",\n          /* Focused */\n          \"data-[focused]:bg-accent data-[focused]:text-accent-foreground \",\n          /* Selection Mode */\n          \"data-[selection-mode]:pl-input\",\n          className\n        )\n      )}\n      {...props}\n    >\n      {composeRenderProps(children, (children, renderProps) => (\n        <>\n          <span className=\"absolute left-2 flex size-icon items-center justify-center\">\n            {renderProps.isSelected && (\n              <>\n                {renderProps.selectionMode == \"single\" && (\n                  <Dot className=\"size-icon fill-current\" />\n                )}\n                {renderProps.selectionMode == \"multiple\" && (\n                  <Check className=\"size-icon\" />\n                )}\n              </>\n            )}\n          </span>\n\n          {children}\n\n          {renderProps.hasSubmenu && <ChevronRight className=\"ml-auto size-icon\" />}\n        </>\n      ))}\n    </AriaMenuItem>\n  )\n}\n\ninterface MenuHeaderProps extends React.ComponentProps<typeof AriaHeader> {\n  inset?: boolean\n  separator?: boolean\n}\n\nexport function MenuHeader({\n  className,\n  inset,\n  separator = true,\n  ...props\n}: MenuHeaderProps) {\n  return (\n    <AriaHeader\n      className={cn(\n        \"px-3 py-1.5 text-sm font-semibold\",\n        inset && \"pl-input\",\n        separator && \"-mx-1 mb-1 border-b border-b-border pb-2.5\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport function MenuSeparator({ className, ...props }: AriaSeparatorProps) {\n  return (\n    <AriaSeparator\n      className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n      {...props}\n    />\n  )\n}\n\nexport function MenuKeyboard({\n  className,\n  ...props\n}: React.ComponentProps<typeof AriaKeyboard>) {\n  return (\n    <AriaKeyboard\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  )\n}\ninterface MenuProps<T>\n  extends AriaMenuProps<T>,\n  VariantProps<typeof buttonVariants>,\n  Omit<AriaMenuTriggerProps, \"children\"> {\n  label?: React.ReactNode\n  isDisabled?: boolean\n}\n// TODO name this better\nexport function EasyMenu<T extends object>({\n  label,\n  children,\n  variant,\n  isDisabled,\n  size,\n  ...props\n}: MenuProps<T>) {\n  return (\n    <MenuTrigger {...props}>\n      <Button isDisabled={isDisabled} type=\"button\" variant={variant} size={size}>\n        {label}\n      </Button>\n      <MenuPopover className=\"overflow-auto\">\n        <Menu {...props}>{children}</Menu>\n      </MenuPopover>\n    </MenuTrigger>\n  )\n}\n"],"names":["MenuTrigger","AriaMenuTrigger","MenuSubTrigger","AriaSubmenuTrigger","MenuCollection","ListBoxCollection","MenuPopover","className","props","jsx","SelectPopover","composeRenderProps","cn","Menu","AriaMenu","MenuItem","children","AriaMenuItem","renderProps","jsxs","Fragment","Dot","Check","ChevronRight","MenuHeader","inset","separator","AriaHeader","MenuSeparator","AriaSeparator","MenuKeyboard","AriaKeyboard","EasyMenu","label","variant","isDisabled","size","Button"],"mappings":"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"}

package/dist/components/ui/popover.es.js

@@ -10,7 +10,7 @@ const b = m, $ = ({ className: e, offset: o = 4, ...r }) => /* @__PURE__ */ t(
     className: n(
       e,
       (i) => a(
-        "z-50 border bg-popover text-popover-foreground outline-none max-w-table",
+        "z-50 border bg-popover text-popover-foreground outline-none max-w-lg",
         /* Entering */
         "data-[entering]:animate-in data-[entering]:fade-in-0 data-[entering]:zoom-in-95",
         /* Exiting */

package/dist/components/ui/popover.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.es.js","sources":["../../../lib/components/ui/popover.tsx"],"sourcesContent":["import {\n\tDialog as AriaDialog,\n\tDialogProps as AriaDialogProps,\n\tDialogTrigger as AriaDialogTrigger,\n\tPopover as AriaPopover,\n\tPopoverProps as AriaPopoverProps,\n\tcomposeRenderProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nexport const PopoverTrigger = AriaDialogTrigger\n\nexport const Popover = ({ className, offset = 4, ...props }: AriaPopoverProps) => (\n\t<AriaPopover\n\t\toffset={offset}\n\t\tclassName={composeRenderProps(className, (className) =>\n\t\t\tcn(\n\t\t\t\t\"z-50 border bg-popover text-popover-foreground outline-none max-w-table\",\n\t\t\t\t/* Entering */\n\t\t\t\t\"data-[entering]:animate-in data-[entering]:fade-in-0 data-[entering]:zoom-in-95\",\n\t\t\t\t/* Exiting */\n\t\t\t\t\"data-[exiting]:animate-out data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95\",\n\t\t\t\t/* Placement */\n\t\t\t\t\"data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2\",\n\t\t\t\tclassName\n\t\t\t)\n\t\t)}\n\t\t{...props}\n\t/>\n)\n\nexport function PopoverDialog({ className, ...props }: AriaDialogProps) {\n\treturn (\n\t\t<AriaDialog className={cn(\"p-icon outline-0\", className)} {...props} />\n\t)\n}\n"],"names":["PopoverTrigger","AriaDialogTrigger","Popover","className","offset","props","jsx","AriaPopover","composeRenderProps","cn","PopoverDialog","AriaDialog"],"mappings":";;;;;AAWO,MAAMA,IAAiBC,GAEjBC,IAAU,CAAC,EAAE,WAAAC,GAAW,QAAAC,IAAS,GAAG,GAAGC,QACnD,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACA,QAAAH;AAAA,IACA,WAAWI;AAAAA,MAAmBL;AAAA,MAAW,CAACA,MACzCM;AAAA,QACC;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAN;AAAAA,MAAA;AAAA,IACD;AAAA,IAEA,GAAGE;AAAA,EAAA;AACL;AAGM,SAASK,EAAc,EAAE,WAAAP,GAAW,GAAGE,KAA0B;AACvE,SACC,gBAAAC,EAACK,KAAW,WAAWF,EAAG,oBAAoBN,CAAS,GAAI,GAAGE,GAAO;AAEvE;"}
+{"version":3,"file":"popover.es.js","sources":["../../../lib/components/ui/popover.tsx"],"sourcesContent":["import {\n\tDialog as AriaDialog,\n\tDialogProps as AriaDialogProps,\n\tDialogTrigger as AriaDialogTrigger,\n\tPopover as AriaPopover,\n\tPopoverProps as AriaPopoverProps,\n\tcomposeRenderProps,\n} from \"react-aria-components\"\n\nimport { cn } from \"@/utils/index\"\n\nexport const PopoverTrigger = AriaDialogTrigger\n\nexport const Popover = ({ className, offset = 4, ...props }: AriaPopoverProps) => (\n\t<AriaPopover\n\t\toffset={offset}\n\t\tclassName={composeRenderProps(className, (className) =>\n\t\t\tcn(\n\t\t\t\t\"z-50 border bg-popover text-popover-foreground outline-none max-w-lg\",\n\t\t\t\t/* Entering */\n\t\t\t\t\"data-[entering]:animate-in data-[entering]:fade-in-0 data-[entering]:zoom-in-95\",\n\t\t\t\t/* Exiting */\n\t\t\t\t\"data-[exiting]:animate-out data-[exiting]:fade-out-0 data-[exiting]:zoom-out-95\",\n\t\t\t\t/* Placement */\n\t\t\t\t\"data-[placement=bottom]:slide-in-from-top-2 data-[placement=left]:slide-in-from-right-2 data-[placement=right]:slide-in-from-left-2 data-[placement=top]:slide-in-from-bottom-2\",\n\t\t\t\tclassName\n\t\t\t)\n\t\t)}\n\t\t{...props}\n\t/>\n)\n\nexport function PopoverDialog({ className, ...props }: AriaDialogProps) {\n\treturn (\n\t\t<AriaDialog className={cn(\"p-icon outline-0\", className)} {...props} />\n\t)\n}\n"],"names":["PopoverTrigger","AriaDialogTrigger","Popover","className","offset","props","jsx","AriaPopover","composeRenderProps","cn","PopoverDialog","AriaDialog"],"mappings":";;;;;AAWO,MAAMA,IAAiBC,GAEjBC,IAAU,CAAC,EAAE,WAAAC,GAAW,QAAAC,IAAS,GAAG,GAAGC,QACnD,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACA,QAAAH;AAAA,IACA,WAAWI;AAAAA,MAAmBL;AAAA,MAAW,CAACA,MACzCM;AAAA,QACC;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA;AAAA,QAEA;AAAA,QACAN;AAAAA,MAAA;AAAA,IACD;AAAA,IAEA,GAAGE;AAAA,EAAA;AACL;AAGM,SAASK,EAAc,EAAE,WAAAP,GAAW,GAAGE,KAA0B;AACvE,SACC,gBAAAC,EAACK,KAAW,WAAWF,EAAG,oBAAoBN,CAAS,GAAI,GAAGE,GAAO;AAEvE;"}

package/dist/index.es.d.ts

@@ -80,7 +80,7 @@ import { TabProps } from 'react-aria-components';
 import { TabsProps } from 'react-aria-components';
 import { TextFieldProps as TextFieldProps_2 } from 'react-aria-components';
 import { TextProps } from 'react-aria-components';
-import { TimeFieldProps } from 'react-aria-components';
+import { TimeFieldProps as TimeFieldProps_2 } from 'react-aria-components';
 import { TimeValue } from 'react-aria-components';
 import { Toaster as Toaster_2 } from 'sonner';
 import { TooltipProps } from 'react-aria-components';
@@ -88,6 +88,7 @@ import { TooltipTrigger as TooltipTrigger_2 } from 'react-aria-components';
 import { UseQueryResult } from '@tanstack/react-query';
 import { VariantProps } from 'class-variance-authority';
 import { VisibilityState as VisibilityState_2 } from '@tanstack/react-table';
+import { ZonedDateTime } from '@internationalized/date';
 
 /** Reserved name for actions column */
 export declare const ACTIONS_COLUMN_ID = "tableActions";
@@ -198,9 +199,9 @@ export declare const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator
 
 /**
  * Converts a string from 'camelCase' to 'Title Case'
- * @param string String to convert to `Title Case`
+ * @param input String to convert to `Title Case`
  */
-export declare function convertCamelCaseToTitleCase(string: string): string;
+export declare function convertCamelCaseToTitleCase(input: string): string;
 
 /**
  *
@@ -210,20 +211,12 @@ export declare function convertCamelCaseToTitleCase(string: string): string;
 export declare function convertToTitleCase(input: string): string;
 
 /** Options for MultiSelect component */
-export declare const COUNTRY_OPTIONS: {
-    label: JSX.Element;
-    value: string;
-}[];
-
-export declare function CountrySelect({ ...props }: Omit<MultiSelectProps, "options">): JSX.Element;
+export declare const COUNTRY_OPTIONS: SelectOption[];
 
 export declare function createTableFetchFn<Return, Operation extends keyof operations>(ctxclient: Client, path: GetPaths): TableFetchFn<Return, Operation>;
 
 export declare type CtxPortals = "customer-portal" | "system-portal" | "reseller-portal" | "admin-portal";
 
-/** Application Names */
-export declare type CtxProjectName = "admin-portal" | "customer-portal" | "internal-portal" | "reseller-portal";
-
 export declare function DataTable({ tableActions, className, ...props }: DataTableProps): JSX.Element;
 
 export declare const DataTableContext: default_2.Context<{
@@ -343,13 +336,7 @@ export declare type DisplayField<T> = {
     transform?: (value: any) => React.ReactNode;
 };
 
-export declare enum DYNAMIC_INPUT_TARGET {
-    USER = 0,
-    ORGANIZATION = 1,
-    RESELLER = 2
-}
-
-export declare function EasyMenu<T extends object>({ label, children, variant, size, ...props }: MenuProps<T>): JSX.Element;
+export declare function EasyMenu<T extends object>({ label, children, variant, isDisabled, size, ...props }: MenuProps<T>): JSX.Element;
 
 export declare const fieldContext: Context<AnyFieldApi>;
 
@@ -371,7 +358,7 @@ export declare type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATO
 
 export declare type FilterConfig = {
     type: 'enum';
-    options: MultiSelectProps['options'];
+    options: MultiSelectProps['items'];
 } | {
     type: 'id-search';
     search: () => Promise<{
@@ -419,8 +406,6 @@ declare type GetPaths = {
     } ? P : never;
 }[keyof paths];
 
-export declare function getResourceDisplayName(resourceName: string, portal: CtxProjectName): string;
-
 /**
  *
  * @returns
@@ -453,9 +438,6 @@ export declare function InputOTPSlot({ index, className, ...props }: React_2.Com
     index: number;
 }): JSX.Element;
 
-declare interface JollyTimeFieldProps<T extends TimeValue> extends TimeFieldProps<T>, FormFieldProps {
-}
-
 export declare type JwtDecode = {
     aud: string;
     email: string;
@@ -484,10 +466,7 @@ export declare interface KeyValueCardProps<T> {
 
 export declare const labelVariants: (props?: ClassProp | undefined) => string;
 
-export declare const LICENSE_TYPE_OPTIONS: {
-    label: JSX.Element;
-    id: string;
-}[];
+export declare const LICENSE_TYPE_OPTIONS: SelectOption[];
 
 export declare function ListBox<T extends object>({ className, ...props }: ListBoxProps<T>): JSX.Element;
 
@@ -526,6 +505,7 @@ export declare function MenuPopover({ className, ...props }: PopoverProps): JSX.
 
 declare interface MenuProps<T> extends MenuProps_2<T>, VariantProps<typeof buttonVariants>, Omit<MenuTriggerProps, "children"> {
     label?: React_2.ReactNode;
+    isDisabled?: boolean;
 }
 
 export declare function MenuSeparator({ className, ...props }: SeparatorProps): JSX.Element;
@@ -534,9 +514,16 @@ export declare const MenuSubTrigger: (props: SubmenuTriggerProps & React_2.RefAt
 
 export declare const MenuTrigger: typeof MenuTrigger_2;
 
-export declare function MultiSelect({ options, value, setValue, label, errorMessage, description, ...props }: MultiSelectProps): JSX.Element;
+declare interface MultipleSelectionProps {
+    value: Set<string | number>;
+    onChange: (v: Set<string | number>) => void;
+    buttonLabel?: default_2.ReactNode;
+    items: SelectOption[];
+}
+
+export declare function MultiSelect({ items, value, onChange: setValue, label, errorMessage, description, ...props }: MultiSelectProps): JSX.Element;
 
-export declare interface MultiSelectProps extends SelectionProps<Set<string | number>>, FormFieldProps, Omit<default_2.ComponentProps<typeof EasyMenu>, 'label'> {
+export declare interface MultiSelectProps extends MultipleSelectionProps, FormFieldProps, Omit<default_2.ComponentProps<typeof EasyMenu>, 'label' | 'items'> {
 }
 
 declare type NestedKeyOf<T> = T extends object ? {
@@ -557,6 +544,11 @@ export declare function PopoverDialog({ className, ...props }: DialogProps): JSX
 
 export declare const PopoverTrigger: typeof DialogTrigger_2;
 
+export declare function ProjectProvider({ projectName, children }: {
+    projectName: CtxPortals;
+    children: React.ReactNode;
+}): JSX.Element;
+
 export declare function RangeCalendar<T extends DateValue>({ errorMessage, className, ...props }: RangeCalendarProps<T>): JSX.Element;
 
 declare interface RangeCalendarProps<T extends DateValue> extends RangeCalendarProps_2<T> {
@@ -594,19 +586,14 @@ export declare const SelectCollection: Collection;
 
 export declare const SelectHeader: typeof ListBoxHeader;
 
-export declare interface SelectionProps<V extends number | string | Set<string | number>> {
-    value: V;
-    setValue: (v: V) => void;
-    buttonLabel?: default_2.ReactNode;
-    options: {
-        value: string;
-        label: default_2.ReactElement;
-        disabled?: boolean;
-    }[];
-}
-
 export declare const SelectItem: typeof ListBoxItem;
 
+export declare type SelectOption = {
+    id: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+};
+
 export declare function SelectPopover({ className, ...props }: PopoverProps): JSX.Element;
 
 export declare type SelectState = Set<number | string>;
@@ -693,9 +680,9 @@ export declare const SidebarRail: React_2.ForwardRefExoticComponent<Omit<React_2
 
 export declare function SidebarTrigger({ className, onClick, ...props }: React_2.ComponentProps<typeof Button>): JSX.Element;
 
-export declare function SingleSelect<T extends object>({ label, description, errorMessage, children, className, items, ...props }: SingleSelectProps<T>): JSX.Element;
+export declare function SingleSelect<T extends SelectOption>({ label, description, errorMessage, children, className, items, ...props }: SingleSelectProps<T>): JSX.Element;
 
-export declare interface SingleSelectProps<T extends object> extends Omit<SelectProps<T>, "children">, FormFieldProps {
+export declare interface SingleSelectProps<T extends SelectOption> extends Omit<SelectProps<T>, "children">, FormFieldProps {
     items: Iterable<T>;
     children: React.ReactNode | ((item: T) => React.ReactNode);
 }
@@ -754,29 +741,30 @@ export declare function TfCheckbox({ ...props }: TfCheckboxProps): JSX.Element;
 
 export declare type TfCheckboxProps = Omit<React.ComponentProps<typeof Checkbox>, "onChange" | "onBlur" | "isChecked">;
 
-export declare function TfCountrySelect({ ...props }: Omit<TfMultiSelectProps, "options">): JSX.Element;
+export declare function TfDatePicker({ ...props }: Omit<DatePickerProps<ZonedDateTime>, 'value' | 'onChange' | 'onBlur' | 'isInvalid' | 'errorMessage'>): JSX.Element;
 
 export declare function TfIdSearchInput<T extends {
     id: string;
     name: string;
 }>({ disabled, ...props }: Omit<SearchInputProps<T>, 'value' | 'onChange'>): JSX.Element;
 
-export declare function TfLicenseTypeSelect({ ...props }: Omit<React.ComponentProps<typeof TfSingleSelect>, 'items' | 'children'>): JSX.Element;
-
 export declare function TfMultiSelect({ ...props }: TfMultiSelectProps): JSX.Element;
 
-export declare interface TfMultiSelectProps extends Omit<MultiSelectProps, "value" | "setValue"> {
+export declare interface TfMultiSelectProps extends Omit<MultiSelectProps, "value" | "onChange"> {
 }
 
 declare function TfNumberField({ isDisabled, ...props }: Omit<default_2.ComponentProps<typeof NumberField>, 'value' | 'id' | 'onChange' | 'onBlur'>): JSX.Element;
 
-export declare function TfSingleSelect<T extends object>({ ...props }: TfSingleSelectProps<T>): JSX.Element;
+export declare function TfSingleSelect<T extends SelectOption>({ ...props }: TfSingleSelectProps<T>): JSX.Element;
 
-declare type TfSingleSelectProps<T extends object> = Omit<SingleSelectProps<T>, "value" | "setValue">;
+declare type TfSingleSelectProps<T extends SelectOption> = Omit<SingleSelectProps<T>, "value" | "setValue" | 'children'>;
 
 export declare function TfTextField({ isDisabled, ...props }: React.ComponentProps<typeof TextField>): JSX.Element;
 
-export declare function TimeField<T extends TimeValue>({ label, description, errorMessage, className, ...props }: JollyTimeFieldProps<T>): JSX.Element;
+export declare function TimeField<T extends TimeValue>({ label, description, errorMessage, className, ...props }: TimeFieldProps<T>): JSX.Element;
+
+declare interface TimeFieldProps<T extends TimeValue> extends TimeFieldProps_2<T>, FormFieldProps {
+}
 
 export declare function Timeline({ className, ...props }: React.ComponentProps<'ol'>): JSX.Element;
 
@@ -814,11 +802,9 @@ export declare const useAppForm: <TFormData, TOnMount extends FormValidateOrFn<T
     AppField: FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
     readonly TfTextField: typeof TfTextField;
     readonly TfNumberField: typeof TfNumberField;
-    readonly TfCountrySelect: typeof TfCountrySelect;
-    readonly TfLicenseTypeSelect: typeof TfLicenseTypeSelect;
     readonly TfMultiSelect: typeof TfMultiSelect;
-    readonly TfCheckbox: typeof TfCheckbox;
     readonly TfSingleSelect: typeof TfSingleSelect;
+    readonly TfCheckbox: typeof TfCheckbox;
     }>>;
     AppForm: ComponentType<PropsWithChildren>;
 };
@@ -862,6 +848,10 @@ export declare const useFieldContext: <TData>() => FieldApi<any, string, TData,
 
 export declare function useIsMobile(): boolean;
 
+export declare function useProjectName(): CtxPortals;
+
+export declare function useResourceFormatter(): (resourceName: string) => string;
+
 export declare function useSidebar(): SidebarContextProps;
 
 export declare type VisibilityState<T> = {