tailwind-ux-kit 1.0.100 → 1.0.102

package/lib/components/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,2 @@
+import { BottomSheetProps } from '../../types/BottomSheetTypes';
+export default function BottomSheet({ id, children, initialSnap, snapPoints, className, overlayClassName, closeOnBackdrop, lockScroll, zIndex, }: BottomSheetProps): import('react').ReactPortal | null;

package/lib/components/BottomSheet/BottomSheetProvider.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { BottomSheetContextType } from '../../types/BottomSheetTypes';
+export declare const BottomSheetContext: import('react').Context<BottomSheetContextType | null>;
+export default function BottomSheetProvider({ children, }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/lib/components/BottomSheet/useBottomSheet.d.ts

@@ -0,0 +1 @@
+export default function useBottomSheet(): import('../..').BottomSheetContextType;

package/lib/index.d.ts

@@ -6,6 +6,7 @@ export { default as Dropdown } from './components/Dropdown';
 export { default as Tooltip } from './components/ToolTip';
 export { default as Badge } from './components/Badge';
 export { default as Toggler } from './components/Toggler/Toggler';
+export * from './components/BottomSheet/useBottomSheet';
 export { default as Accordion } from './components/Accordion';
 export type { AccordionItemBase } from './components/Accordion';
 export { default as Modal } from './components/modal/Modal';
@@ -16,3 +17,4 @@ export { useModalInstance } from './components/modal/useModalInstance';
 export { default as Toast } from './components/Toast';
 export { showToast, setToastDefaults } from './utils/toast';
 export type { ToastType, ToastConfig, ToastDefaults } from './utils/toast';
+export type { BottomSheetProps, BottomSheetContextType, SheetPosition, } from './types/BottomSheetTypes';

package/lib/tailwind-ux-kit.es.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as k, jsx as i } from "react/jsx-runtime";
-import T, { forwardRef as ae, useState as M, useMemo as z, useId as be, useRef as _, useCallback as A, useEffect as R, createContext as le, useContext as ie } from "react";
-const ee = {
+import T, { forwardRef as le, useState as M, useMemo as z, useId as be, useRef as _, useCallback as A, useEffect as R, createContext as V, useContext as ie } from "react";
+const te = {
   xs: "text-xs px-2 py-1",
   sm: "text-sm px-3 py-1.5",
   md: "text-sm px-3 py-3",
   lg: "text-lg px-5 py-3"
-}, te = {
+}, ne = {
   flat: "rounded-none",
   rounded: "rounded-sm",
   pill: "rounded-full"
@@ -33,7 +33,7 @@ const ee = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, ye = ae((e, n) => {
+}, ye = le((e, n) => {
   const {
     label: t,
     id: r,
@@ -61,7 +61,7 @@ const ee = {
       D(Z), u == null || u(j, Z), f == null || f(j);
     },
     [p, u, f]
-  ), y = z(() => r || (typeof t == "string" ? `input-${t.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [r, t]), L = !!l, $ = ee[s] || ee.md, P = te[c] || te.flat, I = z(
+  ), y = z(() => r || (typeof t == "string" ? `input-${t.toLowerCase().replace(/\s+/g, "-")}` : `input-${Math.random().toString(36).slice(2)}`), [r, t]), L = !!l, $ = te[s] || te.md, P = ne[c] || ne.flat, I = z(
     () => he(w, x, g),
     [w, x, g]
   ), B = z(() => o === "start" || o === "left" ? "left-0 ps-3.5" : "right-0 pe-3.5", [o]), F = z(() => a ? o === "start" || o === "left" ? "ps-10" : "pe-10" : "", [a, o]), K = (j) => {
@@ -198,7 +198,7 @@ const we = {
     default:
       return "border-gray-300 focus:ring-blue-500";
   }
-}, Se = ae((e, n) => {
+}, Se = le((e, n) => {
   const {
     label: t,
     id: r,
@@ -365,7 +365,7 @@ var ce = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, ne = T.createContext && /* @__PURE__ */ T.createContext(ce), Oe = ["attr", "size", "title"];
+}, re = T.createContext && /* @__PURE__ */ T.createContext(ce), Oe = ["attr", "size", "title"];
 function Pe(e, n) {
   if (e == null) return {};
   var t = De(e, n), r, s;
@@ -396,7 +396,7 @@ function G() {
     return e;
   }, G.apply(this, arguments);
 }
-function re(e, n) {
+function se(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
@@ -409,9 +409,9 @@ function re(e, n) {
 function q(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? re(Object(t), !0).forEach(function(r) {
+    n % 2 ? se(Object(t), !0).forEach(function(r) {
       Ie(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : re(Object(t)).forEach(function(r) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : se(Object(t)).forEach(function(r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
@@ -439,7 +439,7 @@ function de(e) {
     key: t
   }, n.attr), de(n.child)));
 }
-function V(e) {
+function ee(e) {
   return (n) => /* @__PURE__ */ T.createElement(Ae, G({
     attr: q({}, e.attr)
   }, n), de(e.child));
@@ -465,10 +465,10 @@ function Ae(e) {
       xmlns: "http://www.w3.org/2000/svg"
     }), c && /* @__PURE__ */ T.createElement("title", null, c), e.children);
   };
-  return ne !== void 0 ? /* @__PURE__ */ T.createElement(ne.Consumer, null, (t) => n(t)) : n(ce);
+  return re !== void 0 ? /* @__PURE__ */ T.createElement(re.Consumer, null, (t) => n(t)) : n(ce);
 }
 function Me(e) {
-  return V({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }, child: [] }] })(e);
+  return ee({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z" }, child: [] }] })(e);
 }
 const Te = {
   xs: "w-3 h-3 text-[10px]",
@@ -791,11 +791,11 @@ const Ve = ({
       }
     )
   ] });
-}, se = {
+}, oe = {
   rounded: "rounded-md",
   pill: "rounded-full",
   flat: "rounded-none"
-}, oe = {
+}, ae = {
   xs: {
     button: "px-2 py-1 text-xs"
   },
@@ -827,7 +827,7 @@ function nt({
   name: l,
   renderOption: f
 }) {
-  const x = se[c] || se.rounded, g = oe[u] || oe.md, b = _(null), [C, S] = M({});
+  const x = oe[c] || oe.rounded, g = ae[u] || ae.md, b = _(null), [C, S] = M({});
   R(() => {
     if (!b.current) return;
     const h = e.findIndex((w) => w.value === n);
@@ -908,8 +908,11 @@ function nt({
     }
   );
 }
+V(
+  null
+);
 function He(e) {
-  return V({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" }, child: [] }] })(e);
+  return ee({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z" }, child: [] }] })(e);
 }
 const rt = ({
   items: e,
@@ -976,14 +979,14 @@ const rt = ({
       })
     }
   );
-}, ue = le(null), fe = () => {
+}, ue = V(null), fe = () => {
   const e = ie(ue);
   if (!e)
     throw new Error(
       "useModalActions must be used within a ModalActionProvider"
     );
   return e;
-}, pe = le(null), ge = () => ie(pe);
+}, pe = V(null), ge = () => ie(pe);
 function st({
   id: e,
   title: n,
@@ -1112,7 +1115,7 @@ function it(e, n, t = 3e3, r) {
   J ? J(e, n, t, r) : console.warn("Toast system is not mounted");
 }
 function qe(e) {
-  return V({ attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor" }, child: [] }] })(e);
+  return ee({ attr: { viewBox: "0 0 15 15", fill: "none" }, child: [{ tag: "path", attr: { fillRule: "evenodd", clipRule: "evenodd", d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z", fill: "currentColor" }, child: [] }] })(e);
 }
 const Ue = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
   const n = Math.random() * 16 | 0;

package/lib/tailwind-ux-kit.umd.js

@@ -12,4 +12,4 @@
                 ${C?`text-white toggler-text-${b}`:"text-gray-700 hover:bg-gray-200"}
                 ${s.option??""}
                 ${C?s.selectedOption??"":""}
-              `,children:g?g(k,C):k.label},String(k.value))})]})]})}function Kr(r){return H({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z"},child:[]}]})(r)}const Zr=({items:r,allowMultipleOpen:e=!1,className:o="",tileClasses:t="",open:n,onChange:d,renderTitle:b,renderContent:h,showArrowIcon:u=!0,panelClasses:s=""})=>{const[c,i]=a.useState(new Set),g=a.useMemo(()=>n?new Set(n):c,[n,c]),y=a.useCallback(f=>{const v=new Set(g);v.has(f)?v.delete(f):(e||v.clear(),v.add(f)),n&&d?d(Array.from(v)):i(v)},[g,n,d,e]);return l.jsx("div",{className:"accordion",role:"region","aria-multiselectable":e,children:r.map(f=>{const v=g.has(f.id),$=`accordion-heading-${f.id}`,N=`accordion-panel-${f.id}`;return l.jsxs("div",{className:`accordion-item border rounded border-gray-300 dark:border-gray-700 ${o}`,children:[l.jsxs("button",{id:$,type:"button","aria-expanded":v,"aria-controls":N,onClick:()=>y(f.id),className:`flex justify-between items-center w-full p-1.5 text-left text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none gap-3 ${t}`,children:[b?b(f,v):f.title,u?l.jsx(Kr,{}):null]}),l.jsx("div",{id:N,role:"region","aria-labelledby":$,hidden:!v,className:`p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${s}`,children:h?h(f,v):f.content})]},f.id)})})},ir=a.createContext(null),W=()=>{const r=a.useContext(ir);if(!r)throw new Error("useModalActions must be used within a ModalActionProvider");return r},dr=a.createContext(null),q=()=>a.useContext(dr);function Hr({id:r,title:e,children:o,standalone:t=!1,showFloatingClose:n=!1,containerClasses:d="",headerClasses:b="",bodyClasses:h="",onClose:u,disableEscapeClose:s=!1,closeBtnStyle:c}){const i=q(),g=W(),y=!t&&!!i&&!!g,[f,v]=a.useState(!1),$=y?i.isOpen(r):f,N=y?i.getModalData(r):null,E=a.useCallback(()=>{y?g.closeModal(r):v(!1),u==null||u()},[y,g,r,u]),k=a.useRef(null);return a.useEffect(()=>{$&&(k.current=document.activeElement);const C=document.getElementById(r),p=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'],m=()=>{if(!C)return[];const w=C.querySelectorAll(p.join(","));return Array.from(w).filter(O=>O.offsetParent!==null)},j=w=>{if(w.key==="Tab"){const O=m();if(O.length===0)return;const S=O[0],M=O[O.length-1];w.shiftKey?document.activeElement===S&&(w.preventDefault(),M.focus()):document.activeElement===M&&(w.preventDefault(),S.focus())}},L=w=>{w.key==="Escape"&&!s&&E(),j(w)};return $&&(document.body.style.overflow="hidden",setTimeout(()=>{const w=m();w.length&&w[0].focus()},0),window.addEventListener("keydown",L)),()=>{var w;document.body.style.overflow="",(w=k.current)==null||w.focus(),window.removeEventListener("keydown",L)}},[$,s,E,r]),$?l.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-[2px]",id:r,children:l.jsxs("div",{className:`bg-white rounded-lg shadow-lg w-full max-w-md p-4 transform transition-all duration-300 scale-100 ${d}`,children:[l.jsxs("div",{className:`flex justify-between items-center relative ${b}`,children:[e&&l.jsx("h2",{className:"text-lg font-semibold",children:e}),n&&l.jsx("button",{onClick:E,className:`text-gray-500 hover:text-black absolute top-0 right-3 hover:bg-gray-200 rounded-full aspect-square w-8 ${c}`,"aria-label":"Close modal",children:"✕"})]}),l.jsx("div",{className:h,children:typeof o=="function"?o({modalData:N}):o})]})}):null}function Wr({children:r}){const[e,o]=a.useState({}),[t,n]=a.useState({}),d=a.useCallback((i,g)=>{o(y=>({...y,[i]:!0})),g&&n(y=>({...y,[i]:g}))},[]),b=a.useCallback(i=>{o(g=>({...g,[i]:!1})),n(g=>{const y={...g};return delete y[i],y})},[]),h=a.useCallback(i=>!!e[i],[e]),u=a.useCallback(i=>t[i],[t]),s=a.useMemo(()=>({openModal:d,closeModal:b}),[d,b]),c=a.useMemo(()=>({isOpen:h,getModalData:u}),[h,u]);return l.jsx(ir.Provider,{value:s,children:l.jsx(dr.Provider,{value:c,children:r})})}function qr(r){const{openModal:e,closeModal:o}=W(),{isOpen:t,getModalData:n}=q();return{open:d=>e(r,d),close:()=>o(r),isOpen:t(r),data:n(r)}}let G=null,U={};function Gr(r){G=r}function Ur(r){U={...U,...r}}function Xr(){return U}function Yr(r,e,o=3e3,t){G?G(r,e,o,t):console.warn("Toast system is not mounted")}function Jr(r){return H({attr:{viewBox:"0 0 15 15",fill:"none"},child:[{tag:"path",attr:{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",fill:"currentColor"},child:[]}]})(r)}const Qr=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(r){const e=Math.random()*16|0;return(r==="x"?e:e&3|8).toString(16)}),Vr=({containerStyle:r=""})=>{const[e,o]=a.useState([]);a.useEffect(()=>{Gr((n,d,b,h)=>{const u=Qr();o(s=>[...s,{id:u,type:n,message:d,config:h}]),setTimeout(()=>{o(s=>s.filter(c=>c.id!==u))},b)})},[]);const t=Xr();return l.jsx("div",{className:`fixed top-5 right-5 z-9999 flex flex-col gap-2 ${r}`,children:e.map(n=>{var s,c,i,g,y,f,v,$,N,E,k,C,p,m;const d=((s=n.config)==null?void 0:s.icon)||((c=t.icons)==null?void 0:c[n.type])||Rr(n.type),b=((i=n.config)==null?void 0:i.bgColor)||((y=(g=t.colors)==null?void 0:g[n.type])==null?void 0:y.bg)||"bg-white dark:bg-gray-800",h=((f=n.config)==null?void 0:f.textColor)||(($=(v=t.colors)==null?void 0:v[n.type])==null?void 0:$.text)||"text-gray-700 dark:text-gray-300",u=`w-8 h-8 mr-3 text-xl flex items-center justify-center ${(N=n.config)==null?void 0:N.iconContainerClass}`;return l.jsxs("div",{className:`flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${b} ${h} ${(E=n.config)==null?void 0:E.containerBody}`,children:[d&&l.jsx("div",{className:u,children:d}),l.jsxs("div",{className:"flex-1",children:[((k=n.config)==null?void 0:k.title)&&l.jsx("div",{className:`font-semibold text-black ${(C=n.config)==null?void 0:C.titleClass}`,children:n.config.title}),((p=n.config)==null?void 0:p.description)&&l.jsx("div",{className:`text-sm text-gray-500 ${(m=n.config)==null?void 0:m.subTitleClass}`,children:n.config.description})]}),l.jsx("button",{onClick:()=>o(j=>j.filter(L=>L.id!==n.id)),className:"ml-auto text-gray-400 hover:text-gray-700 dark:text-gray-500 dark:hover:text-white","aria-label":"Close",children:l.jsx(Jr,{size:18})})]},n.id)})})};function Rr(r){switch(r){case"success":return"✅";case"error":return"❌";case"warning":return"⚠️";case"info":return"ℹ️"}}x.Accordion=Zr,x.Badge=Br,x.Button=xr,x.Checkbox=ar,x.Dropdown=Dr,x.Input=rr,x.Modal=Hr,x.ModalProvider=Wr,x.Select=or,x.Toast=Vr,x.Toggler=Fr,x.Tooltip=Tr,x.setToastDefaults=Ur,x.showToast=Yr,x.useModalActions=W,x.useModalInstance=qr,x.useModalState=q,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})}));
+              `,children:g?g(k,C):k.label},String(k.value))})]})]})}a.createContext(null);function Kr(r){return H({attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z"},child:[]}]})(r)}const Zr=({items:r,allowMultipleOpen:e=!1,className:o="",tileClasses:t="",open:n,onChange:d,renderTitle:b,renderContent:h,showArrowIcon:u=!0,panelClasses:s=""})=>{const[c,i]=a.useState(new Set),g=a.useMemo(()=>n?new Set(n):c,[n,c]),y=a.useCallback(f=>{const v=new Set(g);v.has(f)?v.delete(f):(e||v.clear(),v.add(f)),n&&d?d(Array.from(v)):i(v)},[g,n,d,e]);return l.jsx("div",{className:"accordion",role:"region","aria-multiselectable":e,children:r.map(f=>{const v=g.has(f.id),$=`accordion-heading-${f.id}`,N=`accordion-panel-${f.id}`;return l.jsxs("div",{className:`accordion-item border rounded border-gray-300 dark:border-gray-700 ${o}`,children:[l.jsxs("button",{id:$,type:"button","aria-expanded":v,"aria-controls":N,onClick:()=>y(f.id),className:`flex justify-between items-center w-full p-1.5 text-left text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 focus:outline-none gap-3 ${t}`,children:[b?b(f,v):f.title,u?l.jsx(Kr,{}):null]}),l.jsx("div",{id:N,role:"region","aria-labelledby":$,hidden:!v,className:`p-4 border-t border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 ${s}`,children:h?h(f,v):f.content})]},f.id)})})},ir=a.createContext(null),W=()=>{const r=a.useContext(ir);if(!r)throw new Error("useModalActions must be used within a ModalActionProvider");return r},dr=a.createContext(null),q=()=>a.useContext(dr);function Hr({id:r,title:e,children:o,standalone:t=!1,showFloatingClose:n=!1,containerClasses:d="",headerClasses:b="",bodyClasses:h="",onClose:u,disableEscapeClose:s=!1,closeBtnStyle:c}){const i=q(),g=W(),y=!t&&!!i&&!!g,[f,v]=a.useState(!1),$=y?i.isOpen(r):f,N=y?i.getModalData(r):null,E=a.useCallback(()=>{y?g.closeModal(r):v(!1),u==null||u()},[y,g,r,u]),k=a.useRef(null);return a.useEffect(()=>{$&&(k.current=document.activeElement);const C=document.getElementById(r),p=["a[href]","button:not([disabled])","textarea:not([disabled])","input:not([disabled])","select:not([disabled])",'[tabindex]:not([tabindex="-1"])'],m=()=>{if(!C)return[];const w=C.querySelectorAll(p.join(","));return Array.from(w).filter(O=>O.offsetParent!==null)},j=w=>{if(w.key==="Tab"){const O=m();if(O.length===0)return;const S=O[0],M=O[O.length-1];w.shiftKey?document.activeElement===S&&(w.preventDefault(),M.focus()):document.activeElement===M&&(w.preventDefault(),S.focus())}},L=w=>{w.key==="Escape"&&!s&&E(),j(w)};return $&&(document.body.style.overflow="hidden",setTimeout(()=>{const w=m();w.length&&w[0].focus()},0),window.addEventListener("keydown",L)),()=>{var w;document.body.style.overflow="",(w=k.current)==null||w.focus(),window.removeEventListener("keydown",L)}},[$,s,E,r]),$?l.jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-[2px]",id:r,children:l.jsxs("div",{className:`bg-white rounded-lg shadow-lg w-full max-w-md p-4 transform transition-all duration-300 scale-100 ${d}`,children:[l.jsxs("div",{className:`flex justify-between items-center relative ${b}`,children:[e&&l.jsx("h2",{className:"text-lg font-semibold",children:e}),n&&l.jsx("button",{onClick:E,className:`text-gray-500 hover:text-black absolute top-0 right-3 hover:bg-gray-200 rounded-full aspect-square w-8 ${c}`,"aria-label":"Close modal",children:"✕"})]}),l.jsx("div",{className:h,children:typeof o=="function"?o({modalData:N}):o})]})}):null}function Wr({children:r}){const[e,o]=a.useState({}),[t,n]=a.useState({}),d=a.useCallback((i,g)=>{o(y=>({...y,[i]:!0})),g&&n(y=>({...y,[i]:g}))},[]),b=a.useCallback(i=>{o(g=>({...g,[i]:!1})),n(g=>{const y={...g};return delete y[i],y})},[]),h=a.useCallback(i=>!!e[i],[e]),u=a.useCallback(i=>t[i],[t]),s=a.useMemo(()=>({openModal:d,closeModal:b}),[d,b]),c=a.useMemo(()=>({isOpen:h,getModalData:u}),[h,u]);return l.jsx(ir.Provider,{value:s,children:l.jsx(dr.Provider,{value:c,children:r})})}function qr(r){const{openModal:e,closeModal:o}=W(),{isOpen:t,getModalData:n}=q();return{open:d=>e(r,d),close:()=>o(r),isOpen:t(r),data:n(r)}}let G=null,U={};function Gr(r){G=r}function Ur(r){U={...U,...r}}function Xr(){return U}function Yr(r,e,o=3e3,t){G?G(r,e,o,t):console.warn("Toast system is not mounted")}function Jr(r){return H({attr:{viewBox:"0 0 15 15",fill:"none"},child:[{tag:"path",attr:{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",fill:"currentColor"},child:[]}]})(r)}const Qr=()=>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(r){const e=Math.random()*16|0;return(r==="x"?e:e&3|8).toString(16)}),Vr=({containerStyle:r=""})=>{const[e,o]=a.useState([]);a.useEffect(()=>{Gr((n,d,b,h)=>{const u=Qr();o(s=>[...s,{id:u,type:n,message:d,config:h}]),setTimeout(()=>{o(s=>s.filter(c=>c.id!==u))},b)})},[]);const t=Xr();return l.jsx("div",{className:`fixed top-5 right-5 z-9999 flex flex-col gap-2 ${r}`,children:e.map(n=>{var s,c,i,g,y,f,v,$,N,E,k,C,p,m;const d=((s=n.config)==null?void 0:s.icon)||((c=t.icons)==null?void 0:c[n.type])||Rr(n.type),b=((i=n.config)==null?void 0:i.bgColor)||((y=(g=t.colors)==null?void 0:g[n.type])==null?void 0:y.bg)||"bg-white dark:bg-gray-800",h=((f=n.config)==null?void 0:f.textColor)||(($=(v=t.colors)==null?void 0:v[n.type])==null?void 0:$.text)||"text-gray-700 dark:text-gray-300",u=`w-8 h-8 mr-3 text-xl flex items-center justify-center ${(N=n.config)==null?void 0:N.iconContainerClass}`;return l.jsxs("div",{className:`flex items-center w-full max-w-xs p-4 text-sm rounded-lg shadow ${b} ${h} ${(E=n.config)==null?void 0:E.containerBody}`,children:[d&&l.jsx("div",{className:u,children:d}),l.jsxs("div",{className:"flex-1",children:[((k=n.config)==null?void 0:k.title)&&l.jsx("div",{className:`font-semibold text-black ${(C=n.config)==null?void 0:C.titleClass}`,children:n.config.title}),((p=n.config)==null?void 0:p.description)&&l.jsx("div",{className:`text-sm text-gray-500 ${(m=n.config)==null?void 0:m.subTitleClass}`,children:n.config.description})]}),l.jsx("button",{onClick:()=>o(j=>j.filter(L=>L.id!==n.id)),className:"ml-auto text-gray-400 hover:text-gray-700 dark:text-gray-500 dark:hover:text-white","aria-label":"Close",children:l.jsx(Jr,{size:18})})]},n.id)})})};function Rr(r){switch(r){case"success":return"✅";case"error":return"❌";case"warning":return"⚠️";case"info":return"ℹ️"}}x.Accordion=Zr,x.Badge=Br,x.Button=xr,x.Checkbox=ar,x.Dropdown=Dr,x.Input=rr,x.Modal=Hr,x.ModalProvider=Wr,x.Select=or,x.Toast=Vr,x.Toggler=Fr,x.Tooltip=Tr,x.setToastDefaults=Ur,x.showToast=Yr,x.useModalActions=W,x.useModalInstance=qr,x.useModalState=q,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})}));

package/lib/types/BottomSheetTypes.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+export type SheetPosition = "closed" | "half" | "full";
+export type BottomSheetContextType = {
+    showBottomSheet: (id: string) => void;
+    closeBottomSheet: (id: string) => void;
+    closeAllBottomSheet: () => void;
+    activeSheets: string[];
+};
+export type BottomSheetProps = {
+    id: string;
+    children: ReactNode;
+    initialSnap?: SheetPosition;
+    snapPoints?: {
+        half: number;
+        full: number;
+    };
+    className?: string;
+    overlayClassName?: string;
+    closeOnBackdrop?: boolean;
+    lockScroll?: boolean;
+    zIndex?: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwind-ux-kit",
-  "version": "1.0.100",
+  "version": "1.0.102",
   "main": "lib/tailwind-ux-kit.es.js",
   "module": "lib/tailwind-ux-kit.umd.js",
   "types": "lib/tailwind-ux-kit.es.d.ts",