@oneplatformdev/ui 0.1.99-beta.8 → 0.1.99-beta.81

package/Search/Search.stories.js

@@ -0,0 +1,17 @@
+import { Search as t } from "./Search.js";
+const a = {
+  title: "Input/Search",
+  component: t
+}, o = {
+  args: {
+    slotProps: {},
+    search: "search",
+    onSearch: () => {
+    }
+  }
+};
+export {
+  o as Default,
+  a as default
+};
+//# sourceMappingURL=Search.stories.js.map

package/Search/Search.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.stories.js","sources":["../../src/Search/Search.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Search } from './Search';\n\nconst meta = {\n  title: 'Input/Search',\n  component: Search,\n} satisfies Meta<typeof Search>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {\n    slotProps: {},\n    search: \"search\",\n    onSearch: () => {}\n  }\n};\n"],"names":["meta","Search","Default"],"mappings":";AAIA,MAAMA,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWC;AACb,GAMaC,IAAiB;AAAA,EAC5B,MAAM;AAAA,IACJ,WAAW,CAAA;AAAA,IACX,QAAQ;AAAA,IACR,UAAU,MAAM;AAAA,IAAC;AAAA,EAAA;AAErB;"}

package/TablePagination/TablePagination.js

@@ -1,30 +1,31 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { Button as o } from "../Button/Button.js";
 import "../Button/buttonVariants.js";
+import "react";
 import "@radix-ui/react-select";
 import "lucide-react";
 import "@oneplatformdev/utils";
 import { Select as P } from "../Select/Select.js";
-const L = ({
+const M = ({
   offset: l,
   limit: a,
-  totalRows: s,
+  totalRows: t,
   setLimit: p,
-  setOffset: t,
+  setOffset: s,
   tRowsPerPage: m = "Rows per page",
   tPrevious: d = "Previous",
   tPage: u = "Page",
   tNext: x = "Next",
   tOf: v = "Of"
 }) => {
-  const r = Math.ceil(l / a) + 1, c = Math.ceil(s / a), h = r === c, b = (e) => {
-    t(0), p(parseInt(e));
+  const r = Math.ceil(l / a) + 1, c = Math.ceil(t / a), h = r === c, b = (e) => {
+    s(0), p(parseInt(e));
   }, g = () => {
     let e = l - a;
-    e < 0 && (e = 0), t(e);
+    e < 0 && (e = 0), s(e);
   }, N = () => {
     let e = l + a;
-    e > s && (e = s - a), t(e);
+    e > t && (e = t - a), s(e);
   };
   return /* @__PURE__ */ i("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center space-x-2", children: [
@@ -72,6 +73,6 @@ const L = ({
   ] });
 };
 export {
-  L as TablePagination
+  M as TablePagination
 };
 //# sourceMappingURL=TablePagination.js.map

package/TablePagination/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","sources":["../../src/TablePagination/TablePagination.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '../Button';\nimport { Select } from '../Select';\nimport { FC } from 'react';\n\ninterface IProps {\n  limit: number;\n  offset: number;\n  totalRows: number;\n  setLimit: (limit: number) => void;\n  setOffset: (offset: number) => void;\n  tRowsPerPage?: string;\n  tPrevious?: string;\n  tPage?:string;\n  tNext?:string;\n  tOf?:string\n}\n\nexport const TablePagination: FC<IProps> = ({\n  offset,\n  limit,\n  totalRows,\n  setLimit,\n  setOffset,\n  tRowsPerPage= \"Rows per page\",\n  tPrevious= \"Previous\",\n  tPage= \"Page\",\n  tNext= \"Next\",\n  tOf= \"Of\",\n}) => {\n  const currentPage = Math.ceil(offset / limit) + 1;\n  const totalPages = Math.ceil(totalRows / limit);\n  const isLastPage = currentPage === totalPages;\n\n  const onChangeLimit = (value: string) => {\n    setOffset(0);\n    setLimit(parseInt(value));\n  };\n\n  const onPrevious = () => {\n    let nextOffset = offset - limit;\n    if (nextOffset < 0) {\n      nextOffset = 0;\n    }\n    setOffset(nextOffset);\n  };\n\n  const onNext = () => {\n    let nextOffset = offset + limit;\n    if (nextOffset > totalRows) {\n      nextOffset = totalRows - limit;\n    }\n    setOffset(nextOffset);\n  };\n\n  return (\n    <div className=\"flex items-center justify-end space-x-2 py-4\">\n      <div className=\"flex items-center space-x-2\">\n        <span className=\"text-sm text-nowrap\">{tRowsPerPage}</span>\n        <Select\n          value={limit?.toString()}\n          options={[\n            { value: '5', label: '5' },\n            { value: '10', label: '10' },\n            { value: '20', label: '20' },\n            { value: '30', label: '30' },\n            { value: '50', label: '50' },\n          ]}\n          onChange={onChangeLimit}\n          placeholder=\"6\"\n          nullable={false}\n        />\n      </div>\n      <div className=\"space-x-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!offset}\n          onClick={onPrevious}\n        >\n          {tPrevious}\n        </Button>\n        <span className=\"text-sm\">{`${tPage} ${currentPage} ${tOf} ${totalPages}`}</span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={isLastPage}\n          onClick={onNext}\n        >\n          {tNext}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TablePagination","offset","limit","totalRows","setLimit","setOffset","tRowsPerPage","tPrevious","tPage","tNext","tOf","currentPage","totalPages","isLastPage","onChangeLimit","value","onPrevious","nextOffset","onNext","jsxs","jsx","Select","Button"],"mappings":";;;;;;;AAmBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAc;AAAA,EACd,WAAAC,IAAW;AAAA,EACX,OAAAC,IAAO;AAAA,EACP,OAAAC,IAAO;AAAA,EACP,KAAAC,IAAK;AACP,MAAM;AACJ,QAAMC,IAAc,KAAK,KAAKV,IAASC,CAAK,IAAI,GAC1CU,IAAa,KAAK,KAAKT,IAAYD,CAAK,GACxCW,IAAaF,MAAgBC,GAE7BE,IAAgB,CAACC,MAAkB;AACvC,IAAAV,EAAU,CAAC,GACXD,EAAS,SAASW,CAAK,CAAC;AAAA,EAC1B,GAEMC,IAAa,MAAM;AACvB,QAAIC,IAAahB,IAASC;AAC1B,IAAIe,IAAa,MACfA,IAAa,IAEfZ,EAAUY,CAAU;AAAA,EACtB,GAEMC,IAAS,MAAM;AACnB,QAAID,IAAahB,IAASC;AAC1B,IAAIe,IAAad,MACfc,IAAad,IAAYD,IAE3BG,EAAUY,CAAU;AAAA,EACtB;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,uBAAuB,UAAAd,GAAa;AAAA,MACpD,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAOnB,GAAO,SAAA;AAAA,UACd,SAAS;AAAA,YACP,EAAE,OAAO,KAAK,OAAO,IAAA;AAAA,YACrB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UAAK;AAAA,UAE7B,UAAUY;AAAA,UACV,aAAY;AAAA,UACZ,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,CAACrB;AAAA,UACX,SAASe;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAa,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA,GAAGZ,CAAK,IAAIG,CAAW,IAAID,CAAG,IAAIE,CAAU,IAAG;AAAA,MAC1E,gBAAAQ;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAUT;AAAA,UACV,SAASK;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"TablePagination.js","sources":["../../src/TablePagination/TablePagination.tsx"],"sourcesContent":["'use client';\n\nimport { Button } from '../Button';\nimport { Select } from '../Select';\nimport { FC } from 'react';\n\ninterface IProps {\n  limit: number;\n  offset: number;\n  totalRows: number;\n  setLimit: (limit: number) => void;\n  setOffset: (offset: number) => void;\n  tRowsPerPage?: string;\n  tPrevious?: string;\n  tPage?:string;\n  tNext?:string;\n  tOf?:string\n}\n\nexport const TablePagination: FC<IProps> = ({\n  offset,\n  limit,\n  totalRows,\n  setLimit,\n  setOffset,\n  tRowsPerPage= \"Rows per page\",\n  tPrevious= \"Previous\",\n  tPage= \"Page\",\n  tNext= \"Next\",\n  tOf= \"Of\",\n}) => {\n  const currentPage = Math.ceil(offset / limit) + 1;\n  const totalPages = Math.ceil(totalRows / limit);\n  const isLastPage = currentPage === totalPages;\n\n  const onChangeLimit = (value: string) => {\n    setOffset(0);\n    setLimit(parseInt(value));\n  };\n\n  const onPrevious = () => {\n    let nextOffset = offset - limit;\n    if (nextOffset < 0) {\n      nextOffset = 0;\n    }\n    setOffset(nextOffset);\n  };\n\n  const onNext = () => {\n    let nextOffset = offset + limit;\n    if (nextOffset > totalRows) {\n      nextOffset = totalRows - limit;\n    }\n    setOffset(nextOffset);\n  };\n\n  return (\n    <div className=\"flex items-center justify-end space-x-2 py-4\">\n      <div className=\"flex items-center space-x-2\">\n        <span className=\"text-sm text-nowrap\">{tRowsPerPage}</span>\n        <Select\n          value={limit?.toString()}\n          options={[\n            { value: '5', label: '5' },\n            { value: '10', label: '10' },\n            { value: '20', label: '20' },\n            { value: '30', label: '30' },\n            { value: '50', label: '50' },\n          ]}\n          onChange={onChangeLimit}\n          placeholder=\"6\"\n          nullable={false}\n        />\n      </div>\n      <div className=\"space-x-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={!offset}\n          onClick={onPrevious}\n        >\n          {tPrevious}\n        </Button>\n        <span className=\"text-sm\">{`${tPage} ${currentPage} ${tOf} ${totalPages}`}</span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          disabled={isLastPage}\n          onClick={onNext}\n        >\n          {tNext}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["TablePagination","offset","limit","totalRows","setLimit","setOffset","tRowsPerPage","tPrevious","tPage","tNext","tOf","currentPage","totalPages","isLastPage","onChangeLimit","value","onPrevious","nextOffset","onNext","jsxs","jsx","Select","Button"],"mappings":";;;;;;;;AAmBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC,IAAc;AAAA,EACd,WAAAC,IAAW;AAAA,EACX,OAAAC,IAAO;AAAA,EACP,OAAAC,IAAO;AAAA,EACP,KAAAC,IAAK;AACP,MAAM;AACJ,QAAMC,IAAc,KAAK,KAAKV,IAASC,CAAK,IAAI,GAC1CU,IAAa,KAAK,KAAKT,IAAYD,CAAK,GACxCW,IAAaF,MAAgBC,GAE7BE,IAAgB,CAACC,MAAkB;AACvC,IAAAV,EAAU,CAAC,GACXD,EAAS,SAASW,CAAK,CAAC;AAAA,EAC1B,GAEMC,IAAa,MAAM;AACvB,QAAIC,IAAahB,IAASC;AAC1B,IAAIe,IAAa,MACfA,IAAa,IAEfZ,EAAUY,CAAU;AAAA,EACtB,GAEMC,IAAS,MAAM;AACnB,QAAID,IAAahB,IAASC;AAC1B,IAAIe,IAAad,MACfc,IAAad,IAAYD,IAE3BG,EAAUY,CAAU;AAAA,EACtB;AAEA,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAU,gDACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,uBAAuB,UAAAd,GAAa;AAAA,MACpD,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAOnB,GAAO,SAAA;AAAA,UACd,SAAS;AAAA,YACP,EAAE,OAAO,KAAK,OAAO,IAAA;AAAA,YACrB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,YACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UAAK;AAAA,UAE7B,UAAUY;AAAA,UACV,aAAY;AAAA,UACZ,UAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GACF;AAAA,IACA,gBAAAK,EAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU,CAACrB;AAAA,UACX,SAASe;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAa,EAAC,QAAA,EAAK,WAAU,WAAW,UAAA,GAAGZ,CAAK,IAAIG,CAAW,IAAID,CAAG,IAAIE,CAAU,IAAG;AAAA,MAC1E,gBAAAQ;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAUT;AAAA,UACV,SAASK;AAAA,UAER,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,QAAA,MAAM,QAAQ,wGAmEb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,QAAA,MAAM,QAAQ,wGA2Eb,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/Textarea/Textarea.js

@@ -1,73 +1,78 @@
-import { jsxs as l, Fragment as p, jsx as b } from "react/jsx-runtime";
-import * as h from "react";
-import { useId as A, useRef as v, useState as w, useImperativeHandle as z, useEffect as F } from "react";
-import { cn as d } from "@oneplatformdev/utils";
-import { useAutosizeTextArea as N } from "./useAutosizeTextArea.js";
-const y = h.forwardRef(
-  (u, m) => {
+import { jsxs as d, Fragment as v, jsx as A } from "react/jsx-runtime";
+import * as w from "react";
+import { useId as y, useRef as z, useState as F, useImperativeHandle as N, useEffect as T } from "react";
+import { cn as f } from "@oneplatformdev/utils";
+import { useAutosizeTextArea as C } from "./useAutosizeTextArea.js";
+const R = w.forwardRef(
+  (m, c) => {
     const {
-      className: c,
-      value: t = "",
-      maxHeight: o = Number.MAX_SAFE_INTEGER,
+      className: g,
+      value: r = "",
+      maxHeight: a = Number.MAX_SAFE_INTEGER,
       minHeight: i = 40,
-      resizeble: f = !0,
+      resizeble: x = !1,
       counter: s = !1,
       id: n = "",
-      ...r
-    } = u, a = A(), e = v(null), [x, g] = w("");
-    return N({
-      textAreaRef: e,
-      triggerAutoSize: x,
-      maxHeight: o,
+      onChange: p,
+      onTransform: l,
+      ...o
+    } = m, u = y(), t = z(null), [b, h] = F("");
+    return C({
+      textAreaRef: t,
+      triggerAutoSize: b,
+      maxHeight: a,
       minHeight: i
-    }), z(m, () => ({
-      ...e.current ?? {},
-      textArea: e.current,
-      focus: () => e?.current?.focus(),
-      maxHeight: o,
+    }), N(c, () => ({
+      ...t.current ?? {},
+      textArea: t.current,
+      focus: () => t?.current?.focus(),
+      maxHeight: a,
       minHeight: i
-    })), F(() => {
-      g(t);
-    }, [r?.defaultValue, t]), /* @__PURE__ */ l(p, { children: [
-      /* @__PURE__ */ b(
+    })), T(() => {
+      h(r);
+    }, [o?.defaultValue, r]), /* @__PURE__ */ d(v, { children: [
+      /* @__PURE__ */ A(
         "textarea",
         {
-          id: n || a,
-          ...r,
-          ref: e,
-          value: t,
-          className: d(
+          id: n || u,
+          ...o,
+          ref: t,
+          value: r,
+          onChange: (e) => {
+            typeof l?.(e.target.value, e) == "string" && (e.target.value = l(e.target.value, e)), p?.(e);
+          },
+          className: f(
             "flex min-h-10 w-full px-3 py-2 text-base relative md:text-sm",
             "rounded-lg border border-input bg-[#FCFCFC] shadow-none",
             "placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
             "focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring",
-            f ? "resize" : "resize-none overflow-hidden!",
-            s && "pb-2",
-            c
+            x ? "resize" : "resize-none overflow-hidden!",
+            s && "pb-1",
+            g
           )
         }
       ),
-      s && /* @__PURE__ */ l(
+      s && /* @__PURE__ */ d(
         "label",
         {
-          htmlFor: n || a,
-          className: d(
+          htmlFor: n || u,
+          className: f(
             "w-full text-right inline-flex items-center justify-end",
-            "text-sm font-normal text-muted-foreground",
-            "leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+            "text-xs font-medium leading-[1.2] text-muted-foreground",
+            "peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
           ),
           children: [
-            String(t || "").length,
+            String(r || "").length,
             " / ",
-            r?.maxLength
+            o?.maxLength
           ]
         }
       )
     ] });
   }
 );
-y.displayName = "Textarea";
+R.displayName = "Textarea";
 export {
-  y as Textarea
+  R as Textarea
 };
 //# sourceMappingURL=Textarea.js.map

package/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../src/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEffect, useId, useImperativeHandle, useRef, useState } from 'react';\nimport { cn } from '@oneplatformdev/utils';\n\nimport { TextareaProps } from './Textarea.types';\nimport { useAutosizeTextArea } from './useAutosizeTextArea';\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (textareaProps, ref) => {\n    const {\n      className,\n      value = '',\n      maxHeight = Number.MAX_SAFE_INTEGER,\n      minHeight = 40,\n      resizeble = true,\n      counter = false,\n      id: customId = '',\n      ...props\n    } = textareaProps;\n    const id = useId();\n    const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n    const [triggerAutoSize, setTriggerAutoSize] = useState('');\n\n    useAutosizeTextArea({\n      textAreaRef,\n      triggerAutoSize: triggerAutoSize,\n      maxHeight,\n      minHeight,\n    });\n\n    useImperativeHandle(ref, () => ({\n      ...((textAreaRef.current ?? {}) as HTMLTextAreaElement),\n      textArea: textAreaRef.current as HTMLTextAreaElement,\n      focus: () => textAreaRef?.current?.focus(),\n      maxHeight,\n      minHeight,\n    }));\n\n    useEffect(() => {\n      setTriggerAutoSize(value as string);\n    }, [props?.defaultValue, value]);\n\n    return (\n      <>\n        <textarea\n          id={customId || id}\n          {...props}\n          ref={textAreaRef}\n          value={value}\n          className={cn(\n            'flex min-h-10 w-full px-3 py-2 text-base relative md:text-sm',\n            'rounded-lg border border-input bg-[#FCFCFC] shadow-none',\n            'placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n            'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring',\n            resizeble ? 'resize' : 'resize-none overflow-hidden!',\n            counter && 'pb-2',\n            className\n          )}\n        />\n        {counter && (\n          <label\n            htmlFor={customId || id}\n            className={cn(\n              'w-full text-right inline-flex items-center justify-end',\n              'text-sm font-normal text-muted-foreground',\n              'leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70'\n            )}\n          >\n            {String(value || '').length} / {props?.maxLength}\n          </label>\n        )}\n      </>\n    );\n  }\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"names":["Textarea","React","textareaProps","ref","className","value","maxHeight","minHeight","resizeble","counter","customId","props","id","useId","textAreaRef","useRef","triggerAutoSize","setTriggerAutoSize","useState","useAutosizeTextArea","useImperativeHandle","useEffect","jsxs","Fragment","jsx","cn"],"mappings":";;;;;AAOA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAACC,GAAeC,MAAQ;AACtB,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,OAAAC,IAAQ;AAAA,MACR,WAAAC,IAAY,OAAO;AAAA,MACnB,WAAAC,IAAY;AAAA,MACZ,WAAAC,IAAY;AAAA,MACZ,SAAAC,IAAU;AAAA,MACV,IAAIC,IAAW;AAAA,MACf,GAAGC;AAAA,IAAA,IACDT,GACEU,IAAKC,EAAA,GACLC,IAAcC,EAAmC,IAAI,GACrD,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAE;AAEzD,WAAAC,EAAoB;AAAA,MAClB,aAAAL;AAAA,MACA,iBAAAE;AAAA,MACA,WAAAV;AAAA,MACA,WAAAC;AAAA,IAAA,CACD,GAEDa,EAAoBjB,GAAK,OAAO;AAAA,MAC9B,GAAKW,EAAY,WAAW,CAAA;AAAA,MAC5B,UAAUA,EAAY;AAAA,MACtB,OAAO,MAAMA,GAAa,SAAS,MAAA;AAAA,MACnC,WAAAR;AAAA,MACA,WAAAC;AAAA,IAAA,EACA,GAEFc,EAAU,MAAM;AACd,MAAAJ,EAAmBZ,CAAe;AAAA,IACpC,GAAG,CAACM,GAAO,cAAcN,CAAK,CAAC,GAG7B,gBAAAiB,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAId,KAAYE;AAAA,UACf,GAAGD;AAAA,UACJ,KAAKG;AAAA,UACL,OAAAT;AAAA,UACA,WAAWoB;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACAjB,IAAY,WAAW;AAAA,YACvBC,KAAW;AAAA,YACXL;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,MAEDK,KACC,gBAAAa;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASZ,KAAYE;AAAA,UACrB,WAAWa;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGD,UAAA;AAAA,YAAA,OAAOpB,KAAS,EAAE,EAAE;AAAA,YAAO;AAAA,YAAIM,GAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACzC,GAEJ;AAAA,EAEJ;AACF;AACAX,EAAS,cAAc;"}
+{"version":3,"file":"Textarea.js","sources":["../../src/Textarea/Textarea.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEffect, useId, useImperativeHandle, useRef, useState } from 'react';\nimport { cn } from '@oneplatformdev/utils';\n\nimport { TextareaProps } from './Textarea.types';\nimport { useAutosizeTextArea } from './useAutosizeTextArea';\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (textareaProps, ref) => {\n    const {\n      className,\n      value = '',\n      maxHeight = Number.MAX_SAFE_INTEGER,\n      minHeight = 40,\n      resizeble = false,\n      counter = false,\n      id: customId = '',\n      onChange,\n      onTransform,\n      ...props\n    } = textareaProps;\n    const id = useId();\n    const textAreaRef = useRef<HTMLTextAreaElement | null>(null);\n    const [triggerAutoSize, setTriggerAutoSize] = useState('');\n\n    useAutosizeTextArea({\n      textAreaRef,\n      triggerAutoSize: triggerAutoSize,\n      maxHeight,\n      minHeight,\n    });\n\n    useImperativeHandle(ref, () => ({\n      ...((textAreaRef.current ?? {}) as HTMLTextAreaElement),\n      textArea: textAreaRef.current as HTMLTextAreaElement,\n      focus: () => textAreaRef?.current?.focus(),\n      maxHeight,\n      minHeight,\n    }));\n\n    useEffect(() => {\n      setTriggerAutoSize(value as string);\n    }, [props?.defaultValue, value]);\n\n    return (\n      <>\n        <textarea\n          id={customId || id}\n          {...props}\n          ref={textAreaRef}\n          value={value}\n          onChange={(e) => {\n            if (typeof onTransform?.(e.target.value, e) === 'string') {\n              e.target.value = onTransform(e.target.value, e);\n            }\n            onChange?.(e);\n          }}\n          className={cn(\n            'flex min-h-10 w-full px-3 py-2 text-base relative md:text-sm',\n            'rounded-lg border border-input bg-[#FCFCFC] shadow-none',\n            'placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n            'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring',\n            resizeble ? 'resize' : 'resize-none overflow-hidden!',\n            counter && 'pb-1',\n            className\n          )}\n        />\n        {counter && (\n          <label\n            htmlFor={customId || id}\n            className={cn(\n              'w-full text-right inline-flex items-center justify-end',\n              'text-xs font-medium leading-[1.2] text-muted-foreground',\n              'peer-disabled:cursor-not-allowed peer-disabled:opacity-70'\n            )}\n          >\n            {String(value || '').length} / {props?.maxLength}\n          </label>\n        )}\n      </>\n    );\n  }\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"names":["Textarea","React","textareaProps","ref","className","value","maxHeight","minHeight","resizeble","counter","customId","onChange","onTransform","props","id","useId","textAreaRef","useRef","triggerAutoSize","setTriggerAutoSize","useState","useAutosizeTextArea","useImperativeHandle","useEffect","jsxs","Fragment","jsx","cn"],"mappings":";;;;;AAOA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAACC,GAAeC,MAAQ;AACtB,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,OAAAC,IAAQ;AAAA,MACR,WAAAC,IAAY,OAAO;AAAA,MACnB,WAAAC,IAAY;AAAA,MACZ,WAAAC,IAAY;AAAA,MACZ,SAAAC,IAAU;AAAA,MACV,IAAIC,IAAW;AAAA,MACf,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,GAAGC;AAAA,IAAA,IACDX,GACEY,IAAKC,EAAA,GACLC,IAAcC,EAAmC,IAAI,GACrD,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAE;AAEzD,WAAAC,EAAoB;AAAA,MAClB,aAAAL;AAAA,MACA,iBAAAE;AAAA,MACA,WAAAZ;AAAA,MACA,WAAAC;AAAA,IAAA,CACD,GAEDe,EAAoBnB,GAAK,OAAO;AAAA,MAC9B,GAAKa,EAAY,WAAW,CAAA;AAAA,MAC5B,UAAUA,EAAY;AAAA,MACtB,OAAO,MAAMA,GAAa,SAAS,MAAA;AAAA,MACnC,WAAAV;AAAA,MACA,WAAAC;AAAA,IAAA,EACA,GAEFgB,EAAU,MAAM;AACd,MAAAJ,EAAmBd,CAAe;AAAA,IACpC,GAAG,CAACQ,GAAO,cAAcR,CAAK,CAAC,GAG7B,gBAAAmB,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAIhB,KAAYI;AAAA,UACf,GAAGD;AAAA,UACJ,KAAKG;AAAA,UACL,OAAAX;AAAA,UACA,UAAU,CAAC,MAAM;AACf,YAAI,OAAOO,IAAc,EAAE,OAAO,OAAO,CAAC,KAAM,aAC9C,EAAE,OAAO,QAAQA,EAAY,EAAE,OAAO,OAAO,CAAC,IAEhDD,IAAW,CAAC;AAAA,UACd;AAAA,UACA,WAAWgB;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACAnB,IAAY,WAAW;AAAA,YACvBC,KAAW;AAAA,YACXL;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,MAEDK,KACC,gBAAAe;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASd,KAAYI;AAAA,UACrB,WAAWa;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAGD,UAAA;AAAA,YAAA,OAAOtB,KAAS,EAAE,EAAE;AAAA,YAAO;AAAA,YAAIQ,GAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACzC,GAEJ;AAAA,EAEJ;AACF;AACAb,EAAS,cAAc;"}

package/Textarea/Textarea.stories.js

@@ -1,6 +1,6 @@
 import { Textarea as t } from "./Textarea.js";
 const a = {
-  title: "Textarea",
+  title: "Input/Textarea",
   component: t
 }, o = {
   args: {}

package/Textarea/Textarea.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.stories.js","sources":["../../src/Textarea/Textarea.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Textarea } from './Textarea';\n\nconst meta = {\n  title: 'Textarea',\n  component: Textarea,\n} satisfies Meta<typeof Textarea>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {}\n};\n"],"names":["meta","Textarea","Default"],"mappings":";AAIA,MAAMA,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWC;AACb,GAMaC,IAAiB;AAAA,EAC5B,MAAM,CAAA;AACR;"}
+{"version":3,"file":"Textarea.stories.js","sources":["../../src/Textarea/Textarea.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite';\n\nimport { Textarea } from './Textarea';\n\nconst meta = {\n  title: 'Input/Textarea',\n  component: Textarea,\n} satisfies Meta<typeof Textarea>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  args: {}\n};\n"],"names":["meta","Textarea","Default"],"mappings":";AAIA,MAAMA,IAAO;AAAA,EACX,OAAO;AAAA,EACP,WAAWC;AACb,GAMaC,IAAiB;AAAA,EAC5B,MAAM,CAAA;AACR;"}

package/Textarea/Textarea.types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, RefObject } from 'react';
+import { ChangeEvent, ComponentProps, RefObject } from 'react';
 export interface IUseAutosizeTextAreaProps {
     textAreaRef: RefObject<HTMLTextAreaElement | null>;
     triggerAutoSize: string;
@@ -14,5 +14,7 @@ export interface IUseAutosizeTextAreaProps {
 export interface TextareaProps extends ComponentProps<'textarea'>, Pick<IUseAutosizeTextAreaProps, 'minHeight' | 'maxHeight'> {
     resizeble?: boolean;
     counter?: boolean;
+    /** func transform event.target.value before onChange event call*/
+    onTransform?: (value: string, event: ChangeEvent<HTMLInputElement>) => string;
 }
 //# sourceMappingURL=Textarea.types.d.ts.map

package/Textarea/Textarea.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,UAAU,CAAC,EAChC,IAAI,CAAC,yBAAyB,EAAE,WAAW,GAAG,WAAW,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,UAAU,CAAC,EAChC,IAAI,CAAC,yBAAyB,EAAE,WAAW,GAAG,WAAW,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;CAC/E"}

package/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAyClE,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAQ7D,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAkDlE,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAQ7D,CAAC"}

package/Tooltip/Tooltip.js

@@ -1,60 +1,72 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { CircleQuestionMarkIcon as m } from "lucide-react";
-import { cn as i } from "@oneplatformdev/utils";
-import { TooltipProvider as f, TooltipRoot as x, TooltipTrigger as d, TooltipContent as u } from "./TooltipRoot.js";
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { CircleQuestionMarkIcon as f } from "lucide-react";
+import { cn as n } from "@oneplatformdev/utils";
+import { TooltipProvider as u, TooltipRoot as d, TooltipTrigger as x, TooltipContent as g } from "./TooltipRoot.js";
+import { tooltipQuestionIconVariants as h } from "./tooltipVariants.js";
 const s = (e) => {
-  const { triggerProps: t, contentProps: o, message: l, children: a, showQuestionMark: c = !1, ...p } = e;
-  return /* @__PURE__ */ n(
-    x,
+  const { triggerProps: o, contentProps: r, message: a, children: l, showQuestionMark: c = !1, questionIconSize: p, ...m } = e;
+  return /* @__PURE__ */ i(
+    d,
     {
       defaultOpen: !1,
       delayDuration: 300,
-      ...p,
+      ...m,
       children: [
-        /* @__PURE__ */ n(
-          d,
+        /* @__PURE__ */ i(
+          x,
           {
-            ...t || {},
-            className: i(
+            ...o || {},
+            className: n(
               "flex flex-row gap-1 w-fit",
               "items-center",
               "cursor-pointer",
               "outline-none",
-              t?.className
+              o?.className
             ),
             type: "button",
             children: [
-              a,
-              c && /* @__PURE__ */ r(m, {})
+              l,
+              c && /* @__PURE__ */ t(
+                f,
+                {
+                  className: h({
+                    size: p
+                  })
+                }
+              )
             ]
           }
         ),
-        /* @__PURE__ */ r(
-          u,
+        /* @__PURE__ */ t(
+          g,
           {
             align: "center",
-            ...o || {},
-            className: i(
+            sideOffset: 8,
+            ...r || {},
+            className: n(
               "flex items-center justify-center",
-              "max-w-[320px] p-1",
-              "bg-[#FCFCFC] border-none",
-              "shadow-[0px_4px_8px_rgba(13,14,43,0.125)]",
-              "text-[#363B4E] font-normal text-sm leading-normal",
+              "w-auto max-w-80",
+              "rounded-xl",
+              "px-4 py-3",
+              "bg-white",
+              "text-primary",
+              "text-md font-normal leading-normal",
+              "shadow-[1px_1px_10px_0px_rgba(6,8,13,0.1)]",
               "whitespace-pre-wrap",
-              o?.className
+              r?.className
             ),
-            children: l || ""
+            children: a || ""
           }
         )
       ]
     }
   );
-}, C = (e) => {
-  const { skipProvider: t = !0 } = e;
-  return t ? /* @__PURE__ */ r(s, { ...e }) : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(s, { ...e }) });
+}, P = (e) => {
+  const { skipProvider: o = !0 } = e;
+  return o ? /* @__PURE__ */ t(s, { ...e }) : /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(s, { ...e }) });
 };
 export {
-  C as Tooltip,
+  P as Tooltip,
   s as TooltipInner
 };
 //# sourceMappingURL=Tooltip.js.map

package/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { CircleQuestionMarkIcon } from 'lucide-react';\nimport { PropsWithChildren } from \"react\";\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport type { TooltipProps } from \"./Tooltip.types\";\nimport { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider } from \"./TooltipRoot\";\n\nexport const TooltipInner = (props: PropsWithChildren<TooltipProps>) => {\n  const { triggerProps, contentProps, message, children, showQuestionMark = false, ...rest } = props;\n  return (\n    <TooltipRoot\n      defaultOpen={false}\n      delayDuration={300}\n      {...rest}\n    >\n\n      <TooltipTrigger\n        {...(triggerProps || {})}\n        className={cn(\n          'flex flex-row gap-1 w-fit',\n          'items-center',\n          'cursor-pointer',\n          'outline-none',\n          triggerProps?.className\n        )}\n        type='button'\n      >\n        {children}\n        {showQuestionMark && <CircleQuestionMarkIcon/>}\n      </TooltipTrigger>\n\n      <TooltipContent\n        align=\"center\"\n        {...(contentProps || {})}\n        className={cn(\n          'flex items-center justify-center',\n          'max-w-[320px] p-1',\n          'bg-[#FCFCFC] border-none',\n          'shadow-[0px_4px_8px_rgba(13,14,43,0.125)]',\n          'text-[#363B4E] font-normal text-sm leading-normal',\n          'whitespace-pre-wrap',\n          contentProps?.className\n        )}\n      >\n        {message || ''}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\nexport const Tooltip = (props: PropsWithChildren<TooltipProps>) => {\n  const { skipProvider = true } = props;\n  if (skipProvider) return <TooltipInner {...props}/>;\n  return (\n    <TooltipProvider>\n      <TooltipInner {...props}/>\n    </TooltipProvider>\n  );\n};\n"],"names":["TooltipInner","props","triggerProps","contentProps","message","children","showQuestionMark","rest","jsxs","TooltipRoot","TooltipTrigger","cn","CircleQuestionMarkIcon","jsx","TooltipContent","Tooltip","skipProvider","TooltipProvider"],"mappings":";;;;AAOO,MAAMA,IAAe,CAACC,MAA2C;AACtE,QAAM,EAAE,cAAAC,GAAc,cAAAC,GAAc,SAAAC,GAAS,UAAAC,GAAU,kBAAAC,IAAmB,IAAO,GAAGC,EAAA,IAASN;AAC7F,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,eAAe;AAAA,MACd,GAAGF;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAIR,KAAgB,CAAA;AAAA,YACrB,WAAWS;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAT,GAAc;AAAA,YAAA;AAAA,YAEhB,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAG;AAAA,cACAC,uBAAqBM,GAAA,CAAA,CAAsB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAG9C,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACL,GAAIX,KAAgB,CAAA;AAAA,YACrB,WAAWQ;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAR,GAAc;AAAA,YAAA;AAAA,YAGf,UAAAC,KAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaW,IAAU,CAACd,MAA2C;AACjE,QAAM,EAAE,cAAAe,IAAe,GAAA,IAASf;AAChC,SAAIe,IAAqB,gBAAAH,EAACb,GAAA,EAAc,GAAGC,EAAA,CAAM,sBAE9CgB,GAAA,EACC,UAAA,gBAAAJ,EAACb,GAAA,EAAc,GAAGC,GAAM,GAC1B;AAEJ;"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { CircleQuestionMarkIcon } from 'lucide-react';\nimport { PropsWithChildren } from \"react\";\n\nimport { cn } from \"@oneplatformdev/utils\";\nimport type { TooltipProps } from \"./Tooltip.types\";\nimport { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider } from \"./TooltipRoot\";\nimport { tooltipQuestionIconVariants } from './tooltipVariants';\n\nexport const TooltipInner = (props: PropsWithChildren<TooltipProps>) => {\n  const { triggerProps, contentProps, message, children, showQuestionMark = false, questionIconSize, ...rest } = props;\n  return (\n    <TooltipRoot\n      defaultOpen={false}\n      delayDuration={300}\n      {...rest}\n    >\n      <TooltipTrigger\n        {...(triggerProps || {})}\n        className={cn(\n          'flex flex-row gap-1 w-fit',\n          'items-center',\n          'cursor-pointer',\n          'outline-none',\n          triggerProps?.className\n        )}\n        type='button'\n      >\n        {children}\n        {showQuestionMark && (\n          <CircleQuestionMarkIcon\n            className={tooltipQuestionIconVariants({\n              size: questionIconSize,\n            })}\n          />\n        )}\n      </TooltipTrigger>\n\n      <TooltipContent\n        align=\"center\"\n        sideOffset={8}\n        {...(contentProps || {})}\n        className={cn(\n          'flex items-center justify-center',\n          'w-auto max-w-80',\n          'rounded-xl',\n          'px-4 py-3',\n          'bg-white',\n          'text-primary',\n          'text-md font-normal leading-normal',\n          'shadow-[1px_1px_10px_0px_rgba(6,8,13,0.1)]',\n          'whitespace-pre-wrap',\n          contentProps?.className\n        )}\n      >\n        {message || ''}\n      </TooltipContent>\n    </TooltipRoot>\n  );\n};\n\nexport const Tooltip = (props: PropsWithChildren<TooltipProps>) => {\n  const { skipProvider = true } = props;\n  if (skipProvider) return <TooltipInner {...props}/>;\n  return (\n    <TooltipProvider>\n      <TooltipInner {...props}/>\n    </TooltipProvider>\n  );\n};\n"],"names":["TooltipInner","props","triggerProps","contentProps","message","children","showQuestionMark","questionIconSize","rest","jsxs","TooltipRoot","TooltipTrigger","cn","jsx","CircleQuestionMarkIcon","tooltipQuestionIconVariants","TooltipContent","Tooltip","skipProvider","TooltipProvider"],"mappings":";;;;;AAQO,MAAMA,IAAe,CAACC,MAA2C;AACtE,QAAM,EAAE,cAAAC,GAAc,cAAAC,GAAc,SAAAC,GAAS,UAAAC,GAAU,kBAAAC,IAAmB,IAAO,kBAAAC,GAAkB,GAAGC,EAAA,IAASP;AAC/G,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,eAAe;AAAA,MACd,GAAGF;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAIT,KAAgB,CAAA;AAAA,YACrB,WAAWU;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAV,GAAc;AAAA,YAAA;AAAA,YAEhB,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAG;AAAA,cACAC,KACC,gBAAAO;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,WAAWC,EAA4B;AAAA,oBACrC,MAAMR;AAAA,kBAAA,CACP;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,gBAAAM;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,YAAY;AAAA,YACX,GAAIb,KAAgB,CAAA;AAAA,YACrB,WAAWS;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAT,GAAc;AAAA,YAAA;AAAA,YAGf,UAAAC,KAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaa,IAAU,CAAChB,MAA2C;AACjE,QAAM,EAAE,cAAAiB,IAAe,GAAA,IAASjB;AAChC,SAAIiB,IAAqB,gBAAAL,EAACb,GAAA,EAAc,GAAGC,EAAA,CAAM,sBAE9CkB,GAAA,EACC,UAAA,gBAAAN,EAACb,GAAA,EAAc,GAAGC,GAAM,GAC1B;AAEJ;"}

package/Tooltip/Tooltip.types.d.ts

@@ -6,5 +6,6 @@ export interface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipRoo
     showQuestionMark?: boolean;
     contentProps?: ComponentPropsWithoutRef<typeof TooltipContent>;
     triggerProps?: ComponentPropsWithoutRef<typeof TooltipTrigger>;
+    questionIconSize?: "xs" | "sm" | "md";
 }
 //# sourceMappingURL=Tooltip.types.d.ts.map

package/Tooltip/Tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;CAChE"}
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/D,gBAAgB,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC"}

package/Tooltip/tooltipVariants.d.ts

@@ -0,0 +1,4 @@
+export declare const tooltipQuestionIconVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=tooltipVariants.d.ts.map

package/Tooltip/tooltipVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipVariants.d.ts","sourceRoot":"","sources":["../../src/Tooltip/tooltipVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B;;8EAiBvC,CAAC"}

package/Tooltip/tooltipVariants.js

@@ -0,0 +1,23 @@
+import { cva as s } from "class-variance-authority";
+const t = s(
+  [
+    "shrink-0",
+    "text-[#666A78]"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "size-2",
+        sm: "size-3",
+        md: "size-4"
+      }
+    },
+    defaultVariants: {
+      size: "sm"
+    }
+  }
+);
+export {
+  t as tooltipQuestionIconVariants
+};
+//# sourceMappingURL=tooltipVariants.js.map

package/Tooltip/tooltipVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipVariants.js","sources":["../../src/Tooltip/tooltipVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tooltipQuestionIconVariants = cva(\n  [\n    \"shrink-0\",\n    \"text-[#666A78]\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"size-2\",\n        sm: \"size-3\",\n        md: \"size-4\",\n      },\n    },\n    defaultVariants: {\n      size: \"sm\",\n    },\n  }\n);\n"],"names":["tooltipQuestionIconVariants","cva"],"mappings":";AAEO,MAAMA,IAA8BC;AAAA,EACzC;AAAA,IACE;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;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"}