@oneplatformdev/ui 0.1.99-beta.40 → 0.1.99-beta.41

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 0.1.99-beta.41 (2026-01-14)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.99-beta.41
+- Updated @oneplatformdev/hooks to 0.1.99-beta.41
+- Updated @oneplatformdev/tokens to 0.1.99-beta.41
+
 ## 0.1.99-beta.40 (2026-01-14)
 
 ### 🧱 Updated Dependencies

package/Combobox/Combobox.stories.js

@@ -62,7 +62,7 @@ function l({ initialValue: e = "", ...n }) {
   ] });
 }
 const w = {
-  title: "UI/Combobox",
+  title: "Combobox",
   component: f,
   parameters: {
     layout: "centered"
@@ -91,21 +91,21 @@ const w = {
   render: (e) => /* @__PURE__ */ t(l, { ...e })
 }, L = {
   render: (e) => /* @__PURE__ */ t(l, { ...e, initialValue: "pl" })
-}, I = {
+}, M = {
   args: { disabled: !0 },
   render: (e) => /* @__PURE__ */ t(l, { ...e, initialValue: "de" })
-}, M = {
+}, P = {
   args: {
     options: r,
     fetchOptions: async () => r
   },
   render: (e) => /* @__PURE__ */ t(l, { ...e })
-}, P = {
+}, T = {
   args: {
     fetchOptions: d(r, 1200)
   },
   render: (e) => /* @__PURE__ */ t(l, { ...e })
-}, T = {
+}, k = {
   args: {
     emptyLabel: "Nothing found",
     emptyAction: (e) => {
@@ -126,7 +126,7 @@ const w = {
     }
   },
   render: (e) => /* @__PURE__ */ t(l, { ...e })
-}, k = {
+}, I = {
   args: {
     commandInputAction: (e) => /* @__PURE__ */ u("div", { className: "px-3 py-2 flex items-center justify-between text-xs text-muted-foreground", children: [
       /* @__PURE__ */ u("span", { children: [
@@ -178,14 +178,14 @@ const w = {
 };
 export {
   A as Default,
-  I as Disabled,
-  T as EmptyStateWithAction,
+  M as Disabled,
+  k as EmptyStateWithAction,
   F as NestedOptions,
   V as OnMountPrefetch,
-  P as SlowFetchLoading,
-  k as WithCommandInputAction,
+  T as SlowFetchLoading,
+  I as WithCommandInputAction,
   E as WithListHeadAction,
-  M as WithStaticOptionsProp,
+  P as WithStaticOptionsProp,
   L as WithValueSelected,
   w as default
 };

package/Combobox/Combobox.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.stories.js","sources":["../../src/Combobox/Combobox.stories.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { Combobox } from './Combobox';\nimport type {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\n\nconst sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));\n\nconst flatten = (nodes: ComboboxOption[] = []): ComboboxOption[] => {\n  const res: ComboboxOption[] = [];\n  const walk = (list?: ComboboxOption[]) => {\n    if (!list?.length) return;\n    for (const n of list) {\n      res.push(n);\n      if (n.items?.length) walk(n.items);\n    }\n  };\n  walk(nodes);\n  return res;\n};\n\nconst createFetchOptions =\n  (all: ComboboxOption[], delayMs = 350): ComboboxProps['fetchOptions'] =>\n    async (search?: string) => {\n      await sleep(delayMs);\n\n      const q = (search ?? '').trim().toLowerCase();\n      if (!q) return all;\n\n      // simple \"contains\" search across flattened options; then return top-level filtered\n      // (enough for Storybook demos; your real API can do better)\n      const allFlat = flatten(all);\n      const matchedValues = new Set(\n        allFlat\n          .filter((o) => String(o.label).toLowerCase().includes(q))\n          .map((o) => String(o.value)),\n      );\n\n      const filterTree = (list: ComboboxOption[]): ComboboxOption[] => {\n        return list\n          .map((n) => {\n            const items = n.items?.length ? filterTree(n.items) : undefined;\n            const selfMatch =\n              matchedValues.has(String(n.value)) ||\n              String(n.label).toLowerCase().includes(q);\n\n            if (!selfMatch && !items?.length) return null;\n            return { ...n, items };\n          })\n          .filter(Boolean) as ComboboxOption[];\n      };\n\n      return filterTree(all);\n    };\n\nconst BASE_OPTIONS: ComboboxOption[] = [\n  { value: 'ua', label: 'Ukraine' },\n  { value: 'pl', label: 'Poland' },\n  { value: 'de', label: 'Germany' },\n  { value: 'fr', label: 'France' },\n  { value: 'es', label: 'Spain' },\n  { value: 'it', label: 'Italy' },\n];\n\nconst NESTED_OPTIONS: ComboboxOption[] = [\n  {\n    value: 'europe',\n    label: 'Europe',\n    items: [\n      { value: 'ua', label: 'Ukraine' },\n      { value: 'pl', label: 'Poland' },\n      { value: 'de', label: 'Germany' },\n      { value: 'fr', label: 'France' },\n    ],\n  },\n  {\n    value: 'north-america',\n    label: 'North America',\n    items: [\n      { value: 'us', label: 'United States' },\n      { value: 'ca', label: 'Canada' },\n      { value: 'mx', label: 'Mexico' },\n    ],\n  },\n];\n\ntype ControlledProps = Omit<ComboboxProps, 'value' | 'onChange'> & {\n  initialValue?: ComboboxProps['value'];\n};\n\nfunction ControlledCombobox({ initialValue = '', ...args }: ControlledProps) {\n  const [value, setValue] = useState<ComboboxProps['value']>(initialValue);\n\n  // keep stable reference if someone passes inline fetchOptions\n  const fetchOptions = useMemo(\n    () => args.fetchOptions,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return (\n    <div className=\"max-w-sm\">\n      <Combobox {...args} value={value} onChange={setValue} fetchOptions={fetchOptions} />\n      <div className=\"mt-3 text-xs text-muted-foreground\">\n        value: <span className=\"font-mono\">{String(value || '')}</span>\n      </div>\n    </div>\n  );\n}\n\nconst meta = {\n  title: 'UI/Combobox',\n  component: Combobox,\n  parameters: {\n    layout: 'centered',\n  },\n  args: {\n    placeholder: 'Select option...',\n    searchLabel: 'Type to search...',\n    emptyLabel: 'No options',\n    disabled: false,\n    fetchOptions: createFetchOptions(BASE_OPTIONS, 250),\n  },\n  argTypes: {\n    fetchOptions: { control: false },\n    onChange: { control: false },\n    onMount: { control: false },\n    emptyAction: { control: false },\n    commandInputAction: { control: false },\n    listHeadAction: { control: false },\n    options: { control: false },\n    value: { control: false },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"p-6 w-[420px]\">\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Combobox>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\n/** 1) Default (async options) */\nexport const Default: Story = {\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 2) With initial selected value */\nexport const WithValueSelected: Story = {\n  render: (args) => <ControlledCombobox {...args} initialValue=\"pl\" />,\n};\n\n/** 3) Disabled */\nexport const Disabled: Story = {\n  args: { disabled: true },\n  render: (args) => <ControlledCombobox {...args} initialValue=\"de\" />,\n};\n\n/** 4) Static options via `options` prop (no async needed, but fetchOptions still required) */\nexport const WithStaticOptionsProp: Story = {\n  args: {\n    options: BASE_OPTIONS,\n    fetchOptions: async () => BASE_OPTIONS,\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 5) Slow fetch to show loading state on open/search */\nexport const SlowFetchLoading: Story = {\n  args: {\n    fetchOptions: createFetchOptions(BASE_OPTIONS, 1200),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 6) Empty state with action (search something like \"zzz\") */\nexport const EmptyStateWithAction: Story = {\n  args: {\n    emptyLabel: 'Nothing found',\n    emptyAction: (st: ComboboxCallbackStateParams) => {\n      const canCreate = Boolean(st.search?.trim());\n      return (\n        <button\n          type=\"button\"\n          className=\"inline-flex items-center justify-center rounded-md border px-3 py-1.5 text-sm\"\n          disabled={!canCreate}\n          onClick={() => {\n            const v = st.search.trim();\n            const next: ComboboxOption = { value: v, label: `Create \"${v}\"` };\n            st.setOptions([next]);\n            st.setLoading(false);\n          }}\n        >\n          Create option\n        </button>\n      );\n    },\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 7) commandInputAction (helper row under input) */\nexport const WithCommandInputAction: Story = {\n  args: {\n    commandInputAction: (st: ComboboxCallbackStateParams) => (\n      <div className=\"px-3 py-2 flex items-center justify-between text-xs text-muted-foreground\">\n        <span>\n          results: <span className=\"font-mono\">{st.options.length}</span>\n        </span>\n        <button\n          type=\"button\"\n          className=\"underline\"\n          onClick={() => {\n            st.setSearch('');\n            st.setLoading(false);\n          }}\n        >\n          Clear search\n        </button>\n      </div>\n    ),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 8) listHeadAction (top action inside list) */\nexport const WithListHeadAction: Story = {\n  args: {\n    listHeadAction: (st: ComboboxCallbackStateParams) => (\n      <button\n        type=\"button\"\n        className=\"w-full text-left px-3 py-2 text-sm\"\n        onClick={() => {\n          st.setSearch('');\n          st.setOpen(false);\n        }}\n      >\n        Close list\n      </button>\n    ),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 9) Nested options tree */\nexport const NestedOptions: Story = {\n  args: {\n    fetchOptions: createFetchOptions(NESTED_OPTIONS, 250),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 10) onMount initial loading (simulate prefetch on mount) */\nexport const OnMountPrefetch: Story = {\n  args: {\n    fetchOptions: createFetchOptions(BASE_OPTIONS, 250),\n    onMount: async (st: ComboboxCallbackStateParams) => {\n      await sleep(900);\n      st.setOptions(BASE_OPTIONS);\n      st.setLoading(false);\n    },\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n"],"names":["sleep","ms","r","flatten","nodes","res","walk","list","n","createFetchOptions","all","delayMs","search","q","allFlat","matchedValues","o","filterTree","items","BASE_OPTIONS","NESTED_OPTIONS","ControlledCombobox","initialValue","args","value","setValue","useState","fetchOptions","useMemo","jsxs","jsx","Combobox","meta","Story","Default","WithValueSelected","Disabled","WithStaticOptionsProp","SlowFetchLoading","EmptyStateWithAction","st","canCreate","v","next","WithCommandInputAction","WithListHeadAction","NestedOptions","OnMountPrefetch"],"mappings":"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"}
+{"version":3,"file":"Combobox.stories.js","sources":["../../src/Combobox/Combobox.stories.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react';\n\nimport { Combobox } from './Combobox';\nimport type {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\n\nconst sleep = (ms: number) => new Promise((r) => setTimeout(r, ms));\n\nconst flatten = (nodes: ComboboxOption[] = []): ComboboxOption[] => {\n  const res: ComboboxOption[] = [];\n  const walk = (list?: ComboboxOption[]) => {\n    if (!list?.length) return;\n    for (const n of list) {\n      res.push(n);\n      if (n.items?.length) walk(n.items);\n    }\n  };\n  walk(nodes);\n  return res;\n};\n\nconst createFetchOptions =\n  (all: ComboboxOption[], delayMs = 350): ComboboxProps['fetchOptions'] =>\n    async (search?: string) => {\n      await sleep(delayMs);\n\n      const q = (search ?? '').trim().toLowerCase();\n      if (!q) return all;\n\n      // simple \"contains\" search across flattened options; then return top-level filtered\n      // (enough for Storybook demos; your real API can do better)\n      const allFlat = flatten(all);\n      const matchedValues = new Set(\n        allFlat\n          .filter((o) => String(o.label).toLowerCase().includes(q))\n          .map((o) => String(o.value)),\n      );\n\n      const filterTree = (list: ComboboxOption[]): ComboboxOption[] => {\n        return list\n          .map((n) => {\n            const items = n.items?.length ? filterTree(n.items) : undefined;\n            const selfMatch =\n              matchedValues.has(String(n.value)) ||\n              String(n.label).toLowerCase().includes(q);\n\n            if (!selfMatch && !items?.length) return null;\n            return { ...n, items };\n          })\n          .filter(Boolean) as ComboboxOption[];\n      };\n\n      return filterTree(all);\n    };\n\nconst BASE_OPTIONS: ComboboxOption[] = [\n  { value: 'ua', label: 'Ukraine' },\n  { value: 'pl', label: 'Poland' },\n  { value: 'de', label: 'Germany' },\n  { value: 'fr', label: 'France' },\n  { value: 'es', label: 'Spain' },\n  { value: 'it', label: 'Italy' },\n];\n\nconst NESTED_OPTIONS: ComboboxOption[] = [\n  {\n    value: 'europe',\n    label: 'Europe',\n    items: [\n      { value: 'ua', label: 'Ukraine' },\n      { value: 'pl', label: 'Poland' },\n      { value: 'de', label: 'Germany' },\n      { value: 'fr', label: 'France' },\n    ],\n  },\n  {\n    value: 'north-america',\n    label: 'North America',\n    items: [\n      { value: 'us', label: 'United States' },\n      { value: 'ca', label: 'Canada' },\n      { value: 'mx', label: 'Mexico' },\n    ],\n  },\n];\n\ntype ControlledProps = Omit<ComboboxProps, 'value' | 'onChange'> & {\n  initialValue?: ComboboxProps['value'];\n};\n\nfunction ControlledCombobox({ initialValue = '', ...args }: ControlledProps) {\n  const [value, setValue] = useState<ComboboxProps['value']>(initialValue);\n\n  // keep stable reference if someone passes inline fetchOptions\n  const fetchOptions = useMemo(\n    () => args.fetchOptions,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return (\n    <div className=\"max-w-sm\">\n      <Combobox {...args} value={value} onChange={setValue} fetchOptions={fetchOptions} />\n      <div className=\"mt-3 text-xs text-muted-foreground\">\n        value: <span className=\"font-mono\">{String(value || '')}</span>\n      </div>\n    </div>\n  );\n}\n\nconst meta = {\n  title: 'Combobox',\n  component: Combobox,\n  parameters: {\n    layout: 'centered',\n  },\n  args: {\n    placeholder: 'Select option...',\n    searchLabel: 'Type to search...',\n    emptyLabel: 'No options',\n    disabled: false,\n    fetchOptions: createFetchOptions(BASE_OPTIONS, 250),\n  },\n  argTypes: {\n    fetchOptions: { control: false },\n    onChange: { control: false },\n    onMount: { control: false },\n    emptyAction: { control: false },\n    commandInputAction: { control: false },\n    listHeadAction: { control: false },\n    options: { control: false },\n    value: { control: false },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"p-6 w-[420px]\">\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Combobox>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\n/** 1) Default (async options) */\nexport const Default: Story = {\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 2) With initial selected value */\nexport const WithValueSelected: Story = {\n  render: (args) => <ControlledCombobox {...args} initialValue=\"pl\" />,\n};\n\n/** 3) Disabled */\nexport const Disabled: Story = {\n  args: { disabled: true },\n  render: (args) => <ControlledCombobox {...args} initialValue=\"de\" />,\n};\n\n/** 4) Static options via `options` prop (no async needed, but fetchOptions still required) */\nexport const WithStaticOptionsProp: Story = {\n  args: {\n    options: BASE_OPTIONS,\n    fetchOptions: async () => BASE_OPTIONS,\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 5) Slow fetch to show loading state on open/search */\nexport const SlowFetchLoading: Story = {\n  args: {\n    fetchOptions: createFetchOptions(BASE_OPTIONS, 1200),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 6) Empty state with action (search something like \"zzz\") */\nexport const EmptyStateWithAction: Story = {\n  args: {\n    emptyLabel: 'Nothing found',\n    emptyAction: (st: ComboboxCallbackStateParams) => {\n      const canCreate = Boolean(st.search?.trim());\n      return (\n        <button\n          type=\"button\"\n          className=\"inline-flex items-center justify-center rounded-md border px-3 py-1.5 text-sm\"\n          disabled={!canCreate}\n          onClick={() => {\n            const v = st.search.trim();\n            const next: ComboboxOption = { value: v, label: `Create \"${v}\"` };\n            st.setOptions([next]);\n            st.setLoading(false);\n          }}\n        >\n          Create option\n        </button>\n      );\n    },\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 7) commandInputAction (helper row under input) */\nexport const WithCommandInputAction: Story = {\n  args: {\n    commandInputAction: (st: ComboboxCallbackStateParams) => (\n      <div className=\"px-3 py-2 flex items-center justify-between text-xs text-muted-foreground\">\n        <span>\n          results: <span className=\"font-mono\">{st.options.length}</span>\n        </span>\n        <button\n          type=\"button\"\n          className=\"underline\"\n          onClick={() => {\n            st.setSearch('');\n            st.setLoading(false);\n          }}\n        >\n          Clear search\n        </button>\n      </div>\n    ),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 8) listHeadAction (top action inside list) */\nexport const WithListHeadAction: Story = {\n  args: {\n    listHeadAction: (st: ComboboxCallbackStateParams) => (\n      <button\n        type=\"button\"\n        className=\"w-full text-left px-3 py-2 text-sm\"\n        onClick={() => {\n          st.setSearch('');\n          st.setOpen(false);\n        }}\n      >\n        Close list\n      </button>\n    ),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 9) Nested options tree */\nexport const NestedOptions: Story = {\n  args: {\n    fetchOptions: createFetchOptions(NESTED_OPTIONS, 250),\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n\n/** 10) onMount initial loading (simulate prefetch on mount) */\nexport const OnMountPrefetch: Story = {\n  args: {\n    fetchOptions: createFetchOptions(BASE_OPTIONS, 250),\n    onMount: async (st: ComboboxCallbackStateParams) => {\n      await sleep(900);\n      st.setOptions(BASE_OPTIONS);\n      st.setLoading(false);\n    },\n  },\n  render: (args) => <ControlledCombobox {...args} />,\n};\n"],"names":["sleep","ms","r","flatten","nodes","res","walk","list","n","createFetchOptions","all","delayMs","search","q","allFlat","matchedValues","o","filterTree","items","BASE_OPTIONS","NESTED_OPTIONS","ControlledCombobox","initialValue","args","value","setValue","useState","fetchOptions","useMemo","jsxs","jsx","Combobox","meta","Story","Default","WithValueSelected","Disabled","WithStaticOptionsProp","SlowFetchLoading","EmptyStateWithAction","st","canCreate","v","next","WithCommandInputAction","WithListHeadAction","NestedOptions","OnMountPrefetch"],"mappings":"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"}

package/Dialog/Dialog.js

@@ -17,7 +17,7 @@ function u({
 }) {
   return /* @__PURE__ */ e(a.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function h({
+function D({
   ...t
 }) {
   return /* @__PURE__ */ e(a.Close, { "data-slot": "dialog-close", ...t });
@@ -38,7 +38,7 @@ function f({
     }
   );
 }
-function D(t) {
+function h(t) {
   const {
     className: o,
     children: i,
@@ -133,15 +133,15 @@ function z({
     a.Description,
     {
       "data-slot": "dialog-description",
-      className: n("text-[#363B4E] font-medium text-base", t),
+      className: n("text-[#06080D] font-medium text-base", t),
       ...o
     }
   );
 }
 export {
   x as Dialog,
-  h as DialogClose,
-  D as DialogContent,
+  D as DialogClose,
+  h as DialogContent,
   z as DialogDescription,
   y as DialogFooter,
   b as DialogHeader,

package/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Dialog({\n                  ...props\n                }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n                        ...props\n                      }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n                         className,\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  const {\n    className,\n    children,\n    showCloseButton = true,\n    style,\n    ...rest\n  } = props;\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay>\n        <DialogPrimitive.Content\n          data-slot=\"dialog-content\"\n          className={cn(\n            'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n            'flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3',\n            'bg-background rounded-lg border p-4 shadow-lg duration-200',\n            'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n            \"focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent\",\n            'outline-none focus:outline-none focus-visible:outline-none',\n            className\n          )}\n          {...rest}\n          style={{\n            pointerEvents: 'auto',\n            ...(style || {}),\n          }}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close\n              data-slot=\"dialog-close\"\n              className={cn(\n                'absolute top-4 right-4 rounded-2xl opacity-70 transition-opacity hover:opacity-100',\n                'data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',\n                'ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden',\n                'focus:outline-none focus:ring-0',\n                'disabled:pointer-events-none [&_svg]:pointer-events-none',\n                '[&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-5',\n                'cursor-pointer size-10 flex items-center justify-center',\n              )}\n            >\n              <XIcon className='size-6 text-[#06080D]'/>\n              <span className=\"sr-only\">Close</span>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogOverlay>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-4 justify-center text-center sm:text-left min-h-10\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-bold text-[#06080D]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n                             className,\n                             ...props\n                           }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-[#363B4E] font-medium text-base\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  DialogPrimitive\n}\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","style","rest","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Dialog({\n                  ...props\n                }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n                        ...props\n                      }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n                         className,\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  const {\n    className,\n    children,\n    showCloseButton = true,\n    style,\n    ...rest\n  } = props;\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay>\n        <DialogPrimitive.Content\n          data-slot=\"dialog-content\"\n          className={cn(\n            'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n            'flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3',\n            'bg-background rounded-lg border p-4 shadow-lg duration-200',\n            'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n            \"focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent\",\n            'outline-none focus:outline-none focus-visible:outline-none',\n            className\n          )}\n          {...rest}\n          style={{\n            pointerEvents: 'auto',\n            ...(style || {}),\n          }}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close\n              data-slot=\"dialog-close\"\n              className={cn(\n                'absolute top-4 right-4 rounded-2xl opacity-70 transition-opacity hover:opacity-100',\n                'data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',\n                'ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden',\n                'focus:outline-none focus:ring-0',\n                'disabled:pointer-events-none [&_svg]:pointer-events-none',\n                '[&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-5',\n                'cursor-pointer size-10 flex items-center justify-center',\n              )}\n            >\n              <XIcon className='size-6 text-[#06080D]'/>\n              <span className=\"sr-only\">Close</span>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogOverlay>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-4 justify-center text-center sm:text-left min-h-10\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-bold text-[#06080D]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n                             className,\n                             ...props\n                           }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-[#06080D] font-medium text-base\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  DialogPrimitive\n}\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","style","rest","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}

package/InfoBlock/InfoBlock.d.ts

@@ -0,0 +1,7 @@
+import { InfoBlockProps } from './InfoBlock.types';
+export declare const InfoBlock: {
+    (props: InfoBlockProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default InfoBlock;
+//# sourceMappingURL=InfoBlock.d.ts.map

package/InfoBlock/InfoBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBlock.d.ts","sourceRoot":"","sources":["../../src/InfoBlock/InfoBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAgBtE,eAAO,MAAM,SAAS;YAAW,cAAc;;CAW9C,CAAA;AAED,eAAe,SAAS,CAAC"}

package/InfoBlock/InfoBlock.js

@@ -0,0 +1,27 @@
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
+import { cn as s } from "@oneplatformdev/utils";
+import { infoBlockVariants as c } from "./infoBlockVariants.js";
+import { isValidElement as m, createElement as f } from "react";
+import { TriangleAlertIcon as p } from "lucide-react";
+const d = (r) => r ? m(r) ? r : f(r) : null, u = {
+  error: /* @__PURE__ */ n(p, { className: "fill-[#DC2626] text-white!" })
+}, x = (r) => {
+  const { className: t, variant: e = "error", content: o, icon: i, ...a } = r;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ...a,
+      className: s(c({ className: t, variant: e })),
+      children: [
+        d(i ?? u[e]),
+        /* @__PURE__ */ n("span", { children: o })
+      ]
+    }
+  );
+};
+x.displayName = "InfoBlock";
+export {
+  x as InfoBlock,
+  x as default
+};
+//# sourceMappingURL=InfoBlock.js.map

package/InfoBlock/InfoBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBlock.js","sources":["../../src/InfoBlock/InfoBlock.tsx"],"sourcesContent":["import { InfoBlockIconType, InfoBlockProps } from \"./InfoBlock.types\";\nimport { cn } from \"@oneplatformdev/utils\";\nimport { infoBlockVariants } from \"./infoBlockVariants\";\nimport { createElement, isValidElement } from \"react\";\nimport { TriangleAlertIcon } from \"lucide-react\";\n\nconst renderInnerIcon = (Icon?: InfoBlockIconType) => {\n  if (!Icon) return null;\n  if (isValidElement(Icon)) return Icon;\n  return createElement(Icon);\n};\n\nconst iconByVariant: Record<NonNullable<InfoBlockProps['variant']>, InfoBlockIconType> = {\n  error: <TriangleAlertIcon className='fill-[#DC2626] text-white!'/>\n}\n\nexport const InfoBlock = (props: InfoBlockProps) => {\n  const { className, variant = 'error', content, icon, ...rest } = props;\n  return (\n    <div\n      {...rest}\n      className={cn(infoBlockVariants({ className, variant }))}\n    >\n      {renderInnerIcon(icon ?? iconByVariant[variant!])}\n      <span>{content}</span>\n    </div>\n  )\n}\nInfoBlock.displayName = 'InfoBlock';\nexport default InfoBlock;\n\n"],"names":["renderInnerIcon","Icon","isValidElement","createElement","iconByVariant","jsx","TriangleAlertIcon","InfoBlock","props","className","variant","content","icon","rest","jsxs","cn","infoBlockVariants"],"mappings":";;;;;AAMA,MAAMA,IAAkB,CAACC,MAClBA,IACDC,EAAeD,CAAI,IAAUA,IAC1BE,EAAcF,CAAI,IAFP,MAKdG,IAAmF;AAAA,EACvF,OAAO,gBAAAC,EAACC,GAAA,EAAkB,WAAU,6BAAA,CAA4B;AAClE,GAEaC,IAAY,CAACC,MAA0B;AAClD,QAAM,EAAE,WAAAC,GAAW,SAAAC,IAAU,SAAS,SAAAC,GAAS,MAAAC,GAAM,GAAGC,MAASL;AACjE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,WAAWE,EAAGC,EAAkB,EAAE,WAAAP,GAAW,SAAAC,EAAA,CAAS,CAAC;AAAA,MAEtD,UAAA;AAAA,QAAAV,EAAgBY,KAAQR,EAAcM,CAAQ,CAAC;AAAA,QAChD,gBAAAL,EAAC,UAAM,UAAAM,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrB;AACAJ,EAAU,cAAc;"}

package/InfoBlock/InfoBlock.stories.js

@@ -0,0 +1,14 @@
+import { InfoBlock as o } from "./InfoBlock.js";
+const n = {
+  title: "UI/InfoBlock",
+  component: o
+}, e = {
+  args: {
+    content: "Увага! Перш ніж архівувати підрозділ “Підрозділ дизану”, переведіть співробітників до іншого - інакше вони будуть автоматично звільнені. Підрозділ буде преміщено до розділу “Архів”."
+  }
+};
+export {
+  e as Default,
+  n as default
+};
+//# sourceMappingURL=InfoBlock.stories.js.map

package/InfoBlock/InfoBlock.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBlock.stories.js","sources":["../../src/InfoBlock/InfoBlock.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { InfoBlock } from './InfoBlock';\n\nconst meta = {\n  title: 'UI/InfoBlock',\n  component: InfoBlock,\n} satisfies Meta<typeof InfoBlock>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {\n    content: 'Увага! Перш ніж архівувати підрозділ “Підрозділ дизану”, переведіть співробітників до іншого - інакше вони будуть автоматично звільнені. Підрозділ буде преміщено до розділу “Архів”.'\n  }\n};\n"],"names":["meta","InfoBlock","Default"],"mappings":";AAIA,MAAMA,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWC;AACb,GAMaC,IAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,SAAS;AAAA,EAAA;AAEb;"}

package/InfoBlock/InfoBlock.types.d.ts

@@ -0,0 +1,8 @@
+import { InfoBlockVariantsProps } from './infoBlockVariants';
+import { ComponentType, HTMLAttributes, ReactElement, ReactNode, SVGProps } from 'react';
+export type InfoBlockIconType = ComponentType<SVGProps<SVGSVGElement>> | ReactElement<SVGProps<SVGSVGElement>>;
+export interface InfoBlockProps extends InfoBlockVariantsProps, Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'content'> {
+    content?: ReactNode;
+    icon?: InfoBlockIconType;
+}
+//# sourceMappingURL=InfoBlock.types.d.ts.map

package/InfoBlock/InfoBlock.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBlock.types.d.ts","sourceRoot":"","sources":["../../src/InfoBlock/InfoBlock.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzF,MAAM,MAAM,iBAAiB,GACzB,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,GACtC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;AAE1C,MAAM,WAAW,cACf,SAAQ,sBAAsB,EAC5B,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B"}

package/InfoBlock/InfoBlock.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=InfoBlock.types.js.map

package/InfoBlock/InfoBlock.types.js.map

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

package/InfoBlock/index.d.ts

@@ -0,0 +1,3 @@
+export * from './InfoBlock';
+export type * from './InfoBlock.types';
+//# sourceMappingURL=index.d.ts.map

package/InfoBlock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InfoBlock/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,mBAAmB,mBAAmB,CAAA"}

package/InfoBlock/index.js

@@ -0,0 +1,5 @@
+import { InfoBlock as r } from "./InfoBlock.js";
+export {
+  r as InfoBlock
+};
+//# sourceMappingURL=index.js.map

package/InfoBlock/index.js.map

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

package/InfoBlock/infoBlockVariants.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const infoBlockVariants: (props?: ({
+    variant?: "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type InfoBlockVariantsProps = VariantProps<typeof infoBlockVariants>;
+//# sourceMappingURL=infoBlockVariants.d.ts.map

package/InfoBlock/infoBlockVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"infoBlockVariants.d.ts","sourceRoot":"","sources":["../../src/InfoBlock/infoBlockVariants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,iBAAiB;;8EAoB7B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/InfoBlock/infoBlockVariants.js

@@ -0,0 +1,26 @@
+import { cva as r } from "class-variance-authority";
+const a = r(
+  [
+    "flex items-start gap-2",
+    "p-2.5 rounded-lg",
+    "font-medium text-base leading-normal text-[#06080D]",
+    "whitespace-pre-wrap break-words",
+    "[&>p]:m-0 [&>p]:p-0",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-5",
+    "transition-transform duration-200 [&_svg]:transition-transform [&_svg]:duration-200"
+  ],
+  {
+    variants: {
+      variant: {
+        error: "bg-[#DC26260F] [&>svg]:text-[#DC2626]"
+      }
+    },
+    defaultVariants: {
+      variant: "error"
+    }
+  }
+);
+export {
+  a as infoBlockVariants
+};
+//# sourceMappingURL=infoBlockVariants.js.map

package/InfoBlock/infoBlockVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"infoBlockVariants.js","sources":["../../src/InfoBlock/infoBlockVariants.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const infoBlockVariants = cva(\n  [\n    'flex items-start gap-2',\n    'p-2.5 rounded-lg',\n    'font-medium text-base leading-normal text-[#06080D]',\n    'whitespace-pre-wrap break-words',\n    '[&>p]:m-0 [&>p]:p-0',\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-5\",\n    'transition-transform duration-200 [&_svg]:transition-transform [&_svg]:duration-200',\n  ],\n  {\n    variants: {\n      variant: {\n        error: 'bg-[#DC26260F] [&>svg]:text-[#DC2626]',\n      },\n    },\n    defaultVariants: {\n      variant: 'error',\n    },\n  }\n)\n\nexport type InfoBlockVariantsProps = VariantProps<typeof infoBlockVariants>;\n"],"names":["infoBlockVariants","cva"],"mappings":";AAEO,MAAMA,IAAoBC;AAAA,EAC/B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/index.d.ts

@@ -31,6 +31,7 @@ export * from './FormSelect';
 export * from './FormTextarea';
 export * from './Header';
 export * from './HoverCard';
+export * from './InfoBlock';
 export * from './Input';
 export * from './InputOTP';
 export * from './Label';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}

package/index.js

@@ -1,7 +1,7 @@
 import { Accordion as d, AccordionContent as u, AccordionItem as x, AccordionTrigger as g } from "./Accordion/Accordion.js";
 import { Alert as f, AlertDescription as s, AlertTitle as S } from "./Alert/Alert.js";
 import { AlertDialogAction as T, AlertDialogCancel as D, AlertDialogContent as c, AlertDialogDescription as M, AlertDialogFooter as P, AlertDialogHeader as v, AlertDialogOverlay as I, AlertDialogPortal as A, AlertDialogRoot as w, AlertDialogTitle as h, AlertDialogTrigger as F } from "./AlertDialog/AlertDialogRoot.js";
-import { AlertDialog as R } from "./AlertDialog/AlertDialog.js";
+import { AlertDialog as B } from "./AlertDialog/AlertDialog.js";
 import { AreaChart as G } from "./AreaChart/AreaChart.js";
 import { Aside as H } from "./Aside/Aside.js";
 import { AsideSidebar as N } from "./Aside/AsideSidebar.js";
@@ -17,7 +17,7 @@ import { buttonIconVariants as uo } from "./ButtonIcon/buttonIconVariants.js";
 import { Calendar as go } from "./Calendar/Calendar.js";
 import { Card as fo, CardContent as so, CardDescription as So, CardFooter as Co, CardHeader as To, CardTitle as Do } from "./Card/Card.js";
 import { Carousel as Mo, CarouselContent as Po, CarouselItem as vo, CarouselNext as Io, CarouselPrevious as Ao } from "./Carousel/Carousel.js";
-import { ChartContainer as ho, ChartLegend as Fo, ChartLegendContent as Lo, ChartStyle as Ro, ChartTooltip as Bo, ChartTooltipContent as Go } from "./Chart/Chart.js";
+import { ChartContainer as ho, ChartLegend as Fo, ChartLegendContent as Lo, ChartStyle as Bo, ChartTooltip as Ro, ChartTooltipContent as Go } from "./Chart/Chart.js";
 import { Checkbox as Ho, CheckboxLabel as yo } from "./Checkbox/Checkbox.js";
 import { Collapsible as Oo, CollapsibleContent as Vo, CollapsibleTrigger as Eo } from "./Collapsible/Collapsible.js";
 import { Combobox as _o } from "./Combobox/Combobox.js";
@@ -27,7 +27,7 @@ import { DatePicker as er } from "./DatePicker/DatePicker.js";
 import { Dialog as ar, DialogClose as ir, DialogContent as nr, DialogDescription as pr, DialogFooter as mr, DialogHeader as lr, DialogOverlay as dr, DialogPortal as ur, DialogTitle as xr, DialogTrigger as gr } from "./Dialog/Dialog.js";
 import { DialogOverlayContainerContext as fr, DialogOverlayScope as sr, useDialogOverlayContainer as Sr } from "./Dialog/DialogOverlayScope.js";
 import { Drawer as Tr, DrawerClose as Dr, DrawerContent as cr, DrawerDescription as Mr, DrawerFooter as Pr, DrawerHeader as vr, DrawerOverlay as Ir, DrawerPortal as Ar, DrawerTitle as wr, DrawerTrigger as hr } from "./Drawer/Drawer.js";
-import { DropdownMenu as Lr, DropdownMenuCheckboxItem as Rr, DropdownMenuContent as Br, DropdownMenuGroup as Gr, DropdownMenuItem as kr, DropdownMenuLabel as Hr, DropdownMenuPortal as yr, DropdownMenuRadioGroup as Nr, DropdownMenuRadioItem as Or, DropdownMenuSeparator as Vr, DropdownMenuShortcut as Er, DropdownMenuSub as zr, DropdownMenuSubContent as _r, DropdownMenuSubTrigger as Ur, DropdownMenuTrigger as Yr } from "./DropdownMenu/DropdownMenu.js";
+import { DropdownMenu as Lr, DropdownMenuCheckboxItem as Br, DropdownMenuContent as Rr, DropdownMenuGroup as Gr, DropdownMenuItem as kr, DropdownMenuLabel as Hr, DropdownMenuPortal as yr, DropdownMenuRadioGroup as Nr, DropdownMenuRadioItem as Or, DropdownMenuSeparator as Vr, DropdownMenuShortcut as Er, DropdownMenuSub as zr, DropdownMenuSubContent as _r, DropdownMenuSubTrigger as Ur, DropdownMenuTrigger as Yr } from "./DropdownMenu/DropdownMenu.js";
 import { Form as qr, FormControl as Jr, FormDescription as Kr, FormField as Qr, FormItem as Wr, FormLabel as Xr, FormMessage as Zr, useFormField as $r } from "./Form/Form.js";
 import { FormRenderControl as re } from "./Form/FormRenderControl.js";
 import { FormCheckbox as te } from "./FormCheckbox/FormCheckbox.js";
@@ -38,53 +38,54 @@ import { FormSelect as ue } from "./FormSelect/FormSelect.js";
 import { FormTextarea as ge } from "./FormTextarea/FormTextarea.js";
 import { Header as fe } from "./Header/Header.js";
 import { HoverCard as Se, HoverCardContent as Ce, HoverCardTrigger as Te } from "./HoverCard/HoverCard.js";
-import { BaseInput as ce, Input as Me, PasswordInput as Pe } from "./Input/Input.js";
-import { InputOTP as Ie, InputOTPGroup as Ae, InputOTPSeparator as we, InputOTPSlot as he } from "./InputOTP/InputOTP.js";
-import { Label as Le } from "./Label/Label.js";
-import { labelVariants as Be } from "./Label/labelVariants.js";
-import { LazyLoader as ke } from "./LazyLoader/LazyLoader.js";
-import { LoadedIcon as ye } from "./LoadedIcon/LoadedIcon.js";
-import { LoadingMask as Oe } from "./LoadingMask/LoadingMask.js";
-import { RenderLoadingMask as Ee } from "./LoadingMask/RenderLoadingMask.js";
-import { LoadingProgress as _e } from "./LoadingProgress/LoadingProgress.js";
-import { loadingProgressVariants as Ye } from "./LoadingProgress/loadingProgressVariants.js";
-import { Menubar as qe, MenubarCheckboxItem as Je, MenubarContent as Ke, MenubarGroup as Qe, MenubarItem as We, MenubarLabel as Xe, MenubarMenu as Ze, MenubarPortal as $e, MenubarRadioGroup as ot, MenubarRadioItem as rt, MenubarSeparator as et, MenubarShortcut as tt, MenubarSub as at, MenubarSubContent as it, MenubarSubTrigger as nt, MenubarTrigger as pt } from "./Menubar/Menubar.js";
-import { NavigationMenu as lt, NavigationMenuContent as dt, NavigationMenuIndicator as ut, NavigationMenuItem as xt, NavigationMenuLink as gt, NavigationMenuList as bt, NavigationMenuTrigger as ft, NavigationMenuViewport as st } from "./NavigationMenu/NavigationMenu.js";
-import { navigationMenuVariants as Ct } from "./NavigationMenu/navigationMenuVariants.js";
-import { Pagination as Dt, PaginationContent as ct, PaginationEllipsis as Mt, PaginationItem as Pt, PaginationLink as vt, PaginationNext as It, PaginationPrevious as At } from "./Pagination/Pagination.js";
-import { Popover as ht, PopoverAnchor as Ft, PopoverContent as Lt, PopoverTrigger as Rt } from "./Popover/Popover.js";
-import { Progress as Gt } from "./Progress/Progress.js";
-import { RadioGroup as Ht, RadioGroupItem as yt, RadioGroupLabel as Nt } from "./RadioGroup/RadioGroup.js";
-import { ResizableHandle as Vt, ResizablePanel as Et, ResizablePanelGroup as zt } from "./Resizable/Resizable.js";
-import { ScrollArea as Ut, ScrollBar as Yt } from "./ScrollArea/ScrollArea.js";
-import { Search as qt } from "./Search/Search.js";
-import { SelectContent as Kt, SelectGroup as Qt, SelectItem as Wt, SelectLabel as Xt, SelectRoot as Zt, SelectScrollDownButton as $t, SelectScrollUpButton as oa, SelectSeparator as ra, SelectTrigger as ea, SelectValue as ta } from "./Select/SelectRoot.js";
-import { Select as ia } from "./Select/Select.js";
-import { Separator as pa } from "./Separator/Separator.js";
-import { Sheet as la, SheetClose as da, SheetContent as ua, SheetDescription as xa, SheetFooter as ga, SheetHeader as ba, SheetOverlay as fa, SheetPortal as sa, SheetTitle as Sa, SheetTrigger as Ca } from "./Sheet/Sheet.js";
-import { Sidebar as Da, SidebarContent as ca, SidebarFooter as Ma, SidebarGroup as Pa, SidebarGroupAction as va, SidebarGroupContent as Ia, SidebarGroupLabel as Aa, SidebarHeader as wa, SidebarInput as ha, SidebarInset as Fa, SidebarMenu as La, SidebarMenuAction as Ra, SidebarMenuBadge as Ba, SidebarMenuButton as Ga, SidebarMenuItem as ka, SidebarMenuSkeleton as Ha, SidebarMenuSub as ya, SidebarMenuSubButton as Na, SidebarMenuSubItem as Oa, SidebarProvider as Va, SidebarRail as Ea, SidebarSeparator as za, SidebarTrigger as _a, useSidebar as Ua } from "./Sidebar/Sidebar.js";
-import { Skeleton as ja } from "./Skeleton/Skeleton.js";
-import { Slider as Ja } from "./Slider/Slider.js";
-import { Sonner as Qa } from "./Sonner/Sonner.js";
-import { Switch as Xa } from "./Switch/Switch.js";
-import { Table as $a, TableBody as oi, TableCaption as ri, TableCell as ei, TableFooter as ti, TableHead as ai, TableHeader as ii, TableRow as ni } from "./Table/Table.js";
-import { TabsContent as mi, TabsList as li, TabsRoot as di, TabsTrigger as ui } from "./Tabs/TabsRoot.js";
-import { TabRender as gi, Tabs as bi } from "./Tabs/Tabs.js";
-import { Textarea as si } from "./Textarea/Textarea.js";
-import { ThemeProvider as Ci } from "./Theme/ThemeProvider.js";
-import { ThemeModeToggle as Di } from "./Theme/ThemeModeToggle.js";
-import { Toast as Mi, ToastAction as Pi, ToastClose as vi, ToastDescription as Ii, ToastProvider as Ai, ToastTitle as wi, ToastViewport as hi } from "./Toast/Toast.js";
-import { reducer as Li, toast as Ri, useNotify as Bi, useToast as Gi } from "./Toast/useToast.js";
-import { Toaster as Hi } from "./Toaster/Toaster.js";
-import { Toggle as Ni, toggleVariants as Oi } from "./Toggle/Toggle.js";
-import { ToggleGroup as Ei, ToggleGroupItem as zi } from "./ToggleGroup/ToggleGroup.js";
-import { TooltipContent as Ui, TooltipProvider as Yi, TooltipRoot as ji, TooltipTrigger as qi } from "./Tooltip/TooltipRoot.js";
-import { Tooltip as Ki, TooltipInner as Qi } from "./Tooltip/Tooltip.js";
-import { Dropzone as Xi } from "./Dropzone/Dropzone.js";
-import { DEFAULT_FILE_TYPES as $i, DEFAULT_IMAGES_TYPES as on } from "./Dropzone/Dropzone.types.js";
-import { FormDropzone as en } from "./FormDropzone/FormDropzone.js";
-import { TablePagination as an } from "./TablePagination/TablePagination.js";
-import { Command as pn } from "cmdk";
+import { InfoBlock as ce } from "./InfoBlock/InfoBlock.js";
+import { BaseInput as Pe, Input as ve, PasswordInput as Ie } from "./Input/Input.js";
+import { InputOTP as we, InputOTPGroup as he, InputOTPSeparator as Fe, InputOTPSlot as Le } from "./InputOTP/InputOTP.js";
+import { Label as Re } from "./Label/Label.js";
+import { labelVariants as ke } from "./Label/labelVariants.js";
+import { LazyLoader as ye } from "./LazyLoader/LazyLoader.js";
+import { LoadedIcon as Oe } from "./LoadedIcon/LoadedIcon.js";
+import { LoadingMask as Ee } from "./LoadingMask/LoadingMask.js";
+import { RenderLoadingMask as _e } from "./LoadingMask/RenderLoadingMask.js";
+import { LoadingProgress as Ye } from "./LoadingProgress/LoadingProgress.js";
+import { loadingProgressVariants as qe } from "./LoadingProgress/loadingProgressVariants.js";
+import { Menubar as Ke, MenubarCheckboxItem as Qe, MenubarContent as We, MenubarGroup as Xe, MenubarItem as Ze, MenubarLabel as $e, MenubarMenu as ot, MenubarPortal as rt, MenubarRadioGroup as et, MenubarRadioItem as tt, MenubarSeparator as at, MenubarShortcut as it, MenubarSub as nt, MenubarSubContent as pt, MenubarSubTrigger as mt, MenubarTrigger as lt } from "./Menubar/Menubar.js";
+import { NavigationMenu as ut, NavigationMenuContent as xt, NavigationMenuIndicator as gt, NavigationMenuItem as bt, NavigationMenuLink as ft, NavigationMenuList as st, NavigationMenuTrigger as St, NavigationMenuViewport as Ct } from "./NavigationMenu/NavigationMenu.js";
+import { navigationMenuVariants as Dt } from "./NavigationMenu/navigationMenuVariants.js";
+import { Pagination as Mt, PaginationContent as Pt, PaginationEllipsis as vt, PaginationItem as It, PaginationLink as At, PaginationNext as wt, PaginationPrevious as ht } from "./Pagination/Pagination.js";
+import { Popover as Lt, PopoverAnchor as Bt, PopoverContent as Rt, PopoverTrigger as Gt } from "./Popover/Popover.js";
+import { Progress as Ht } from "./Progress/Progress.js";
+import { RadioGroup as Nt, RadioGroupItem as Ot, RadioGroupLabel as Vt } from "./RadioGroup/RadioGroup.js";
+import { ResizableHandle as zt, ResizablePanel as _t, ResizablePanelGroup as Ut } from "./Resizable/Resizable.js";
+import { ScrollArea as jt, ScrollBar as qt } from "./ScrollArea/ScrollArea.js";
+import { Search as Kt } from "./Search/Search.js";
+import { SelectContent as Wt, SelectGroup as Xt, SelectItem as Zt, SelectLabel as $t, SelectRoot as oa, SelectScrollDownButton as ra, SelectScrollUpButton as ea, SelectSeparator as ta, SelectTrigger as aa, SelectValue as ia } from "./Select/SelectRoot.js";
+import { Select as pa } from "./Select/Select.js";
+import { Separator as la } from "./Separator/Separator.js";
+import { Sheet as ua, SheetClose as xa, SheetContent as ga, SheetDescription as ba, SheetFooter as fa, SheetHeader as sa, SheetOverlay as Sa, SheetPortal as Ca, SheetTitle as Ta, SheetTrigger as Da } from "./Sheet/Sheet.js";
+import { Sidebar as Ma, SidebarContent as Pa, SidebarFooter as va, SidebarGroup as Ia, SidebarGroupAction as Aa, SidebarGroupContent as wa, SidebarGroupLabel as ha, SidebarHeader as Fa, SidebarInput as La, SidebarInset as Ba, SidebarMenu as Ra, SidebarMenuAction as Ga, SidebarMenuBadge as ka, SidebarMenuButton as Ha, SidebarMenuItem as ya, SidebarMenuSkeleton as Na, SidebarMenuSub as Oa, SidebarMenuSubButton as Va, SidebarMenuSubItem as Ea, SidebarProvider as za, SidebarRail as _a, SidebarSeparator as Ua, SidebarTrigger as Ya, useSidebar as ja } from "./Sidebar/Sidebar.js";
+import { Skeleton as Ja } from "./Skeleton/Skeleton.js";
+import { Slider as Qa } from "./Slider/Slider.js";
+import { Sonner as Xa } from "./Sonner/Sonner.js";
+import { Switch as $a } from "./Switch/Switch.js";
+import { Table as ri, TableBody as ei, TableCaption as ti, TableCell as ai, TableFooter as ii, TableHead as ni, TableHeader as pi, TableRow as mi } from "./Table/Table.js";
+import { TabsContent as di, TabsList as ui, TabsRoot as xi, TabsTrigger as gi } from "./Tabs/TabsRoot.js";
+import { TabRender as fi, Tabs as si } from "./Tabs/Tabs.js";
+import { Textarea as Ci } from "./Textarea/Textarea.js";
+import { ThemeProvider as Di } from "./Theme/ThemeProvider.js";
+import { ThemeModeToggle as Mi } from "./Theme/ThemeModeToggle.js";
+import { Toast as vi, ToastAction as Ii, ToastClose as Ai, ToastDescription as wi, ToastProvider as hi, ToastTitle as Fi, ToastViewport as Li } from "./Toast/Toast.js";
+import { reducer as Ri, toast as Gi, useNotify as ki, useToast as Hi } from "./Toast/useToast.js";
+import { Toaster as Ni } from "./Toaster/Toaster.js";
+import { Toggle as Vi, toggleVariants as Ei } from "./Toggle/Toggle.js";
+import { ToggleGroup as _i, ToggleGroupItem as Ui } from "./ToggleGroup/ToggleGroup.js";
+import { TooltipContent as ji, TooltipProvider as qi, TooltipRoot as Ji, TooltipTrigger as Ki } from "./Tooltip/TooltipRoot.js";
+import { Tooltip as Wi, TooltipInner as Xi } from "./Tooltip/Tooltip.js";
+import { Dropzone as $i } from "./Dropzone/Dropzone.js";
+import { DEFAULT_FILE_TYPES as rn, DEFAULT_IMAGES_TYPES as en } from "./Dropzone/Dropzone.types.js";
+import { FormDropzone as an } from "./FormDropzone/FormDropzone.js";
+import { TablePagination as pn } from "./TablePagination/TablePagination.js";
+import { Command as ln } from "cmdk";
 import * as o from "@radix-ui/react-dialog";
 import * as r from "@radix-ui/react-dropdown-menu";
 import * as e from "@radix-ui/react-label";
@@ -100,7 +101,7 @@ export {
   g as AccordionTrigger,
   f as Alert,
   s as AlertDescription,
-  R as AlertDialog,
+  B as AlertDialog,
   T as AlertDialogAction,
   D as AlertDialogCancel,
   c as AlertDialogContent,
@@ -121,7 +122,7 @@ export {
   _ as AvatarFallback,
   U as AvatarImage,
   j as Badge,
-  ce as BaseInput,
+  Pe as BaseInput,
   Q as Breadcrumb,
   W as BreadcrumbEllipsis,
   X as BreadcrumbItem,
@@ -146,8 +147,8 @@ export {
   ho as ChartContainer,
   Fo as ChartLegend,
   Lo as ChartLegendContent,
-  Ro as ChartStyle,
-  Bo as ChartTooltip,
+  Bo as ChartStyle,
+  Ro as ChartTooltip,
   Go as ChartTooltipContent,
   Ho as Checkbox,
   yo as CheckboxLabel,
@@ -162,11 +163,11 @@ export {
   Ko as CommandInput,
   Qo as CommandItem,
   Wo as CommandList,
-  pn as CommandPrimitive,
+  ln as CommandPrimitive,
   Xo as CommandSeparator,
   Zo as CommandShortcut,
-  $i as DEFAULT_FILE_TYPES,
-  on as DEFAULT_IMAGES_TYPES,
+  rn as DEFAULT_FILE_TYPES,
+  en as DEFAULT_IMAGES_TYPES,
   or as DataTable,
   er as DatePicker,
   ar as Dialog,
@@ -193,8 +194,8 @@ export {
   wr as DrawerTitle,
   hr as DrawerTrigger,
   Lr as DropdownMenu,
-  Rr as DropdownMenuCheckboxItem,
-  Br as DropdownMenuContent,
+  Br as DropdownMenuCheckboxItem,
+  Rr as DropdownMenuContent,
   Gr as DropdownMenuGroup,
   kr as DropdownMenuItem,
   Hr as DropdownMenuLabel,
@@ -208,14 +209,14 @@ export {
   _r as DropdownMenuSubContent,
   Ur as DropdownMenuSubTrigger,
   Yr as DropdownMenuTrigger,
-  Xi as Dropzone,
+  $i as Dropzone,
   qr as Form,
   te as FormCheckbox,
   ie as FormCombobox,
   Jr as FormControl,
   pe as FormDatePicker,
   Kr as FormDescription,
-  en as FormDropzone,
+  an as FormDropzone,
   Qr as FormField,
   le as FormInput,
   Wr as FormItem,
@@ -228,167 +229,168 @@ export {
   Se as HoverCard,
   Ce as HoverCardContent,
   Te as HoverCardTrigger,
-  Me as Input,
-  Ie as InputOTP,
-  Ae as InputOTPGroup,
-  we as InputOTPSeparator,
-  he as InputOTPSlot,
-  Le as Label,
+  ce as InfoBlock,
+  ve as Input,
+  we as InputOTP,
+  he as InputOTPGroup,
+  Fe as InputOTPSeparator,
+  Le as InputOTPSlot,
+  Re as Label,
   e as LabelPrimitive,
-  ke as LazyLoader,
-  ye as LoadedIcon,
-  Oe as LoadingMask,
-  _e as LoadingProgress,
-  qe as Menubar,
-  Je as MenubarCheckboxItem,
-  Ke as MenubarContent,
-  Qe as MenubarGroup,
-  We as MenubarItem,
-  Xe as MenubarLabel,
-  Ze as MenubarMenu,
-  $e as MenubarPortal,
-  ot as MenubarRadioGroup,
-  rt as MenubarRadioItem,
-  et as MenubarSeparator,
-  tt as MenubarShortcut,
-  at as MenubarSub,
-  it as MenubarSubContent,
-  nt as MenubarSubTrigger,
-  pt as MenubarTrigger,
-  lt as NavigationMenu,
-  dt as NavigationMenuContent,
-  ut as NavigationMenuIndicator,
-  xt as NavigationMenuItem,
-  gt as NavigationMenuLink,
-  bt as NavigationMenuList,
-  ft as NavigationMenuTrigger,
-  st as NavigationMenuViewport,
-  Dt as Pagination,
-  ct as PaginationContent,
-  Mt as PaginationEllipsis,
-  Pt as PaginationItem,
-  vt as PaginationLink,
-  It as PaginationNext,
-  At as PaginationPrevious,
-  Pe as PasswordInput,
-  ht as Popover,
-  Ft as PopoverAnchor,
-  Lt as PopoverContent,
+  ye as LazyLoader,
+  Oe as LoadedIcon,
+  Ee as LoadingMask,
+  Ye as LoadingProgress,
+  Ke as Menubar,
+  Qe as MenubarCheckboxItem,
+  We as MenubarContent,
+  Xe as MenubarGroup,
+  Ze as MenubarItem,
+  $e as MenubarLabel,
+  ot as MenubarMenu,
+  rt as MenubarPortal,
+  et as MenubarRadioGroup,
+  tt as MenubarRadioItem,
+  at as MenubarSeparator,
+  it as MenubarShortcut,
+  nt as MenubarSub,
+  pt as MenubarSubContent,
+  mt as MenubarSubTrigger,
+  lt as MenubarTrigger,
+  ut as NavigationMenu,
+  xt as NavigationMenuContent,
+  gt as NavigationMenuIndicator,
+  bt as NavigationMenuItem,
+  ft as NavigationMenuLink,
+  st as NavigationMenuList,
+  St as NavigationMenuTrigger,
+  Ct as NavigationMenuViewport,
+  Mt as Pagination,
+  Pt as PaginationContent,
+  vt as PaginationEllipsis,
+  It as PaginationItem,
+  At as PaginationLink,
+  wt as PaginationNext,
+  ht as PaginationPrevious,
+  Ie as PasswordInput,
+  Lt as Popover,
+  Bt as PopoverAnchor,
+  Rt as PopoverContent,
   t as PopoverPrimitive,
-  Rt as PopoverTrigger,
-  Gt as Progress,
+  Gt as PopoverTrigger,
+  Ht as Progress,
   a as ProgressPrimitive,
-  Ht as RadioGroup,
-  yt as RadioGroupItem,
-  Nt as RadioGroupLabel,
-  Ee as RenderLoadingMask,
-  Vt as ResizableHandle,
-  Et as ResizablePanel,
-  zt as ResizablePanelGroup,
-  Ut as ScrollArea,
+  Nt as RadioGroup,
+  Ot as RadioGroupItem,
+  Vt as RadioGroupLabel,
+  _e as RenderLoadingMask,
+  zt as ResizableHandle,
+  _t as ResizablePanel,
+  Ut as ResizablePanelGroup,
+  jt as ScrollArea,
   i as ScrollAreaPrimitive,
-  Yt as ScrollBar,
-  qt as Search,
-  ia as Select,
-  Kt as SelectContent,
-  Qt as SelectGroup,
-  Wt as SelectItem,
-  Xt as SelectLabel,
+  qt as ScrollBar,
+  Kt as Search,
+  pa as Select,
+  Wt as SelectContent,
+  Xt as SelectGroup,
+  Zt as SelectItem,
+  $t as SelectLabel,
   n as SelectPrimitive,
-  Zt as SelectRoot,
-  $t as SelectScrollDownButton,
-  oa as SelectScrollUpButton,
-  ra as SelectSeparator,
-  ea as SelectTrigger,
-  ta as SelectValue,
-  pa as Separator,
-  la as Sheet,
-  da as SheetClose,
-  ua as SheetContent,
-  xa as SheetDescription,
-  ga as SheetFooter,
-  ba as SheetHeader,
-  fa as SheetOverlay,
-  sa as SheetPortal,
-  Sa as SheetTitle,
-  Ca as SheetTrigger,
-  Da as Sidebar,
-  ca as SidebarContent,
-  Ma as SidebarFooter,
-  Pa as SidebarGroup,
-  va as SidebarGroupAction,
-  Ia as SidebarGroupContent,
-  Aa as SidebarGroupLabel,
-  wa as SidebarHeader,
-  ha as SidebarInput,
-  Fa as SidebarInset,
-  La as SidebarMenu,
-  Ra as SidebarMenuAction,
-  Ba as SidebarMenuBadge,
-  Ga as SidebarMenuButton,
-  ka as SidebarMenuItem,
-  Ha as SidebarMenuSkeleton,
-  ya as SidebarMenuSub,
-  Na as SidebarMenuSubButton,
-  Oa as SidebarMenuSubItem,
-  Va as SidebarProvider,
-  Ea as SidebarRail,
-  za as SidebarSeparator,
-  _a as SidebarTrigger,
-  ja as Skeleton,
-  Ja as Slider,
-  Qa as Sonner,
-  Xa as Switch,
-  gi as TabRender,
-  $a as Table,
-  oi as TableBody,
-  ri as TableCaption,
-  ei as TableCell,
-  ti as TableFooter,
-  ai as TableHead,
-  ii as TableHeader,
-  an as TablePagination,
-  ni as TableRow,
-  bi as Tabs,
-  mi as TabsContent,
-  li as TabsList,
-  di as TabsRoot,
-  ui as TabsTrigger,
-  si as Textarea,
-  Di as ThemeModeToggle,
-  Ci as ThemeProvider,
-  Mi as Toast,
-  Pi as ToastAction,
-  vi as ToastClose,
-  Ii as ToastDescription,
-  Ai as ToastProvider,
-  wi as ToastTitle,
-  hi as ToastViewport,
-  Hi as Toaster,
-  Ni as Toggle,
-  Ei as ToggleGroup,
-  zi as ToggleGroupItem,
-  Ki as Tooltip,
-  Ui as TooltipContent,
-  Qi as TooltipInner,
+  oa as SelectRoot,
+  ra as SelectScrollDownButton,
+  ea as SelectScrollUpButton,
+  ta as SelectSeparator,
+  aa as SelectTrigger,
+  ia as SelectValue,
+  la as Separator,
+  ua as Sheet,
+  xa as SheetClose,
+  ga as SheetContent,
+  ba as SheetDescription,
+  fa as SheetFooter,
+  sa as SheetHeader,
+  Sa as SheetOverlay,
+  Ca as SheetPortal,
+  Ta as SheetTitle,
+  Da as SheetTrigger,
+  Ma as Sidebar,
+  Pa as SidebarContent,
+  va as SidebarFooter,
+  Ia as SidebarGroup,
+  Aa as SidebarGroupAction,
+  wa as SidebarGroupContent,
+  ha as SidebarGroupLabel,
+  Fa as SidebarHeader,
+  La as SidebarInput,
+  Ba as SidebarInset,
+  Ra as SidebarMenu,
+  Ga as SidebarMenuAction,
+  ka as SidebarMenuBadge,
+  Ha as SidebarMenuButton,
+  ya as SidebarMenuItem,
+  Na as SidebarMenuSkeleton,
+  Oa as SidebarMenuSub,
+  Va as SidebarMenuSubButton,
+  Ea as SidebarMenuSubItem,
+  za as SidebarProvider,
+  _a as SidebarRail,
+  Ua as SidebarSeparator,
+  Ya as SidebarTrigger,
+  Ja as Skeleton,
+  Qa as Slider,
+  Xa as Sonner,
+  $a as Switch,
+  fi as TabRender,
+  ri as Table,
+  ei as TableBody,
+  ti as TableCaption,
+  ai as TableCell,
+  ii as TableFooter,
+  ni as TableHead,
+  pi as TableHeader,
+  pn as TablePagination,
+  mi as TableRow,
+  si as Tabs,
+  di as TabsContent,
+  ui as TabsList,
+  xi as TabsRoot,
+  gi as TabsTrigger,
+  Ci as Textarea,
+  Mi as ThemeModeToggle,
+  Di as ThemeProvider,
+  vi as Toast,
+  Ii as ToastAction,
+  Ai as ToastClose,
+  wi as ToastDescription,
+  hi as ToastProvider,
+  Fi as ToastTitle,
+  Li as ToastViewport,
+  Ni as Toaster,
+  Vi as Toggle,
+  _i as ToggleGroup,
+  Ui as ToggleGroupItem,
+  Wi as Tooltip,
+  ji as TooltipContent,
+  Xi as TooltipInner,
   p as TooltipPrimitive,
-  Yi as TooltipProvider,
-  ji as TooltipRoot,
-  qi as TooltipTrigger,
+  qi as TooltipProvider,
+  Ji as TooltipRoot,
+  Ki as TooltipTrigger,
   J as badgeVariants,
   io as buttonBadgeVariants,
   uo as buttonIconVariants,
   no as buttonVariants,
-  Be as labelVariants,
-  Ye as loadingProgressVariants,
-  Ct as navigationMenuVariants,
-  Li as reducer,
-  Ri as toast,
-  Oi as toggleVariants,
+  ke as labelVariants,
+  qe as loadingProgressVariants,
+  Dt as navigationMenuVariants,
+  Ri as reducer,
+  Gi as toast,
+  Ei as toggleVariants,
   Sr as useDialogOverlayContainer,
   $r as useFormField,
-  Bi as useNotify,
-  Ua as useSidebar,
-  Gi as useToast
+  ki as useNotify,
+  ja as useSidebar,
+  Hi as useToast
 };
 //# sourceMappingURL=index.js.map

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.99-beta.40",
+  "version": "0.1.99-beta.41",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -105,9 +105,9 @@
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/tokens": "^0.1.99-beta.40",
-    "@oneplatformdev/hooks": "^0.1.99-beta.40",
-    "@oneplatformdev/utils": "^0.1.99-beta.40"
+    "@oneplatformdev/utils": "^0.1.99-beta.41",
+    "@oneplatformdev/tokens": "^0.1.99-beta.41",
+    "@oneplatformdev/hooks": "^0.1.99-beta.41"
   },
   "scripts": {
     "chromatic": "chromatic"