@oneplatformdev/ui 0.1.10-103 → 0.1.10-109

package/AlertDialog/AlertDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,EAAE,EAEF,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAYf,OAAO,EAKL,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAwH7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAiC/D,CAAA;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,EAAE,EAEF,iBAAiB,EAGlB,MAAM,OAAO,CAAC;AAYf,OAAO,EAIL,gBAAgB,EAEjB,MAAM,qBAAqB,CAAC;AAwH7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CA0B/D,CAAA;AAED,eAAe,WAAW,CAAC"}

package/AlertDialog/AlertDialog.js

@@ -1,62 +1,62 @@
 import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { cloneElement as d, useId as b, Children as j } from "react";
-import { AlertDialogRoot as y, AlertDialogContent as u, AlertDialogTrigger as E, AlertDialogHeader as f, AlertDialogTitle as B, AlertDialogDescription as v, AlertDialogFooter as A, AlertDialogAction as D, AlertDialogCancel as R } from "./AlertDialogRoot.js";
+import { cloneElement as p, useId as b, Children as j } from "react";
+import { AlertDialogRoot as y, AlertDialogContent as P, AlertDialogTrigger as E, AlertDialogHeader as u, AlertDialogTitle as B, AlertDialogDescription as v, AlertDialogFooter as f, AlertDialogAction as A, AlertDialogCancel as R } from "./AlertDialogRoot.js";
 import { isValidReactElement as s } from "@oneplatformdev/utils";
 const F = (o) => {
-  const { slotProps: e = {}, children: r } = o, i = e.trigger ?? {};
-  return /* @__PURE__ */ t(E, { asChild: !0, ...i, children: r });
+  const { slotProps: e = {}, children: r } = o, n = e.trigger ?? {};
+  return /* @__PURE__ */ t(E, { asChild: !0, ...n, children: r });
 }, H = (o) => {
   const {
     title: e = "",
     description: r = "",
-    slotProps: i = {},
-    children: l
-  } = o, n = i.header ?? {}, a = i.title ?? {}, c = i.description ?? {};
-  return l ? s(l, f) ? d(
-    l,
-    { ...l.props || {}, ...n }
-  ) : /* @__PURE__ */ t(f, { ...n, children: l }) : /* @__PURE__ */ g(f, { children: [
-    e && s(e, B) ? d(
+    slotProps: n = {},
+    children: i
+  } = o, c = n.header ?? {}, a = n.title ?? {}, l = n.description ?? {};
+  return i ? s(i, u) ? p(
+    i,
+    { ...i.props || {}, ...c }
+  ) : /* @__PURE__ */ t(u, { ...c, children: i }) : /* @__PURE__ */ g(u, { children: [
+    e && s(e, B) ? p(
       e,
       { ...e.props || {}, ...a }
     ) : /* @__PURE__ */ t(B, { ...a, children: e }),
-    r && s(r, v) ? d(
+    r && s(r, v) ? p(
       r,
-      { ...r.props || {}, ...c }
-    ) : /* @__PURE__ */ t(v, { ...c, children: r })
+      { ...r.props || {}, ...l }
+    ) : /* @__PURE__ */ t(v, { ...l, children: r })
   ] });
 }, I = (o) => {
   const {
     slotProps: e = {},
     children: r,
-    onCancel: i,
-    onConfirm: l,
-    cancelLabel: n = "Cancel",
+    onCancel: n,
+    onConfirm: i,
+    cancelLabel: c = "Cancel",
     actionLabel: a = "Continue",
-    variant: c = "confirm"
-  } = o, k = b(), m = e.footer ?? {}, x = e.cancelButton ?? {}, C = e.actionButton ?? {};
-  return r ? s(r, A) ? d(
+    variant: l = "confirm"
+  } = o, k = b(), D = e.footer ?? {}, x = e.cancelButton ?? {}, m = e.actionButton ?? {};
+  return r ? s(r, f) ? p(
     r,
-    { ...r.props || {}, ...m }
-  ) : /* @__PURE__ */ t(A, { ...m, children: j.map(r, (p, T) => {
-    if (!p || !s(p)) return;
-    const h = p, P = d(h, { ...h.props || {}, key: h.key || `footer-${k}-action-${T}` });
-    return s(p, D) || s(p, R) ? P : /* @__PURE__ */ t(D, { asChild: !0, children: P });
-  }) }) : /* @__PURE__ */ g(A, { children: [
-    c !== "alert" && /* @__PURE__ */ t(
+    { ...r.props || {}, ...D }
+  ) : /* @__PURE__ */ t(f, { ...D, children: j.map(r, (d, T) => {
+    if (!d || !s(d)) return;
+    const h = d, C = p(h, { ...h.props || {}, key: h.key || `footer-${k}-action-${T}` });
+    return s(d, A) || s(d, R) ? C : /* @__PURE__ */ t(A, { asChild: !0, children: C });
+  }) }) : /* @__PURE__ */ g(f, { children: [
+    l !== "alert" && /* @__PURE__ */ t(
       R,
       {
-        onClick: i,
+        onClick: n,
         ...x,
-        children: n
+        children: c
       }
     ),
     /* @__PURE__ */ t(
-      D,
+      A,
       {
-        onClick: l,
-        ...C,
-        variant: C.variant || c === "destructive" ? "destructive" : "default",
+        onClick: i,
+        ...m,
+        variant: m.variant || l === "destructive" ? "destructive" : "default",
         children: a
       }
     )
@@ -65,22 +65,16 @@ const F = (o) => {
   const {
     trigger: e,
     header: r,
-    footer: i,
-    slotProps: l = {},
-    children: n,
+    footer: n,
+    slotProps: i = {},
+    children: c,
     ...a
-  } = o, c = l.content ?? {};
+  } = o, l = i.content ?? {};
   return /* @__PURE__ */ g(y, { ...a, children: [
     /* @__PURE__ */ t(F, { ...o, children: e }),
-    n ? s(n, u) ? d(
-      n,
-      {
-        ...n.props || {},
-        ...c
-      }
-    ) : /* @__PURE__ */ t(u, { ...c, children: n }) : /* @__PURE__ */ g(u, { ...c, children: [
+    c ? /* @__PURE__ */ t(P, { ...l, children: c }) : /* @__PURE__ */ g(P, { ...l, children: [
       /* @__PURE__ */ t(H, { ...o, children: r }),
-      /* @__PURE__ */ t(I, { ...o, children: i })
+      /* @__PURE__ */ t(I, { ...o, children: n })
     ] })
   ] });
 };

package/AlertDialog/AlertDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.js","sources":["../../src/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  FC,\n  Key,\n  PropsWithChildren,\n  ReactElement,\n  useId,\n} from 'react';\nimport {\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogRoot,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from './AlertDialogRoot';\nimport {\n  AlertDialogContentProps,\n  AlertDialogDescriptionProps,\n  AlertDialogFooterProps,\n  AlertDialogHeaderProps,\n  AlertDialogProps,\n  AlertDialogTitleProps,\n} from './AlertDialog.types';\n\nimport { isValidReactElement } from '@oneplatformdev/utils';\n\nconst RenderAlertDialogTrigger: FC<PropsWithChildren<AlertDialogProps>> = (\n  props\n) => {\n  const { slotProps = {}, children } = props;\n  const triggerProps = slotProps.trigger ?? {};\n  return <AlertDialogTrigger asChild {...triggerProps}>{children}</AlertDialogTrigger>;\n};\n\nconst RenderAlertDialogHeader: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n  const {\n    title = '',\n    description = '',\n    slotProps = {},\n    children,\n  } = props;\n\n  const headerProps = slotProps.header ?? {};\n  const titleProps = slotProps.title ?? {};\n  const descriptionProps = slotProps.description ?? {};\n\n  if(children) {\n    return isValidReactElement(children, AlertDialogHeader)\n      ? cloneElement<AlertDialogHeaderProps>(\n        children as ReactElement<AlertDialogHeaderProps>,\n        { ...((children as ReactElement<AlertDialogHeaderProps>).props || {}), ...headerProps }\n      )\n      : <AlertDialogHeader {...headerProps}>{children}</AlertDialogHeader>\n  }\n\n  return (\n    <AlertDialogHeader>\n      {Boolean(title) && isValidReactElement(title, AlertDialogTitle)\n        ? cloneElement<AlertDialogTitleProps>(\n          title as ReactElement<AlertDialogTitleProps>,\n          { ...((title as ReactElement<AlertDialogTitleProps>).props || {}), ...titleProps }\n        )\n        : <AlertDialogTitle {...titleProps}>{title}</AlertDialogTitle>}\n\n      {Boolean(description) && isValidReactElement(description, AlertDialogDescription)\n        ? cloneElement<AlertDialogDescriptionProps>(\n          description as ReactElement<AlertDialogDescriptionProps>,\n          { ...((description as ReactElement<AlertDialogDescriptionProps>).props || {}), ...descriptionProps }\n        )\n        : <AlertDialogDescription {...descriptionProps}>{description}</AlertDialogDescription>\n      }\n    </AlertDialogHeader>\n  )\n}\n\nconst RenderAlertDialogFooter: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n  const {\n    slotProps = {},\n    children,\n    onCancel,\n    onConfirm,\n    cancelLabel = 'Cancel',\n    actionLabel = 'Continue',\n    variant = 'confirm',\n  } = props;\n  const footerId = useId();\n\n  const footerProps = slotProps.footer ?? {};\n  const cancelButtonProps = slotProps.cancelButton ?? {};\n  const actionButtonProps = slotProps.actionButton ?? {};\n\n  if(children) {\n    return isValidReactElement(children, AlertDialogFooter)\n      ? cloneElement<AlertDialogFooterProps>(\n        children as ReactElement<AlertDialogFooterProps>,\n        { ...((children as ReactElement<AlertDialogFooterProps>).props || {}), ...footerProps }\n      )\n      : (\n        <AlertDialogFooter {...footerProps}>\n          {Children.map(children, (child, i) => {\n            if(!child || !isValidReactElement(child)) return;\n\n            const reactChild = child as ReactElement;\n            const clonedChild = cloneElement(reactChild, {...(reactChild.props || {}), key: (reactChild.key || `footer-${footerId}-action-${i}` as unknown as Key)});\n\n            if(isValidReactElement(child, AlertDialogAction) || isValidReactElement(child, AlertDialogCancel)) {\n              return clonedChild;\n            }\n\n            return (\n              <AlertDialogAction asChild>\n                {clonedChild}\n              </AlertDialogAction>\n            )\n          })}\n        </AlertDialogFooter>\n      )\n  }\n\n  return (\n    <AlertDialogFooter>\n      {variant !== 'alert' && (\n        <AlertDialogCancel\n          onClick={onCancel}\n          {...cancelButtonProps}\n        >\n          {cancelLabel}\n        </AlertDialogCancel>\n      )}\n      <AlertDialogAction\n        onClick={onConfirm}\n        {...actionButtonProps}\n        variant={\n          actionButtonProps.variant || variant === 'destructive' ? 'destructive' : 'default'\n        }\n      >\n        {actionLabel}\n      </AlertDialogAction>\n    </AlertDialogFooter>\n  )\n}\n\n/**\n * Component for show Alert Dialog.\n * @public\n * @see [Documentation](#)\n * @example\n * > Import:\n * ```tsx\n *    import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';\n * ```\n * > Simple example:\n * ```tsx\n *    <AlertDialog\n *         trigger={'Trigger text'} // may be any ReactNode | Button | string\n *         variant='alert' // 'confirm' (default) | 'alert' | 'destructive'\n *         title='Dialog title'\n *         description='Description text...'\n *       />\n * ```\n * > Base example:\n * ```tsx\n *   <AlertDialog\n *         trigger={<Button variant=\"outline\">Simple Trigger</Button>}\n *         title='Dialog title'\n *         description='Description text...'\n *         onCancel={(event) => console.log(event, 'Cancel')}\n *         onConfirm={(event) => console.log(event, 'Confirm')}\n *       />\n * ```\n * > Trigger example: Button with icon children\n * ```tsx\n *      <AlertDialog\n *         trigger={<Button variant=\"outline\" size=\"icon\"><PencilLine /></Button>}\n *         title=\"Dialog title with icon trigger\"\n *         description=\"Description text...\"\n *         onCancel={(event) => console.log(event, 'Cancel')}\n *         onConfirm={(event) => console.log(event, 'Confirm')}\n *       />\n * ```\n *\n * > Full content example:\n * ```tsx\n *    <AlertDialog trigger={<Button variant=\"outline\">Full Content Trigger</Button>}>\n *      Full Content...\n *     </AlertDialog>\n * ```\n *\n * > Full control example:\n * ```tsx\n *       <AlertDialog\n *         open={true}\n *         onOpenChange={(nextState) => console.log(nextState)}\n *         trigger={<Button variant=\"outline\">Control Trigger</Button>}\n *         header={<div>Custom Header</div>}\n *         footer={[\n *           <Button key='cancel' variant=\"outline\" onClick={() => {}}>On Action</Button>,\n *           <Button key='action' variant=\"outline\" onClick={() => {}}>On Action</Button>,\n *         ]}\n *       />\n * ```\n */\nexport const AlertDialog: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n  const {\n    trigger,\n    header,\n    footer,\n    slotProps = {},\n    children,\n    ...rest\n  } = props;\n\n  const contentProps = slotProps.content ?? {};\n\n  return (\n    <AlertDialogRoot {...rest}>\n      <RenderAlertDialogTrigger {...props}>{trigger}</RenderAlertDialogTrigger>\n      {children\n        ? isValidReactElement(children, AlertDialogContent)\n          ? cloneElement<AlertDialogContentProps>(\n            children as ReactElement<AlertDialogContentProps>,\n            {\n              ...((children as ReactElement<AlertDialogContentProps>).props || {}),\n              ...contentProps\n            })\n          : <AlertDialogContent {...contentProps}>{children}</AlertDialogContent>\n        : (\n          <AlertDialogContent {...contentProps}>\n            <RenderAlertDialogHeader {...props}>{header}</RenderAlertDialogHeader>\n            <RenderAlertDialogFooter {...props}>{footer}</RenderAlertDialogFooter>\n          </AlertDialogContent>\n        )\n      }\n    </AlertDialogRoot>\n  )\n}\n\nexport default AlertDialog;\n"],"names":["RenderAlertDialogTrigger","props","slotProps","children","triggerProps","AlertDialogTrigger","RenderAlertDialogHeader","title","description","headerProps","titleProps","descriptionProps","isValidReactElement","AlertDialogHeader","cloneElement","jsx","AlertDialogTitle","AlertDialogDescription","RenderAlertDialogFooter","onCancel","onConfirm","cancelLabel","actionLabel","variant","footerId","useId","footerProps","cancelButtonProps","actionButtonProps","AlertDialogFooter","child","i","reactChild","clonedChild","AlertDialogAction","AlertDialogCancel","AlertDialog","trigger","header","footer","rest","contentProps","jsxs","AlertDialogRoot","AlertDialogContent"],"mappings":"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"}
+{"version":3,"file":"AlertDialog.js","sources":["../../src/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  FC,\n  Key,\n  PropsWithChildren,\n  ReactElement,\n  useId,\n} from 'react';\nimport {\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogRoot,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from './AlertDialogRoot';\nimport {\n  AlertDialogDescriptionProps,\n  AlertDialogFooterProps,\n  AlertDialogHeaderProps,\n  AlertDialogProps,\n  AlertDialogTitleProps,\n} from './AlertDialog.types';\n\nimport { isValidReactElement } from '@oneplatformdev/utils';\n\nconst RenderAlertDialogTrigger: FC<PropsWithChildren<AlertDialogProps>> = (\n  props\n) => {\n  const { slotProps = {}, children } = props;\n  const triggerProps = slotProps.trigger ?? {};\n  return <AlertDialogTrigger asChild {...triggerProps}>{children}</AlertDialogTrigger>;\n};\n\nconst RenderAlertDialogHeader: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n  const {\n    title = '',\n    description = '',\n    slotProps = {},\n    children,\n  } = props;\n\n  const headerProps = slotProps.header ?? {};\n  const titleProps = slotProps.title ?? {};\n  const descriptionProps = slotProps.description ?? {};\n\n  if(children) {\n    return isValidReactElement(children, AlertDialogHeader)\n      ? cloneElement<AlertDialogHeaderProps>(\n        children as ReactElement<AlertDialogHeaderProps>,\n        { ...((children as ReactElement<AlertDialogHeaderProps>).props || {}), ...headerProps }\n      )\n      : <AlertDialogHeader {...headerProps}>{children}</AlertDialogHeader>\n  }\n\n  return (\n    <AlertDialogHeader>\n      {Boolean(title) && isValidReactElement(title, AlertDialogTitle)\n        ? cloneElement<AlertDialogTitleProps>(\n          title as ReactElement<AlertDialogTitleProps>,\n          { ...((title as ReactElement<AlertDialogTitleProps>).props || {}), ...titleProps }\n        )\n        : <AlertDialogTitle {...titleProps}>{title}</AlertDialogTitle>}\n\n      {Boolean(description) && isValidReactElement(description, AlertDialogDescription)\n        ? cloneElement<AlertDialogDescriptionProps>(\n          description as ReactElement<AlertDialogDescriptionProps>,\n          { ...((description as ReactElement<AlertDialogDescriptionProps>).props || {}), ...descriptionProps }\n        )\n        : <AlertDialogDescription {...descriptionProps}>{description}</AlertDialogDescription>\n      }\n    </AlertDialogHeader>\n  )\n}\n\nconst RenderAlertDialogFooter: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n  const {\n    slotProps = {},\n    children,\n    onCancel,\n    onConfirm,\n    cancelLabel = 'Cancel',\n    actionLabel = 'Continue',\n    variant = 'confirm',\n  } = props;\n  const footerId = useId();\n\n  const footerProps = slotProps.footer ?? {};\n  const cancelButtonProps = slotProps.cancelButton ?? {};\n  const actionButtonProps = slotProps.actionButton ?? {};\n\n  if(children) {\n    return isValidReactElement(children, AlertDialogFooter)\n      ? cloneElement<AlertDialogFooterProps>(\n        children as ReactElement<AlertDialogFooterProps>,\n        { ...((children as ReactElement<AlertDialogFooterProps>).props || {}), ...footerProps }\n      )\n      : (\n        <AlertDialogFooter {...footerProps}>\n          {Children.map(children, (child, i) => {\n            if(!child || !isValidReactElement(child)) return;\n\n            const reactChild = child as ReactElement;\n            const clonedChild = cloneElement(reactChild, {...(reactChild.props || {}), key: (reactChild.key || `footer-${footerId}-action-${i}` as unknown as Key)});\n\n            if(isValidReactElement(child, AlertDialogAction) || isValidReactElement(child, AlertDialogCancel)) {\n              return clonedChild;\n            }\n\n            return (\n              <AlertDialogAction asChild>\n                {clonedChild}\n              </AlertDialogAction>\n            )\n          })}\n        </AlertDialogFooter>\n      )\n  }\n\n  return (\n    <AlertDialogFooter>\n      {variant !== 'alert' && (\n        <AlertDialogCancel\n          onClick={onCancel}\n          {...cancelButtonProps}\n        >\n          {cancelLabel}\n        </AlertDialogCancel>\n      )}\n      <AlertDialogAction\n        onClick={onConfirm}\n        {...actionButtonProps}\n        variant={\n          actionButtonProps.variant || variant === 'destructive' ? 'destructive' : 'default'\n        }\n      >\n        {actionLabel}\n      </AlertDialogAction>\n    </AlertDialogFooter>\n  )\n}\n\n/**\n * Component for show Alert Dialog.\n * @public\n * @see [Documentation](#)\n * @example\n * > Import:\n * ```tsx\n *    import { AlertDialog } from '@oneplatformdev/ui/AlertDialog';\n * ```\n * > Simple example:\n * ```tsx\n *    <AlertDialog\n *         trigger={'Trigger text'} // may be any ReactNode | Button | string\n *         variant='alert' // 'confirm' (default) | 'alert' | 'destructive'\n *         title='Dialog title'\n *         description='Description text...'\n *       />\n * ```\n * > Base example:\n * ```tsx\n *   <AlertDialog\n *         trigger={<Button variant=\"outline\">Simple Trigger</Button>}\n *         title='Dialog title'\n *         description='Description text...'\n *         onCancel={(event) => console.log(event, 'Cancel')}\n *         onConfirm={(event) => console.log(event, 'Confirm')}\n *       />\n * ```\n * > Trigger example: Button with icon children\n * ```tsx\n *      <AlertDialog\n *         trigger={<Button variant=\"outline\" size=\"icon\"><PencilLine /></Button>}\n *         title=\"Dialog title with icon trigger\"\n *         description=\"Description text...\"\n *         onCancel={(event) => console.log(event, 'Cancel')}\n *         onConfirm={(event) => console.log(event, 'Confirm')}\n *       />\n * ```\n *\n * > Full content example:\n * ```tsx\n *    <AlertDialog trigger={<Button variant=\"outline\">Full Content Trigger</Button>}>\n *      Full Content...\n *     </AlertDialog>\n * ```\n *\n * > Full control example:\n * ```tsx\n *       <AlertDialog\n *         open={true}\n *         onOpenChange={(nextState) => console.log(nextState)}\n *         trigger={<Button variant=\"outline\">Control Trigger</Button>}\n *         header={<div>Custom Header</div>}\n *         footer={[\n *           <Button key='cancel' variant=\"outline\" onClick={() => {}}>On Action</Button>,\n *           <Button key='action' variant=\"outline\" onClick={() => {}}>On Action</Button>,\n *         ]}\n *       />\n * ```\n */\nexport const AlertDialog: FC<PropsWithChildren<AlertDialogProps>> = (props) => {\n  const {\n    trigger,\n    header,\n    footer,\n    slotProps = {},\n    children,\n    ...rest\n  } = props;\n\n  const contentProps = slotProps.content ?? {};\n\n  return (\n    <AlertDialogRoot {...rest}>\n      <RenderAlertDialogTrigger {...props}>{trigger}</RenderAlertDialogTrigger>\n      {children\n        ? <AlertDialogContent {...contentProps}>{children}</AlertDialogContent>\n        : (\n          <AlertDialogContent {...contentProps}>\n            <RenderAlertDialogHeader {...props}>{header}</RenderAlertDialogHeader>\n            <RenderAlertDialogFooter {...props}>{footer}</RenderAlertDialogFooter>\n          </AlertDialogContent>\n        )\n      }\n    </AlertDialogRoot>\n  )\n}\n\nexport default AlertDialog;\n"],"names":["RenderAlertDialogTrigger","props","slotProps","children","triggerProps","AlertDialogTrigger","RenderAlertDialogHeader","title","description","headerProps","titleProps","descriptionProps","isValidReactElement","AlertDialogHeader","cloneElement","jsx","AlertDialogTitle","AlertDialogDescription","RenderAlertDialogFooter","onCancel","onConfirm","cancelLabel","actionLabel","variant","footerId","useId","footerProps","cancelButtonProps","actionButtonProps","AlertDialogFooter","child","i","reactChild","clonedChild","AlertDialogAction","AlertDialogCancel","AlertDialog","trigger","header","footer","rest","contentProps","jsxs","AlertDialogRoot","AlertDialogContent"],"mappings":"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"}

package/AlertDialog/AlertDialogRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogRoot.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAErF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3F;AACD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAEzF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAY3F;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAe3F;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS5D;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAY5D;AACD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CASvF;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CASnG;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AACD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACrB,CAAC"}
+{"version":3,"file":"AlertDialogRoot.d.ts","sourceRoot":"","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAGrE,OAAO,EAAE,WAAW,EAAkB,MAAM,WAAW,CAAC;AAExD,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAErF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAE3F;AACD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAEzF;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAY3F;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAmB3F;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS5D;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAY5D;AACD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CASvF;AAED,iBAAS,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CASnG;AAGD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AACD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GAAG,WAAW,2CAQvG;AAED,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACrB,CAAC"}

package/AlertDialog/AlertDialogRoot.js

@@ -1,24 +1,24 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import * as l from "@radix-ui/react-alert-dialog";
-import { cn as r } from "@oneplatformdev/utils";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-alert-dialog";
+import { cn as l } from "@oneplatformdev/utils";
 import "../Button/Button.js";
 import { buttonVariants as i } from "../Button/buttonVariants.js";
 function x(t) {
-  return /* @__PURE__ */ o(l.Root, { "data-slot": "alert-dialog", ...t });
+  return /* @__PURE__ */ o(r.Root, { "data-slot": "alert-dialog", ...t });
 }
 function N(t) {
-  return /* @__PURE__ */ o(l.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
+  return /* @__PURE__ */ o(r.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
 }
-function d(t) {
-  return /* @__PURE__ */ o(l.Portal, { "data-slot": "alert-dialog-portal", asChild: !0, ...t });
+function c(t) {
+  return /* @__PURE__ */ o(r.Portal, { "data-slot": "alert-dialog-portal", asChild: !0, ...t });
 }
 function m(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
-    l.Overlay,
+    r.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
-      className: r(
+      className: l(
         "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",
         a
       ),
@@ -28,14 +28,18 @@ function m(t) {
 }
 function A(t) {
   const { className: a, ...e } = t;
-  return /* @__PURE__ */ c(d, { children: [
+  return /* @__PURE__ */ d(c, { children: [
     /* @__PURE__ */ o(m, {}),
     /* @__PURE__ */ o(
-      l.Content,
+      r.Content,
       {
         "data-slot": "alert-dialog-content",
-        className: r(
-          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+        className: l(
+          "fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]",
+          "grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 p-6",
+          "bg-background border rounded-lg shadow-lg",
+          "overflow-x-hidden break-words",
+          "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 duration-200",
           a
         ),
         ...e
@@ -49,18 +53,18 @@ function D(t) {
     "div",
     {
       "data-slot": "alert-dialog-header",
-      className: r("flex flex-col gap-2 text-center sm:text-left", a),
+      className: l("flex flex-col gap-2 text-center sm:text-left", a),
       ...e
     }
   );
 }
-function v(t) {
+function w(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
     "div",
     {
       "data-slot": "alert-dialog-footer",
-      className: r(
+      className: l(
         "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
         a
       ),
@@ -71,55 +75,55 @@ function v(t) {
 function b(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
-    l.Title,
+    r.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: r("text-lg font-semibold", a),
+      className: l("text-lg font-semibold break-words", a),
       ...e
     }
   );
 }
-function z(t) {
+function v(t) {
   const { className: a, ...e } = t;
   return /* @__PURE__ */ o(
-    l.Description,
+    r.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: r("text-muted-foreground text-sm", a),
+      className: l("text-muted-foreground text-sm whitespace-pre-wrap break-words", a),
       ...e
     }
   );
 }
-function w(t) {
+function h(t) {
   const { className: a, variant: e, size: s, ...n } = t;
   return /* @__PURE__ */ o(
-    l.Action,
+    r.Action,
     {
-      className: r(i({ variant: e, size: s }), a),
+      className: l(i({ variant: e, size: s }), a),
       ...n
     }
   );
 }
-function y(t) {
+function z(t) {
   const { className: a, variant: e = "outline", size: s, ...n } = t;
   return /* @__PURE__ */ o(
-    l.Cancel,
+    r.Cancel,
     {
-      className: r(i({ variant: e, size: s }), a),
+      className: l(i({ variant: e, size: s }), a),
       ...n
     }
   );
 }
 export {
-  w as AlertDialogAction,
-  y as AlertDialogCancel,
+  h as AlertDialogAction,
+  z as AlertDialogCancel,
   A as AlertDialogContent,
-  z as AlertDialogDescription,
-  v as AlertDialogFooter,
+  v as AlertDialogDescription,
+  w as AlertDialogFooter,
   D as AlertDialogHeader,
   m as AlertDialogOverlay,
-  d as AlertDialogPortal,
-  l as AlertDialogPrimitive,
+  c as AlertDialogPortal,
+  r as AlertDialogPrimitive,
   x as AlertDialogRoot,
   b as AlertDialogTitle,
   N as AlertDialogTrigger

package/AlertDialog/AlertDialogRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { ButtonProps, buttonVariants } from '../Button';\n\nfunction AlertDialogRoot(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" asChild {...props} />;\n}\n\nfunction AlertDialogOverlay(props: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-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      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogContent(props: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          \"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className\n        )}\n        {...rest}\n      />\n    </AlertDialogPortal>\n  )\n}\n\n\nfunction AlertDialogHeader(props: React.ComponentProps<\"div\">) {\n  const { className, ...rest } = props;\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogFooter(props: React.ComponentProps<\"div\">) {\n  const { className, ...rest } = props;\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...rest}\n    />\n  )\n}\nfunction AlertDialogTitle(props: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogDescription(props: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...rest}\n    />\n  )\n}\n\n\nfunction AlertDialogAction(props: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonProps) {\n  const { className, variant, size, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...rest}\n    />\n  )\n}\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\n  const { className, variant = 'outline', size, ...rest } = props\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...rest}\n    />\n  )\n}\n\nexport {\n  AlertDialogRoot,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogPrimitive\n};\n"],"names":["AlertDialogRoot","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","jsx","AlertDialogOverlay","className","rest","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","variant","size","buttonVariants","AlertDialogCancel"],"mappings":"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"}
+{"version":3,"file":"AlertDialogRoot.js","sources":["../../src/AlertDialog/AlertDialogRoot.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { ButtonProps, buttonVariants } from '../Button';\n\nfunction AlertDialogRoot(props: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger(props: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />;\n}\nfunction AlertDialogPortal(props: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" asChild {...props} />;\n}\n\nfunction AlertDialogOverlay(props: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-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      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogContent(props: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n          'grid w-full max-w-[calc(100%-2rem)] sm:max-w-lg gap-4 p-6',\n          'bg-background border rounded-lg shadow-lg',\n          'overflow-x-hidden break-words',\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 duration-200',\n          className\n        )}\n        {...rest}\n      />\n    </AlertDialogPortal>\n  )\n}\n\n\nfunction AlertDialogHeader(props: React.ComponentProps<\"div\">) {\n  const { className, ...rest } = props;\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogFooter(props: React.ComponentProps<\"div\">) {\n  const { className, ...rest } = props;\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...rest}\n    />\n  )\n}\nfunction AlertDialogTitle(props: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\"text-lg font-semibold break-words\", className)}\n      {...rest}\n    />\n  )\n}\n\nfunction AlertDialogDescription(props: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  const { className, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\"text-muted-foreground text-sm whitespace-pre-wrap break-words\", className)}\n      {...rest}\n    />\n  )\n}\n\n\nfunction AlertDialogAction(props: React.ComponentProps<typeof AlertDialogPrimitive.Action> & ButtonProps) {\n  const { className, variant, size, ...rest } = props;\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...rest}\n    />\n  )\n}\nfunction AlertDialogCancel(props: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & ButtonProps) {\n  const { className, variant = 'outline', size, ...rest } = props\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...rest}\n    />\n  )\n}\n\nexport {\n  AlertDialogRoot,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogPrimitive\n};\n"],"names":["AlertDialogRoot","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","jsx","AlertDialogOverlay","className","rest","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","variant","size","buttonVariants","AlertDialogCancel"],"mappings":"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"}

package/CHANGELOG.md

@@ -1,3 +1,60 @@
+## 0.1.10-109 (2025-12-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-158
+- Updated @oneplatformdev/hooks to 0.1.0-144
+- Updated @oneplatformdev/tokens to 0.0.1-131
+
+## 0.1.10-108 (2025-12-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-157
+- Updated @oneplatformdev/hooks to 0.1.0-143
+- Updated @oneplatformdev/tokens to 0.0.1-130
+
+## 0.1.10-107 (2025-12-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-156
+- Updated @oneplatformdev/hooks to 0.1.0-142
+- Updated @oneplatformdev/tokens to 0.0.1-129
+
+## 0.1.10-106 (2025-12-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-155
+- Updated @oneplatformdev/hooks to 0.1.0-141
+- Updated @oneplatformdev/tokens to 0.0.1-128
+
+## 0.1.10-105 (2025-12-15)
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-154
+- Updated @oneplatformdev/hooks to 0.1.0-140
+- Updated @oneplatformdev/tokens to 0.0.1-127
+
+## 0.1.10-104 (2025-12-08)
+
+### 🩹 Fixes
+
+- update Dialog component title font size for better readability and add .env to .gitignore ([9646134](https://github.com/oneplatformdev/core-web/commit/9646134))
+- adjust Dialog component styling for better alignment and update container size in CSS ([afaa5af](https://github.com/oneplatformdev/core-web/commit/afaa5af))
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.1-153
+- Updated @oneplatformdev/hooks to 0.1.0-139
+- Updated @oneplatformdev/tokens to 0.0.1-126
+
+### ❤️ Thank You
+
+- Bohdan Radchenko
+
 ## 0.1.10-103 (2025-12-04)
 
 ### 🩹 Fixes

package/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAGL,aAAa,EACd,MAAM,kBAAkB,CAAC;AAqB1B,eAAO,MAAM,QAAQ,0GA6PpB,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAGL,aAAa,EACd,MAAM,kBAAkB,CAAC;AAqB1B,eAAO,MAAM,QAAQ,0GA+PpB,CAAC"}

package/Combobox/Combobox.js

@@ -1,173 +1,174 @@
-import { jsx as t, jsxs as c, Fragment as H } from "react/jsx-runtime";
-import { forwardRef as te, useRef as ne, useState as d, useCallback as p, useEffect as oe, useMemo as R, useLayoutEffect as re } from "react";
-import { LoadingMask as ae } from "../LoadingMask/LoadingMask.js";
+import { jsx as e, jsxs as d, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as oe, useState as s, useCallback as p, useEffect as re, useMemo as M, useLayoutEffect as ae } from "react";
+import { LoadingMask as V } from "../LoadingMask/LoadingMask.js";
 import "../LoadingMask/RenderLoadingMask.js";
-import { Popover as se, PopoverTrigger as ie, PopoverContent as le } from "../Popover/Popover.js";
+import { Popover as ie, PopoverTrigger as se, PopoverContent as le } from "../Popover/Popover.js";
 import { Button as ce } from "../Button/Button.js";
 import "../Button/buttonVariants.js";
-import { Command as de, CommandInput as pe, CommandList as ue, CommandGroup as me, CommandEmpty as V, CommandItem as fe } from "../Command/Command.js";
-import { cn as j } from "@oneplatformdev/utils";
+import { Command as de, CommandInput as pe, CommandList as me, CommandGroup as fe, CommandEmpty as X, CommandItem as ue } from "../Command/Command.js";
+import { cn as R } from "@oneplatformdev/utils";
 import { useDebounceCallback as he } from "@oneplatformdev/hooks";
 import { X as ge, ChevronsUpDown as be } from "lucide-react";
 import { ComboboxOptions as ve } from "./ComboboxOptions.js";
-const Ce = (S) => {
-  const { value: u, flattenOptions: n = [], selectedOption: N } = S;
-  if (!u) return "No value for render label";
-  const C = [n.find((m) => String(m.value).toLowerCase() === String(u).toLowerCase()), N].filter(Boolean).map((m) => m.label).find(Boolean);
-  return C || u;
-}, Ee = te(
-  (S, u) => {
+const ye = (S) => {
+  const { value: m, flattenOptions: n = [], selectedOption: L } = S;
+  if (!m) return "No value for render label";
+  const y = [n.find((f) => String(f.value).toLowerCase() === String(m).toLowerCase()), L].filter(Boolean).map((f) => f.label).find(Boolean);
+  return y || m;
+}, Ee = oe(
+  (S, m) => {
     const {
       value: n,
-      onChange: N,
+      onChange: L,
       placeholder: T,
-      disabled: C,
-      searchLabel: m = "Type to search...",
-      fetchOptions: W,
-      options: L,
+      disabled: y,
+      searchLabel: f = "Type to search...",
+      fetchOptions: _,
+      options: N,
       emptyLabel: A = "No options",
-      emptyAction: y,
+      emptyAction: C,
       commandInputAction: I,
       listHeadAction: w,
       onMount: k
-    } = S, B = ne(!1), [i, P] = d(!1), [a, D] = d(""), [f, E] = d(), [o, l] = d(!1), [r, X] = d([]), [_, J] = d([]), h = p((e) => {
-      const b = (M) => {
-        const s = [], q = (x) => {
+    } = S, [F, z] = s(!1), [l, B] = s(!1), [a, P] = s(""), [u, D] = s(), [o, c] = s(!1), [r, J] = s([]), [K, Q] = s([]), h = p((t) => {
+      const b = (E) => {
+        const i = [], H = (x) => {
           if (x)
             for (const v of x)
-              s.push(v), v.items && v.items.length && q(v.items);
+              i.push(v), v.items && v.items.length && H(v.items);
         };
-        q(M), J((x) => {
-          if (!s.find((O) => !!n && String(O.value) === String(n))) {
-            const O = f || x.find((ee) => !!n && String(ee.value) === String(n));
-            if (O) return [O, ...s];
+        H(E), Q((x) => {
+          if (!i.find((O) => !!n && String(O.value) === String(n))) {
+            const O = u || x.find((ne) => !!n && String(ne.value) === String(n));
+            if (O) return [O, ...i];
           }
-          return s;
+          return i;
         });
       };
-      X((M) => {
-        const s = typeof e == "function" ? e(M) : e;
-        return b(s), s;
+      J((E) => {
+        const i = typeof t == "function" ? t(E) : t;
+        return b(i), i;
       });
-    }, [f, n]);
-    oe(() => {
-      L?.length && h(L);
-    }, [L]);
-    const K = async () => {
-      i || (F(), D(""));
-    }, F = p(async (e) => {
-      l(!0);
+    }, [u, n]);
+    re(() => {
+      N?.length && h(N);
+    }, [N]);
+    const Y = async () => {
+      l || (G(), P(""));
+    }, G = p(async (t) => {
+      c(!0);
       try {
-        const b = await W(e);
+        const b = await _(t);
         h(b);
       } catch (b) {
         console.error("Unexpected error while get option:", b);
       } finally {
-        l(!1);
+        c(!1);
       }
-    }, [h]), Q = he(F, 1e3, {
+    }, [h]), Z = he(G, 1e3, {
       leading: !1,
       trailing: !0
-    }), Y = p((e) => {
-      l(!0), D(e), Q(e);
-    }, []), z = p((e) => {
-      N(e.value), E(e), l(!1);
-    }, []), Z = p(() => {
-      z({ value: "", label: "" }), E(void 0), l(!1);
-    }, []), G = R(() => !!a && !r.length && !o, [o, r.length, a]), U = R(() => !r.length && !o, [o, r.length, a]), g = R(() => ({
+    }), $ = p((t) => {
+      c(!0), P(t), Z(t);
+    }, []), U = p((t) => {
+      L(t.value), D(t), c(!1);
+    }, []), ee = p(() => {
+      U({ value: "", label: "" }), D(void 0), c(!1);
+    }, []), W = M(() => !!a && !r.length && !o, [o, r.length, a]), q = M(() => !r.length && !o, [o, r.length, a]), g = M(() => ({
       options: r,
       setOptions: h,
-      selectedOption: f,
-      setSelectedOption: E,
+      selectedOption: u,
+      setSelectedOption: D,
       search: a || "",
-      setSearch: D,
-      open: i,
-      setOpen: P,
+      setSearch: P,
+      open: l,
+      setOpen: B,
       loading: o,
-      setLoading: l,
-      isEmptyList: U,
-      isSearchedEmptyList: G
-    }), [o, i, r, a, f, U, G, h]), $ = p(() => {
-      if (!k) {
-        B.current = !0;
-        return;
+      setLoading: c,
+      isEmptyList: q,
+      isSearchedEmptyList: W
+    }), [o, l, r, a, u, q, W, h]), te = p(async () => {
+      if (k) {
+        z(!0);
+        try {
+          await k(g);
+        } finally {
+          z(!1);
+        }
       }
-      k(g).finally(() => {
-        B.current = !0;
-      });
-    }, [g, k]);
-    return re(() => ($(), () => {
-      B.current = !1;
-    }), []), /* @__PURE__ */ t("div", { className: "w-full", ref: u, children: /* @__PURE__ */ c(
-      se,
+    }, [k, g]);
+    return ae(() => {
+      te();
+    }, []), /* @__PURE__ */ e("div", { className: "w-full", ref: m, children: /* @__PURE__ */ d(
+      ie,
       {
-        open: i,
-        onOpenChange: (e) => {
-          P(e), e && K();
+        open: l,
+        onOpenChange: (t) => {
+          B(t), t && Y();
         },
         children: [
-          /* @__PURE__ */ t(ie, { asChild: !0, className: "border-input", children: /* @__PURE__ */ c(
+          /* @__PURE__ */ e(se, { asChild: !0, className: "border-input", children: /* @__PURE__ */ e(
             ce,
             {
               variant: "outline",
               role: "combobox",
               size: "lg",
-              "aria-expanded": i,
-              className: j(
-                "w-full justify-between font-normal text-sm bg-transparent relative p-3",
+              "aria-expanded": l,
+              className: R(
+                "relative w-full justify-between font-normal text-sm bg-transparent relative p-3",
                 "border border-border",
-                i && "border-2 outline-hidden ring-1 ring-ring",
+                l && "border-2 outline-hidden ring-1 ring-ring",
                 "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring"
               ),
-              disabled: C,
-              children: [
-                /* @__PURE__ */ t("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: n ? Ce({ value: n, flattenOptions: _, selectedOption: f }) : /* @__PURE__ */ t("span", { className: "text-gray-400", children: T }) }),
-                n ? /* @__PURE__ */ t(
+              disabled: y || F,
+              children: F ? /* @__PURE__ */ e(V, { fullWidth: !0 }) : /* @__PURE__ */ d(j, { children: [
+                /* @__PURE__ */ e("span", { className: "truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap", children: n ? ye({ value: n, flattenOptions: K, selectedOption: u }) : /* @__PURE__ */ e("span", { className: "text-gray-400", children: T }) }),
+                n ? /* @__PURE__ */ e(
                   "div",
                   {
-                    className: j(
+                    className: R(
                       "absolute top-0 right-1",
                       "flex items-center justify-center",
                       "w-9 aspect-square [&_svg]:size-5",
                       "opacity-50 cursor-pointer hover:opacity-100"
                     ),
-                    onClick: (e) => {
-                      e.stopPropagation(), Z();
+                    onClick: (t) => {
+                      t.stopPropagation(), ee();
                     },
-                    children: /* @__PURE__ */ t(ge, {})
+                    children: /* @__PURE__ */ e(ge, {})
                   }
-                ) : /* @__PURE__ */ t(be, { className: "opacity-50 w-4 h-4" })
-              ]
+                ) : /* @__PURE__ */ e(be, { className: "opacity-50 w-4 h-4" })
+              ] })
             }
           ) }),
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ e(
             le,
             {
               className: "w-(--radix-popper-anchor-width) max-w-none p-0",
               align: "start",
-              children: /* @__PURE__ */ c(de, { shouldFilter: !1, children: [
-                /* @__PURE__ */ t(
+              children: /* @__PURE__ */ d(de, { shouldFilter: !1, children: [
+                /* @__PURE__ */ e(
                   pe,
                   {
-                    placeholder: m,
+                    placeholder: f,
                     value: a,
-                    onValueChange: Y
+                    onValueChange: $
                   }
                 ),
                 typeof I == "function" ? I(g) : I,
-                /* @__PURE__ */ t(ue, { children: /* @__PURE__ */ c(
-                  me,
+                /* @__PURE__ */ e(me, { children: /* @__PURE__ */ d(
+                  fe,
                   {
-                    className: j(!r.length && "p-0 shadow-none"),
+                    className: R(!r.length && "p-0 shadow-none"),
                     children: [
-                      o && /* @__PURE__ */ t(ae, { fullWidth: !0 }),
-                      !o && !!a && /* @__PURE__ */ t(H, { children: y ? /* @__PURE__ */ c(V, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
-                        /* @__PURE__ */ t("span", { children: A }),
-                        typeof y == "function" ? y(g) : y
-                      ] }) : /* @__PURE__ */ t(V, { children: A }) }),
-                      !o && /* @__PURE__ */ c(H, { children: [
-                        !!r.length && w && /* @__PURE__ */ t(
-                          fe,
+                      o && /* @__PURE__ */ e(V, { fullWidth: !0 }),
+                      !o && !!a && /* @__PURE__ */ e(j, { children: C ? /* @__PURE__ */ d(X, { className: "flex flex-col gap-3 py-5 px-3 items-center", children: [
+                        /* @__PURE__ */ e("span", { children: A }),
+                        typeof C == "function" ? C(g) : C
+                      ] }) : /* @__PURE__ */ e(X, { children: A }) }),
+                      !o && /* @__PURE__ */ d(j, { children: [
+                        !!r.length && w && /* @__PURE__ */ e(
+                          ue,
                           {
                             asChild: !0,
                             className: "w-full",
@@ -175,13 +176,13 @@ const Ce = (S) => {
                           },
                           "combobox-list-head-action"
                         ),
-                        /* @__PURE__ */ t(
+                        /* @__PURE__ */ e(
                           ve,
                           {
                             value: n,
                             options: r,
-                            onChangeOption: z,
-                            setOpen: P
+                            onChangeOption: U,
+                            setOpen: B
                           }
                         )
                       ] })

package/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n  Dispatch,\n  forwardRef, SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronsUpDown, X } from 'lucide-react';\nimport {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions'; // TODO: refactor next component | nlt code\n\n\nconst getSelectRenderLabel = (params: {\n  value: ComboboxProps['value'];\n  flattenOptions: ComboboxOption[];\n  selectedOption?: ComboboxOption;\n}): string => {\n  const { value, flattenOptions = [], selectedOption } = params;\n  if(!value) return 'No value for render label';\n  const flattenedOption = flattenOptions.find(o => String(o.value).toLowerCase() === String(value).toLowerCase());\n  const label = [flattenedOption, selectedOption]\n    .filter(Boolean)\n    .map(o => o!.label)\n    .find(Boolean);\n  if(!label) return value;\n  return label;\n}\n\n// TODO: refactor next component | nlt code\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  (props, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder,\n      disabled,\n      searchLabel = 'Type to search...',\n      fetchOptions,\n      options: itemOptions,\n      emptyLabel = 'No options',\n      emptyAction,\n      commandInputAction,\n      listHeadAction,\n      onMount,\n    } = props;\n    const isMounted = useRef(false);\n    const [open, setOpen] = useState(false);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\n    const [loading, setLoading] = useState(false);\n\n    const [options, setOptionsDispatch] = useState<ComboboxOption[]>([]);\n    const [flattenOptions, setFlattenOptions] = useState<ComboboxOption[]>([]);\n    const setOptions: Dispatch<SetStateAction<ComboboxOption[]>> = useCallback((stater) => {\n      const flatten = (next: ComboboxOption[]) => {\n        const res: ComboboxOption[] = [];\n        const walk = (nodes?: ComboboxOption[]) => {\n          if (!nodes) return;\n          for (const node of nodes) {\n            res.push(node);\n            if (node.items && node.items.length) walk(node.items);\n          }\n        };\n        walk(next);\n        setFlattenOptions((prev) => {\n          const isIncludedInRes = res.find(o => !!value && String(o.value) === String(value));\n\n          if(!isIncludedInRes) {\n            const current =  selectedOption || prev.find(o => !!value && String(o.value) === String(value))\n            if(current) return [current, ...res];\n          }\n\n          return res;\n        });\n      }\n      setOptionsDispatch((prev) => {\n        const next: ComboboxOption[] = typeof stater === 'function' ? stater(prev) : stater;\n        flatten(next);\n        return next;\n      });\n    }, [selectedOption, value])\n\n    useEffect(() => {\n      itemOptions?.length && setOptions(itemOptions);\n    }, [itemOptions]);\n\n    const handlePopoverOpen = async () => {\n      if (!open) {\n        void getData();\n        setSearchTerm('');\n      }\n    };\n\n    const getData = useCallback(async (search?: string) => {\n      setLoading(true);\n      try {\n        const fetchedOptions = await fetchOptions(search);\n        setOptions(fetchedOptions);\n      } catch (error) {\n        console.error('Unexpected error while get option:', error);\n      } finally {\n        setLoading(false);\n      }\n    }, [setOptions]);\n\n    const debouncedGetData = useDebounceCallback(getData, 1000, {\n      leading: false,\n      trailing: true,\n    });\n\n    const handleSearchChange = useCallback((value: string) => {\n      setLoading(true);\n      setSearchTerm(value);\n      debouncedGetData(value);\n    }, []);\n\n    const onChangeOption = useCallback((option: ComboboxOption) => {\n      onChange(option.value);\n      setSelectedOption(option);\n      setLoading(false);\n    }, []);\n\n    const handleClearSelection = useCallback(() => {\n      onChangeOption({ value: '', label: '' });\n      setSelectedOption(undefined);\n      setLoading(false);\n    }, []);\n\n    const isSearchedEmptyList = useMemo(() => {\n      return Boolean(searchTerm) && !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const isEmptyList = useMemo(() => {\n      return !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const comboboxCallbackStateParams =\n      useMemo((): ComboboxCallbackStateParams => {\n        return {\n          options,\n          setOptions,\n          selectedOption,\n          setSelectedOption,\n          search: searchTerm || '',\n          setSearch: setSearchTerm,\n          open,\n          setOpen,\n          loading,\n          setLoading,\n          isEmptyList,\n          isSearchedEmptyList,\n        };\n      }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList, setOptions]);\n\n    const runOnMount = useCallback(() => {\n      if (!onMount) {\n        isMounted.current = true;\n        return;\n      }\n      onMount(comboboxCallbackStateParams)\n        .finally(() => {\n          isMounted.current = true;\n        });\n    }, [comboboxCallbackStateParams, onMount]);\n\n    useLayoutEffect(() => {\n      runOnMount();\n      return () => {\n        isMounted.current = false;\n      };\n    }, []);\n\n    return (\n      <div className=\"w-full\" ref={ref}>\n        <Popover\n          open={open}\n          onOpenChange={(newOpen) => {\n            setOpen(newOpen);\n            if (newOpen) handlePopoverOpen();\n          }}\n        >\n          <PopoverTrigger asChild className=\"border-input\">\n            <Button\n              variant=\"outline\"\n              role=\"combobox\"\n              size=\"lg\"\n              aria-expanded={open}\n              className={cn(\n                'w-full justify-between font-normal text-sm bg-transparent relative p-3',\n                'border border-border',\n                open && 'border-2 outline-hidden ring-1 ring-ring',\n                'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\n              )}\n              disabled={disabled}\n            >\n              <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n                {value\n                  ? getSelectRenderLabel({ value, flattenOptions, selectedOption })\n                  : <span className=\"text-gray-400\">{placeholder}</span>\n                }\n              </span>\n              {value ? (\n                <div\n                  className={cn(\n                    'absolute top-0 right-1',\n                    'flex items-center justify-center',\n                    'w-9 aspect-square [&_svg]:size-5',\n                    'opacity-50 cursor-pointer hover:opacity-100'\n                  )}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    handleClearSelection();\n                  }}\n                >\n                  <X />\n                </div>\n              ) : (\n                <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\n              )}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\n            align=\"start\"\n          >\n            <Command shouldFilter={false}>\n              <CommandInput\n                placeholder={searchLabel}\n                value={searchTerm}\n                onValueChange={handleSearchChange}\n              />\n              {typeof commandInputAction === 'function'\n                ? commandInputAction(comboboxCallbackStateParams)\n                : commandInputAction}\n              <CommandList>\n                <CommandGroup\n                  className={cn(!options.length && 'p-0 shadow-none')}\n                >\n                  {loading && <LoadingMask fullWidth />}\n                  {!loading && Boolean(searchTerm) && (\n                    <>\n                      {emptyAction ? (\n                        <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n                          <span>{emptyLabel}</span>\n                          {typeof emptyAction === 'function'\n                            ? emptyAction(comboboxCallbackStateParams)\n                            : emptyAction}\n                        </CommandEmpty>\n                      ) : (\n                        <CommandEmpty>{emptyLabel}</CommandEmpty>\n                      )}\n                    </>\n                  )}\n                  {!loading && (\n                    <>\n                      {Boolean(options.length) && listHeadAction && (\n                        <CommandItem\n                          key='combobox-list-head-action'\n                          asChild\n                          className='w-full'\n                        >\n                          {typeof listHeadAction === 'function'\n                            ? listHeadAction(comboboxCallbackStateParams)\n                            : listHeadAction}\n                        </CommandItem>\n                      )}\n                      <ComboboxOptions\n                        value={value}\n                        options={options}\n                        onChangeOption={onChangeOption}\n                        setOpen={setOpen}\n                      />\n                    </>\n                  )}\n                </CommandGroup>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n  }\n);\n"],"names":["getSelectRenderLabel","params","value","flattenOptions","selectedOption","label","o","Combobox","forwardRef","props","ref","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","onMount","isMounted","useRef","open","setOpen","useState","searchTerm","setSearchTerm","setSelectedOption","loading","setLoading","options","setOptionsDispatch","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","current","useEffect","handlePopoverOpen","getData","search","fetchedOptions","error","debouncedGetData","useDebounceCallback","handleSearchChange","onChangeOption","option","handleClearSelection","isSearchedEmptyList","useMemo","isEmptyList","comboboxCallbackStateParams","runOnMount","useLayoutEffect","jsx","jsxs","Popover","newOpen","PopoverTrigger","Button","cn","X","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","LoadingMask","CommandEmpty","Fragment","CommandItem","ComboboxOptions"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n  Dispatch,\n  forwardRef, SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronsUpDown, X } from 'lucide-react';\nimport {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions'; // TODO: refactor next component | nlt code\n\n\nconst getSelectRenderLabel = (params: {\n  value: ComboboxProps['value'];\n  flattenOptions: ComboboxOption[];\n  selectedOption?: ComboboxOption;\n}): string => {\n  const { value, flattenOptions = [], selectedOption } = params;\n  if(!value) return 'No value for render label';\n  const flattenedOption = flattenOptions.find(o => String(o.value).toLowerCase() === String(value).toLowerCase());\n  const label = [flattenedOption, selectedOption]\n    .filter(Boolean)\n    .map(o => o!.label)\n    .find(Boolean);\n  if(!label) return value;\n  return label;\n}\n\n// TODO: refactor next component | nlt code\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  (props, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder,\n      disabled,\n      searchLabel = 'Type to search...',\n      fetchOptions,\n      options: itemOptions,\n      emptyLabel = 'No options',\n      emptyAction,\n      commandInputAction,\n      listHeadAction,\n      onMount,\n    } = props;\n    const [initialLoading, setInitialLoading] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\n    const [loading, setLoading] = useState(false);\n\n    const [options, setOptionsDispatch] = useState<ComboboxOption[]>([]);\n    const [flattenOptions, setFlattenOptions] = useState<ComboboxOption[]>([]);\n    const setOptions: Dispatch<SetStateAction<ComboboxOption[]>> = useCallback((stater) => {\n      const flatten = (next: ComboboxOption[]) => {\n        const res: ComboboxOption[] = [];\n        const walk = (nodes?: ComboboxOption[]) => {\n          if (!nodes) return;\n          for (const node of nodes) {\n            res.push(node);\n            if (node.items && node.items.length) walk(node.items);\n          }\n        };\n        walk(next);\n        setFlattenOptions((prev) => {\n          const isIncludedInRes = res.find(o => !!value && String(o.value) === String(value));\n\n          if(!isIncludedInRes) {\n            const current =  selectedOption || prev.find(o => !!value && String(o.value) === String(value))\n            if(current) return [current, ...res];\n          }\n\n          return res;\n        });\n      }\n      setOptionsDispatch((prev) => {\n        const next: ComboboxOption[] = typeof stater === 'function' ? stater(prev) : stater;\n        flatten(next);\n        return next;\n      });\n    }, [selectedOption, value])\n\n    useEffect(() => {\n      itemOptions?.length && setOptions(itemOptions);\n    }, [itemOptions]);\n\n    const handlePopoverOpen = async () => {\n      if (!open) {\n        void getData();\n        setSearchTerm('');\n      }\n    };\n\n    const getData = useCallback(async (search?: string) => {\n      setLoading(true);\n      try {\n        const fetchedOptions = await fetchOptions(search);\n        setOptions(fetchedOptions);\n      } catch (error) {\n        console.error('Unexpected error while get option:', error);\n      } finally {\n        setLoading(false);\n      }\n    }, [setOptions]);\n\n    const debouncedGetData = useDebounceCallback(getData, 1000, {\n      leading: false,\n      trailing: true,\n    });\n\n    const handleSearchChange = useCallback((value: string) => {\n      setLoading(true);\n      setSearchTerm(value);\n      debouncedGetData(value);\n    }, []);\n\n    const onChangeOption = useCallback((option: ComboboxOption) => {\n      onChange(option.value);\n      setSelectedOption(option);\n      setLoading(false);\n    }, []);\n\n    const handleClearSelection = useCallback(() => {\n      onChangeOption({ value: '', label: '' });\n      setSelectedOption(undefined);\n      setLoading(false);\n    }, []);\n\n    const isSearchedEmptyList = useMemo(() => {\n      return Boolean(searchTerm) && !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const isEmptyList = useMemo(() => {\n      return !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const comboboxCallbackStateParams =\n      useMemo((): ComboboxCallbackStateParams => {\n        return {\n          options,\n          setOptions,\n          selectedOption,\n          setSelectedOption,\n          search: searchTerm || '',\n          setSearch: setSearchTerm,\n          open,\n          setOpen,\n          loading,\n          setLoading,\n          isEmptyList,\n          isSearchedEmptyList,\n        };\n      }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList, setOptions]);\n\n    const runOnMount = useCallback(async () => {\n      if (!onMount) return;\n      setInitialLoading(true);\n      try {\n        await onMount(comboboxCallbackStateParams);\n      } finally {\n        setInitialLoading(false);\n      }\n    }, [onMount, comboboxCallbackStateParams]);\n\n    useLayoutEffect(() => {\n      runOnMount();\n    }, []);\n\n    return (\n      <div className=\"w-full\" ref={ref}>\n        <Popover\n          open={open}\n          onOpenChange={(newOpen) => {\n            setOpen(newOpen);\n            if (newOpen) handlePopoverOpen();\n          }}\n        >\n          <PopoverTrigger asChild className=\"border-input\">\n            <Button\n              variant=\"outline\"\n              role=\"combobox\"\n              size=\"lg\"\n              aria-expanded={open}\n              className={cn(\n                'relative w-full justify-between font-normal text-sm bg-transparent relative p-3',\n                'border border-border',\n                open && 'border-2 outline-hidden ring-1 ring-ring',\n                'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\n              )}\n              disabled={disabled || initialLoading}\n            >\n              {initialLoading ? (\n                  <LoadingMask fullWidth />\n              ) : (\n                <>\n                  <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n                    {value\n                      ? getSelectRenderLabel({ value, flattenOptions, selectedOption })\n                      : <span className=\"text-gray-400\">{placeholder}</span>\n                    }\n                  </span>\n                  {value ? (\n                    <div\n                      className={cn(\n                        'absolute top-0 right-1',\n                        'flex items-center justify-center',\n                        'w-9 aspect-square [&_svg]:size-5',\n                        'opacity-50 cursor-pointer hover:opacity-100'\n                      )}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        handleClearSelection();\n                      }}\n                    >\n                      <X />\n                    </div>\n                  ) : (\n                    <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\n                  )}\n                </>\n              )}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\n            align=\"start\"\n          >\n            <Command shouldFilter={false}>\n              <CommandInput\n                placeholder={searchLabel}\n                value={searchTerm}\n                onValueChange={handleSearchChange}\n              />\n              {typeof commandInputAction === 'function'\n                ? commandInputAction(comboboxCallbackStateParams)\n                : commandInputAction}\n              <CommandList>\n                <CommandGroup\n                  className={cn(!options.length && 'p-0 shadow-none')}\n                >\n                  {loading && <LoadingMask fullWidth />}\n                  {!loading && Boolean(searchTerm) && (\n                    <>\n                      {emptyAction ? (\n                        <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n                          <span>{emptyLabel}</span>\n                          {typeof emptyAction === 'function'\n                            ? emptyAction(comboboxCallbackStateParams)\n                            : emptyAction}\n                        </CommandEmpty>\n                      ) : (\n                        <CommandEmpty>{emptyLabel}</CommandEmpty>\n                      )}\n                    </>\n                  )}\n                  {!loading && (\n                    <>\n                      {Boolean(options.length) && listHeadAction && (\n                        <CommandItem\n                          key='combobox-list-head-action'\n                          asChild\n                          className='w-full'\n                        >\n                          {typeof listHeadAction === 'function'\n                            ? listHeadAction(comboboxCallbackStateParams)\n                            : listHeadAction}\n                        </CommandItem>\n                      )}\n                      <ComboboxOptions\n                        value={value}\n                        options={options}\n                        onChangeOption={onChangeOption}\n                        setOpen={setOpen}\n                      />\n                    </>\n                  )}\n                </CommandGroup>\n              </CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n  }\n);\n"],"names":["getSelectRenderLabel","params","value","flattenOptions","selectedOption","label","o","Combobox","forwardRef","props","ref","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","onMount","initialLoading","setInitialLoading","useState","open","setOpen","searchTerm","setSearchTerm","setSelectedOption","loading","setLoading","options","setOptionsDispatch","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","current","useEffect","handlePopoverOpen","getData","search","fetchedOptions","error","debouncedGetData","useDebounceCallback","handleSearchChange","onChangeOption","option","handleClearSelection","isSearchedEmptyList","useMemo","isEmptyList","comboboxCallbackStateParams","runOnMount","useLayoutEffect","jsx","jsxs","Popover","newOpen","PopoverTrigger","Button","cn","LoadingMask","Fragment","e","X","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","CommandEmpty","CommandItem","ComboboxOptions"],"mappings":"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"}

package/Search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CA4CxC,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAgDxC,CAAC"}

package/Search/Search.js

@@ -1,46 +1,48 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as g } from "react";
-import { Input as v } from "../Input/Input.js";
-import { useDebounceCallback as C } from "@oneplatformdev/hooks";
-import { cn as b } from "@oneplatformdev/utils";
-import { SearchIcon as x } from "lucide-react";
-import { LoadedIcon as I } from "../LoadedIcon/LoadedIcon.js";
-const D = (a) => {
+import { jsx as t } from "react/jsx-runtime";
+import { useState as g, useEffect as v } from "react";
+import { Input as C } from "../Input/Input.js";
+import { useDebounceCallback as b } from "@oneplatformdev/hooks";
+import { cn as x } from "@oneplatformdev/utils";
+import { SearchIcon as I } from "lucide-react";
+import { LoadedIcon as N } from "../LoadedIcon/LoadedIcon.js";
+const E = (n) => {
   const {
-    search: t,
-    onChange: n,
-    onSearch: s,
-    placeholder: c = "Search",
-    className: m,
-    loading: i = !1,
-    slotProps: e,
-    name: l = "search",
-    ...h
-  } = a, [p, u] = g(t), d = C(s, 1e3), f = (o) => {
-    const S = o.target.value;
-    u(S), n?.(o), d(o.target.value);
+    search: e,
+    onChange: s,
+    onSearch: c,
+    placeholder: m = "Search",
+    className: i,
+    loading: l = !1,
+    slotProps: o,
+    name: h = "search",
+    ...p
+  } = n, [u, a] = g(e), f = b(c, 1e3), d = (r) => {
+    const S = r.target.value;
+    a(S), s?.(r), f(r.target.value);
   };
-  return /* @__PURE__ */ r(
-    v,
+  return v(() => {
+    a(e ?? "");
+  }, [e]), /* @__PURE__ */ t(
+    C,
     {
-      name: l,
-      placeholder: c,
-      value: p,
-      className: b("min-w-[340px]", m),
-      onChange: f,
-      ...h,
-      ...e || {},
+      name: h,
+      placeholder: m,
+      value: u,
+      className: x("min-w-[340px]", i),
+      onChange: d,
+      ...p,
+      ...o || {},
       slotProps: {
-        ...e || {},
+        ...o || {},
         input: {
-          startAdornment: /* @__PURE__ */ r(I, { loading: i, size: "sm", children: /* @__PURE__ */ r(x, {}) }),
-          ...e?.input || {}
+          startAdornment: /* @__PURE__ */ t(N, { loading: l, size: "sm", children: /* @__PURE__ */ t(I, {}) }),
+          ...o?.input || {}
         }
       }
     }
   );
 };
 export {
-  D as Search
+  E as Search
 };
 //# sourceMappingURL=Search.js.map

package/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sources":["../../src/Search/Search.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, useState } from 'react';\n\nimport { Input } from '../Input';\nimport { SearchProps } from './Search.types';\n\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { cn } from '@oneplatformdev/utils';\nimport { SearchIcon } from 'lucide-react';\nimport { LoadedIcon } from '../LoadedIcon';\n\nexport const Search = (props: SearchProps) => {\n  const {\n    search: initialSearch,\n    onChange: handleChange,\n    onSearch,\n    placeholder = 'Search',\n    className,\n    loading = false,\n    slotProps,\n    name = 'search',\n    ...rest\n  } = props;\n  const [search, setSearch] = useState(initialSearch);\n  const debounced = useDebounceCallback(onSearch, 1000);\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const v = e.target.value;\n    setSearch(v);\n    handleChange?.(e);\n    debounced(e.target.value);\n  };\n\n  return (\n    <Input\n      name={name}\n      placeholder={placeholder}\n      value={search}\n      className={cn('min-w-[340px]', className)}\n      onChange={onChange}\n      {...rest}\n      {...(slotProps || {})}\n      slotProps={{\n        ...(slotProps || {}),\n        input: {\n          startAdornment: (\n            <LoadedIcon loading={loading} size=\"sm\">\n              <SearchIcon />\n            </LoadedIcon>\n          ),\n          ...(slotProps?.input || {}),\n        },\n      }}\n    />\n  );\n};\n"],"names":["Search","props","initialSearch","handleChange","onSearch","placeholder","className","loading","slotProps","name","rest","search","setSearch","useState","debounced","useDebounceCallback","onChange","e","v","jsx","Input","cn","LoadedIcon","SearchIcon"],"mappings":";;;;;;;AAYO,MAAMA,IAAS,CAACC,MAAuB;AAC5C,QAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,IACDT,GACE,CAACU,GAAQC,CAAS,IAAIC,EAASX,CAAa,GAC5CY,IAAYC,EAAoBX,GAAU,GAAI,GAE9CY,IAAW,CAACC,MAAqC;AACrD,UAAMC,IAAID,EAAE,OAAO;AACnB,IAAAL,EAAUM,CAAC,GACXf,IAAec,CAAC,GAChBH,EAAUG,EAAE,OAAO,KAAK;AAAA,EAC1B;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAX;AAAA,MACA,aAAAJ;AAAA,MACA,OAAOM;AAAA,MACP,WAAWU,EAAG,iBAAiBf,CAAS;AAAA,MACxC,UAAAU;AAAA,MACC,GAAGN;AAAA,MACH,GAAIF,KAAa,CAAA;AAAA,MAClB,WAAW;AAAA,QACT,GAAIA,KAAa,CAAA;AAAA,QACjB,OAAO;AAAA,UACL,kCACGc,GAAA,EAAW,SAAAf,GAAkB,MAAK,MACjC,UAAA,gBAAAY,EAACI,KAAW,EAAA,CACd;AAAA,UAEF,GAAIf,GAAW,SAAS,CAAA;AAAA,QAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Search.js","sources":["../../src/Search/Search.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, useEffect, useState } from 'react';\n\nimport { Input } from '../Input';\nimport { SearchProps } from './Search.types';\n\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { cn } from '@oneplatformdev/utils';\nimport { SearchIcon } from 'lucide-react';\nimport { LoadedIcon } from '../LoadedIcon';\n\nexport const Search = (props: SearchProps) => {\n  const {\n    search: initialSearch,\n    onChange: handleChange,\n    onSearch,\n    placeholder = 'Search',\n    className,\n    loading = false,\n    slotProps,\n    name = 'search',\n    ...rest\n  } = props;\n  const [search, setSearch] = useState(initialSearch);\n  const debounced = useDebounceCallback(onSearch, 1000);\n\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const v = e.target.value;\n    setSearch(v);\n    handleChange?.(e);\n    debounced(e.target.value);\n  };\n\n  useEffect(() => {\n    setSearch(initialSearch ?? '');\n  }, [initialSearch]);\n\n  return (\n    <Input\n      name={name}\n      placeholder={placeholder}\n      value={search}\n      className={cn('min-w-[340px]', className)}\n      onChange={onChange}\n      {...rest}\n      {...(slotProps || {})}\n      slotProps={{\n        ...(slotProps || {}),\n        input: {\n          startAdornment: (\n            <LoadedIcon loading={loading} size=\"sm\">\n              <SearchIcon />\n            </LoadedIcon>\n          ),\n          ...(slotProps?.input || {}),\n        },\n      }}\n    />\n  );\n};\n"],"names":["Search","props","initialSearch","handleChange","onSearch","placeholder","className","loading","slotProps","name","rest","search","setSearch","useState","debounced","useDebounceCallback","onChange","e","v","useEffect","jsx","Input","cn","LoadedIcon","SearchIcon"],"mappings":";;;;;;;AAYO,MAAMA,IAAS,CAACC,MAAuB;AAC5C,QAAM;AAAA,IACJ,QAAQC;AAAA,IACR,UAAUC;AAAA,IACV,UAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,WAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,WAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EAAA,IACDT,GACE,CAACU,GAAQC,CAAS,IAAIC,EAASX,CAAa,GAC5CY,IAAYC,EAAoBX,GAAU,GAAI,GAE9CY,IAAW,CAACC,MAAqC;AACrD,UAAMC,IAAID,EAAE,OAAO;AACnB,IAAAL,EAAUM,CAAC,GACXf,IAAec,CAAC,GAChBH,EAAUG,EAAE,OAAO,KAAK;AAAA,EAC1B;AAEA,SAAAE,EAAU,MAAM;AACd,IAAAP,EAAUV,KAAiB,EAAE;AAAA,EAC/B,GAAG,CAACA,CAAa,CAAC,GAGhB,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAZ;AAAA,MACA,aAAAJ;AAAA,MACA,OAAOM;AAAA,MACP,WAAWW,EAAG,iBAAiBhB,CAAS;AAAA,MACxC,UAAAU;AAAA,MACC,GAAGN;AAAA,MACH,GAAIF,KAAa,CAAA;AAAA,MAClB,WAAW;AAAA,QACT,GAAIA,KAAa,CAAA;AAAA,QACjB,OAAO;AAAA,UACL,kCACGe,GAAA,EAAW,SAAAhB,GAAkB,MAAK,MACjC,UAAA,gBAAAa,EAACI,KAAW,EAAA,CACd;AAAA,UAEF,GAAIhB,GAAW,SAAS,CAAA;AAAA,QAAC;AAAA,MAC3B;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.10-103",
+  "version": "0.1.10-109",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -105,8 +105,8 @@
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/tokens": "^0.0.1-125",
-    "@oneplatformdev/utils": "^0.1.1-152",
-    "@oneplatformdev/hooks": "^0.1.0-138"
+    "@oneplatformdev/utils": "^0.1.1-158",
+    "@oneplatformdev/tokens": "^0.0.1-131",
+    "@oneplatformdev/hooks": "^0.1.0-144"
   }
 }