@jacshuo/onyx 1.4.1 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Chart/BarChart.cjs +1 -0
- package/dist/Chart/BarChart.css +1 -0
- package/dist/Chart/BarChart.d.cts +2 -0
- package/dist/Chart/BarChart.d.ts +2 -0
- package/dist/Chart/BarChart.js +1 -0
- package/dist/Chart/LineChart.cjs +1 -0
- package/dist/Chart/LineChart.css +1 -0
- package/dist/Chart/LineChart.d.cts +2 -0
- package/dist/Chart/LineChart.d.ts +2 -0
- package/dist/Chart/LineChart.js +1 -0
- package/dist/Chart/PieChart.cjs +1 -0
- package/dist/Chart/PieChart.css +1 -0
- package/dist/Chart/PieChart.d.cts +2 -0
- package/dist/Chart/PieChart.d.ts +2 -0
- package/dist/Chart/PieChart.js +1 -0
- package/dist/Chart/ScatterChart.cjs +1 -0
- package/dist/Chart/ScatterChart.css +1 -0
- package/dist/Chart/ScatterChart.d.cts +2 -0
- package/dist/Chart/ScatterChart.d.ts +2 -0
- package/dist/Chart/ScatterChart.js +1 -0
- package/dist/Chart/index.cjs +1 -0
- package/dist/Chart/index.css +1 -0
- package/dist/Chart/index.d.cts +12 -0
- package/dist/Chart/index.d.ts +12 -0
- package/dist/Chart/index.js +1 -0
- package/dist/DataDisplay/CodeBlock.cjs +2 -2
- package/dist/DataDisplay/CodeBlock.js +2 -2
- package/dist/DataDisplay/List.cjs +1 -1
- package/dist/DataDisplay/List.js +1 -1
- package/dist/DataDisplay/MetricCard.cjs +1 -0
- package/dist/DataDisplay/MetricCard.d.cts +3 -0
- package/dist/DataDisplay/MetricCard.d.ts +3 -0
- package/dist/DataDisplay/MetricCard.js +1 -0
- package/dist/DataDisplay/Stat.cjs +1 -0
- package/dist/DataDisplay/Stat.d.cts +3 -0
- package/dist/DataDisplay/Stat.d.ts +3 -0
- package/dist/DataDisplay/Stat.js +1 -0
- package/dist/DataDisplay/Table.cjs +1 -1
- package/dist/DataDisplay/Table.js +1 -1
- package/dist/DataDisplay/Tree.cjs +1 -1
- package/dist/DataDisplay/Tree.js +1 -1
- package/dist/DataDisplay/index.cjs +2 -2
- package/dist/DataDisplay/index.d.cts +7 -1
- package/dist/DataDisplay/index.d.ts +7 -1
- package/dist/DataDisplay/index.js +2 -2
- package/dist/Disclosure/index.d.cts +1 -1
- package/dist/Disclosure/index.d.ts +1 -1
- package/dist/Extras/CommandPalette.cjs +1 -0
- package/dist/Extras/CommandPalette.css +1 -0
- package/dist/Extras/CommandPalette.d.cts +4 -0
- package/dist/Extras/CommandPalette.d.ts +4 -0
- package/dist/Extras/CommandPalette.js +1 -0
- package/dist/Extras/FileExplorer.cjs +2 -2
- package/dist/Extras/FileExplorer.js +2 -2
- package/dist/Extras/Timeline.cjs +1 -0
- package/dist/Extras/Timeline.css +1 -0
- package/dist/Extras/Timeline.d.cts +6 -0
- package/dist/Extras/Timeline.d.ts +6 -0
- package/dist/Extras/Timeline.js +1 -0
- package/dist/Extras/TypewriterText.cjs +1 -0
- package/dist/Extras/TypewriterText.css +1 -0
- package/dist/Extras/TypewriterText.d.cts +2 -0
- package/dist/Extras/TypewriterText.d.ts +2 -0
- package/dist/Extras/TypewriterText.js +1 -0
- package/dist/Extras/index.cjs +4 -4
- package/dist/Extras/index.css +1 -0
- package/dist/Extras/index.d.cts +12 -1
- package/dist/Extras/index.d.ts +12 -1
- package/dist/Extras/index.js +4 -4
- package/dist/Feedback/Alert.cjs +1 -1
- package/dist/Feedback/Alert.js +1 -1
- package/dist/Feedback/ProgressBar.cjs +1 -1
- package/dist/Feedback/ProgressBar.js +1 -1
- package/dist/Feedback/Skeleton.cjs +1 -0
- package/dist/Feedback/Skeleton.d.cts +2 -0
- package/dist/Feedback/Skeleton.d.ts +2 -0
- package/dist/Feedback/Skeleton.js +1 -0
- package/dist/Feedback/Spin.cjs +2 -2
- package/dist/Feedback/Spin.js +2 -2
- package/dist/Feedback/Toast.cjs +1 -0
- package/dist/Feedback/Toast.d.cts +11 -0
- package/dist/Feedback/Toast.d.ts +11 -0
- package/dist/Feedback/Toast.js +1 -0
- package/dist/Feedback/index.cjs +2 -2
- package/dist/Feedback/index.d.cts +12 -1
- package/dist/Feedback/index.d.ts +12 -1
- package/dist/Feedback/index.js +2 -2
- package/dist/Forms/Select.cjs +1 -0
- package/dist/Forms/Select.css +1 -0
- package/dist/Forms/Select.d.cts +3 -0
- package/dist/Forms/Select.d.ts +3 -0
- package/dist/Forms/Select.js +1 -0
- package/dist/Forms/index.d.cts +1 -1
- package/dist/Forms/index.d.ts +1 -1
- package/dist/Layout/index.d.cts +1 -1
- package/dist/Layout/index.d.ts +1 -1
- package/dist/Navigation/Breadcrumb.cjs +1 -0
- package/dist/Navigation/Breadcrumb.d.cts +3 -0
- package/dist/Navigation/Breadcrumb.d.ts +3 -0
- package/dist/Navigation/Breadcrumb.js +1 -0
- package/dist/Navigation/Header.cjs +1 -1
- package/dist/Navigation/Header.js +1 -1
- package/dist/Navigation/Pagination.cjs +1 -0
- package/dist/Navigation/Pagination.d.cts +2 -0
- package/dist/Navigation/Pagination.d.ts +2 -0
- package/dist/Navigation/Pagination.js +1 -0
- package/dist/Navigation/RibbonBar.cjs +1 -0
- package/dist/Navigation/RibbonBar.d.cts +6 -0
- package/dist/Navigation/RibbonBar.d.ts +6 -0
- package/dist/Navigation/RibbonBar.js +1 -0
- package/dist/Navigation/index.cjs +2 -2
- package/dist/Navigation/index.d.cts +9 -1
- package/dist/Navigation/index.d.ts +9 -1
- package/dist/Navigation/index.js +2 -2
- package/dist/Overlay/ContextMenu.cjs +1 -0
- package/dist/Overlay/ContextMenu.d.cts +3 -0
- package/dist/Overlay/ContextMenu.d.ts +3 -0
- package/dist/Overlay/ContextMenu.js +1 -0
- package/dist/Overlay/Drawer.cjs +1 -0
- package/dist/Overlay/Drawer.css +1 -0
- package/dist/Overlay/Drawer.d.cts +10 -0
- package/dist/Overlay/Drawer.d.ts +10 -0
- package/dist/Overlay/Drawer.js +1 -0
- package/dist/Overlay/index.cjs +1 -1
- package/dist/Overlay/index.css +1 -0
- package/dist/Overlay/index.d.cts +9 -1
- package/dist/Overlay/index.d.ts +9 -1
- package/dist/Overlay/index.js +1 -1
- package/dist/Primitives/Avatar.cjs +1 -0
- package/dist/Primitives/Avatar.d.cts +4 -0
- package/dist/Primitives/Avatar.d.ts +4 -0
- package/dist/Primitives/Avatar.js +1 -0
- package/dist/Primitives/Badge.cjs +1 -1
- package/dist/Primitives/Badge.js +1 -1
- package/dist/Primitives/Button.cjs +1 -1
- package/dist/Primitives/Button.js +1 -1
- package/dist/Primitives/Checkbox.cjs +1 -1
- package/dist/Primitives/Checkbox.js +1 -1
- package/dist/Primitives/Dropdown.cjs +1 -1
- package/dist/Primitives/Dropdown.js +1 -1
- package/dist/Primitives/DropdownButton.cjs +1 -1
- package/dist/Primitives/DropdownButton.js +1 -1
- package/dist/Primitives/Indicator.cjs +1 -1
- package/dist/Primitives/Indicator.js +1 -1
- package/dist/Primitives/Input.cjs +1 -1
- package/dist/Primitives/Input.js +1 -1
- package/dist/Primitives/Label.cjs +1 -1
- package/dist/Primitives/Label.js +1 -1
- package/dist/Primitives/Radio.cjs +1 -1
- package/dist/Primitives/Radio.js +1 -1
- package/dist/Primitives/Slider.cjs +1 -0
- package/dist/Primitives/Slider.css +1 -0
- package/dist/Primitives/Slider.d.cts +4 -0
- package/dist/Primitives/Slider.d.ts +4 -0
- package/dist/Primitives/Slider.js +1 -0
- package/dist/Primitives/Switch.cjs +1 -1
- package/dist/Primitives/Switch.js +1 -1
- package/dist/Primitives/Tag.cjs +1 -0
- package/dist/Primitives/Tag.d.cts +2 -0
- package/dist/Primitives/Tag.d.ts +2 -0
- package/dist/Primitives/Tag.js +1 -0
- package/dist/Primitives/index.cjs +1 -1
- package/dist/Primitives/index.css +1 -0
- package/dist/Primitives/index.d.cts +7 -1
- package/dist/Primitives/index.d.ts +7 -1
- package/dist/Primitives/index.js +1 -1
- package/dist/_tsup-dts-rollup.d.cts +1447 -12
- package/dist/_tsup-dts-rollup.d.ts +1447 -12
- package/dist/index.cjs +5 -5
- package/dist/index.css +1 -0
- package/dist/index.d.cts +89 -0
- package/dist/index.d.ts +89 -0
- package/dist/index.js +5 -5
- package/dist/styles/Chart/BarChart.css +44 -0
- package/dist/styles/Chart/LineChart.css +72 -0
- package/dist/styles/Chart/PieChart.css +56 -0
- package/dist/styles/Chart/ScatterChart.css +45 -0
- package/dist/styles/DataDisplay/MetricCard.css +1 -0
- package/dist/styles/DataDisplay/Stat.css +1 -0
- package/dist/styles/Extras/CommandPalette.css +65 -0
- package/dist/styles/Extras/Timeline.css +52 -0
- package/dist/styles/Extras/TypewriterText.css +55 -0
- package/dist/styles/Feedback/Skeleton.css +37 -0
- package/dist/styles/Feedback/Toast.css +77 -0
- package/dist/styles/Forms/Select.css +36 -0
- package/dist/styles/Navigation/RibbonBar.css +1 -0
- package/dist/styles/Overlay/ContextMenu.css +1 -0
- package/dist/styles/Overlay/Drawer.css +52 -0
- package/dist/styles/Primitives/Slider.css +4 -0
- package/dist/styles/Primitives/Tag.css +1 -0
- package/dist/styles/base.css +1152 -0
- package/dist/styles/tokens/core.css +10 -0
- package/dist/styles.css +1570 -3
- package/dist/theme.cjs +1 -1
- package/dist/theme.d.cts +10 -0
- package/dist/theme.d.ts +10 -0
- package/dist/theme.js +1 -1
- package/package.json +1 -1
package/dist/Feedback/Alert.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import {useEffect,useSyncExternalStore,useRef}from'react';import {createPortal}from'react-dom';import {createRoot}from'react-dom/client';import {Info,CircleX,TriangleAlert,CircleCheck,X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function i(...t){return twMerge(clsx(t))}cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});var
|
|
1
|
+
import {useEffect,useSyncExternalStore,useRef}from'react';import {createPortal}from'react-dom';import {createRoot}from'react-dom/client';import {Info,CircleX,TriangleAlert,CircleCheck,X}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function i(...t){return twMerge(clsx(t))}cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});var c=cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}});cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});function nt({intent:t,className:e,children:n,...r}){return jsx("div",{className:i(c({intent:t}),e),role:"alert",...r,children:n})}function ot({className:t,...e}){return jsx("h5",{className:i("flex items-center gap-1.5 font-semibold [&_svg]:h-4 [&_svg]:w-4 [&_svg]:shrink-0",t),...e})}function it({className:t,...e}){return jsx("span",{className:i("mt-0.5 shrink-0 [&_svg]:h-5 [&_svg]:w-5",t),...e})}function at({className:t,...e}){return jsx("div",{className:i("flex-1 min-w-0 space-y-1",t),...e})}function st({className:t,...e}){return jsx("p",{className:i("text-sm opacity-90",t),...e})}var I=0,s=[],m=new Map,p=new Set;function M(){return s}function u(){p.forEach(t=>t());}function f(t){let e=m.get(t);e&&(clearTimeout(e),m.delete(t)),s=s.map(n=>n.id===t?{...n,exiting:true}:n),u(),setTimeout(()=>{s=s.filter(n=>n.id!==t),u();},200);}function H(t){let e=`alert-${++I}`;s=[...s,{...t,id:e}],u();let n=t.duration??5e3;if(n>0){let r=setTimeout(()=>{m.delete(e),f(e);},n);m.set(e,r);}return e}var g=16;function lt(t){g=t;}var E={"top-right":"right-4 items-end","top-left":"left-4 items-start","bottom-right":"bottom-4 right-4 items-end","bottom-left":"bottom-4 left-4 items-start","top-center":"left-1/2 -translate-x-1/2 items-center","bottom-center":"bottom-4 left-1/2 -translate-x-1/2 items-center"},L={"top-right":"animate-slide-in-right","top-left":"animate-slide-in-left","bottom-right":"animate-slide-in-right","bottom-left":"animate-slide-in-left","top-center":"animate-slide-in-top","bottom-center":"animate-slide-in-bottom"},_={success:CircleCheck,warning:TriangleAlert,error:CircleX,info:Info};function S({alert:t,onClose:e}){let n=t.intent??"info",r=_[n],l=t.position??"top-right";return jsxs("div",{className:i(c({intent:n}),L[l],t.exiting&&"opacity-0 transition-opacity duration-200","w-80 max-w-[calc(100vw-2rem)]"),role:"alert",children:[jsx(r,{className:"mt-0.5 h-5 w-5 shrink-0"}),jsxs("div",{className:"flex-1",children:[t.title&&jsx("p",{className:"font-semibold",children:t.title}),jsx("p",{className:i(t.title&&"text-sm opacity-90"),children:t.message})]}),jsx("button",{onClick:e,"aria-label":"Close notification",className:"shrink-0 cursor-pointer opacity-50 transition-opacity hover:opacity-100",children:jsx(X,{className:"h-4 w-4"})})]})}var z=t=>t.startsWith("top");function O(){let t=useSyncExternalStore(r=>(p.add(r),()=>p.delete(r)),M),e=useRef(g);if(useEffect(()=>{e.current=g;},[]),t.length===0)return null;let n=t.reduce((r,l)=>{let a=l.position??"top-right";return (r[a]??(r[a]=[])).push(l),r},{});return createPortal(jsx(Fragment,{children:Object.entries(n).map(([r,l])=>jsx("div",{style:z(r)?{top:`${e.current}px`}:void 0,className:i("pointer-events-none fixed z-100 flex flex-col gap-2",E[r]),children:l.map(a=>jsx(S,{alert:a,onClose:()=>f(a.id)},a.id))},r))}),document.body)}var b=false;function D(){if(b)return;b=true;let t=document.createElement("div");t.id="alert-toast-root",document.body.appendChild(t),createRoot(t).render(jsx(O,{}));}function dt(){return useEffect(()=>{D();},[]),{addAlert:H,removeAlert:f}}export{nt as Alert,at as AlertContent,st as AlertDescription,it as AlertIcon,ot as AlertTitle,lt as configureAlertTopOffset,dt as useAlert};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use strict';var react=require('react'),reactDom=require('react-dom'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function
|
|
1
|
+
'use strict';var react=require('react'),reactDom=require('react-dom'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function i(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var u=classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});classVarianceAuthority.cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}});classVarianceAuthority.cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});function q({value:t=0,size:n,intent:g,edge:s,showLabel:m=false,indeterminate:r=false,animated:p=false,duration:b=500,className:c,...f}){let a=Math.max(0,Math.min(100,t)),[x,y]=react.useState(0),o=react.useRef(0);react.useEffect(()=>{if(!r)return o.current=requestAnimationFrame(()=>{y(a);}),()=>{o.current&&cancelAnimationFrame(o.current);}},[a,r]);let w=m&&!r&&n!=="xs"&&n!=="sm",l=jsxRuntime.jsx("div",{role:"progressbar","aria-valuenow":r?void 0:a,"aria-valuemin":0,"aria-valuemax":100,className:i(u({size:n,intent:g,edge:s}),c),...f,children:r?jsxRuntime.jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsxRuntime.jsx("div",{className:i("progress-fill h-full rounded-full transition-[width] ease-out",p&&"animate-progress-shine"),style:{width:`${x}%`,transitionDuration:`${b}ms`},children:w&&jsxRuntime.jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(a),"%"]})})});return s==="top"||s==="bottom"?reactDom.createPortal(l,document.body):l}exports.ProgressBar=q;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {useState,useRef,useEffect}from'react';import {createPortal}from'react-dom';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';function
|
|
1
|
+
import {useState,useRef,useEffect}from'react';import {createPortal}from'react-dom';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,jsxs}from'react/jsx-runtime';function i(...t){return twMerge(clsx(t))}var u=cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}});cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});function q({value:t=0,size:n,intent:g,edge:s,showLabel:m=false,indeterminate:r=false,animated:p=false,duration:b=500,className:c,...f}){let a=Math.max(0,Math.min(100,t)),[x,y]=useState(0),o=useRef(0);useEffect(()=>{if(!r)return o.current=requestAnimationFrame(()=>{y(a);}),()=>{o.current&&cancelAnimationFrame(o.current);}},[a,r]);let w=m&&!r&&n!=="xs"&&n!=="sm",l=jsx("div",{role:"progressbar","aria-valuenow":r?void 0:a,"aria-valuemin":0,"aria-valuemax":100,className:i(u({size:n,intent:g,edge:s}),c),...f,children:r?jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsx("div",{className:i("progress-fill h-full rounded-full transition-[width] ease-out",p&&"animate-progress-shine"),style:{width:`${x}%`,transitionDuration:`${b}ms`},children:w&&jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(a),"%"]})})});return s==="top"||s==="bottom"?createPortal(l,document.body):l}export{q as ProgressBar};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function a(...r){return tailwindMerge.twMerge(clsx.clsx(r))}classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});var n=classVarianceAuthority.cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}});classVarianceAuthority.cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});function m(r){if(r!==void 0)return typeof r=="number"?`${r}px`:r}function k({variant:r="text",animation:i="pulse",width:b,height:c,lines:t,className:d,style:o,...g}){let p=m(b),l=m(c);return r==="text"&&t!==void 0&&t>1?jsxRuntime.jsx("span",{className:a("flex flex-col gap-2",d),"aria-hidden":"true",role:"presentation",style:o,...g,children:Array.from({length:t},(y,u)=>jsxRuntime.jsx("span",{className:n({variant:"text",animation:i}),style:{width:u===t-1?"60%":p??"100%",height:l}},u))}):jsxRuntime.jsx("span",{className:a(n({variant:r,animation:i}),d),"aria-hidden":"true",role:"presentation",style:{width:p,height:l,...o},...g})}exports.Skeleton=k;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx}from'react/jsx-runtime';function a(...r){return twMerge(clsx(r))}cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});var n=cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}});cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});function m(r){if(r!==void 0)return typeof r=="number"?`${r}px`:r}function k({variant:r="text",animation:i="pulse",width:b,height:c,lines:t,className:d,style:o,...g}){let p=m(b),l=m(c);return r==="text"&&t!==void 0&&t>1?jsx("span",{className:a("flex flex-col gap-2",d),"aria-hidden":"true",role:"presentation",style:o,...g,children:Array.from({length:t},(y,u)=>jsx("span",{className:n({variant:"text",animation:i}),style:{width:u===t-1?"60%":p??"100%",height:l}},u))}):jsx("span",{className:a(n({variant:r,animation:i}),d),"aria-hidden":"true",role:"presentation",style:{width:p,height:l,...o},...g})}export{k as Skeleton};
|
package/dist/Feedback/Spin.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var react=require('react'),reactDom=require('react-dom'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function
|
|
2
|
-
exports.Spin=
|
|
1
|
+
'use strict';var react=require('react'),reactDom=require('react-dom'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function a(...e){return tailwindMerge.twMerge(clsx.clsx(e))}classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});var l=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});classVarianceAuthority.cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}});classVarianceAuthority.cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});function c({size:e}){let r=e==="sm"?20:e==="lg"?40:28;return jsxRuntime.jsx("svg",{className:"animate-spin-rotate",width:r,height:r,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function K({spinning:e=true,tip:r,size:n,className:d,children:m,...g}){return m?jsxRuntime.jsxs("div",{className:a("relative w-fit",d),...g,children:[jsxRuntime.jsx("div",{className:a("transition-all duration-200",e&&"pointer-events-none select-none blur-[1px]"),children:m}),e&&jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:n}),r&&jsxRuntime.jsx("span",{className:a(l({size:n}),"select-none"),children:r})]})]}):e?jsxRuntime.jsxs("div",{className:a("inline-flex flex-col items-center gap-2",d),...g,children:[jsxRuntime.jsx(c,{size:n}),r&&jsxRuntime.jsx("span",{className:a(l({size:n}),"select-none"),children:r})]}):null}var S=0,o=[],u=new Set;function E(){return o}function y(){u.forEach(e=>e());}function V(e,r){let n=++S;return o=[...o,{id:n,target:e,tip:r}],y(),()=>z(n)}function z(e){o=o.filter(r=>r.id!==e),y();}function Q(){return V}var b=false;function M(){if(b||typeof document>"u")return;b=true;let e=document.createElement("div");e.id="jac-spin-portal",document.body.appendChild(e),import('react-dom/client').then(({createRoot:r})=>{r(e).render(jsxRuntime.jsx(H,{}));});}var p=new Map;function N(e){let r=p.get(e);if(r){r.count++;return}let n=getComputedStyle(e),d=e.style.position;n.position==="static"&&(e.style.position="relative"),p.set(e,{count:1,original:d});}function L(e){let r=p.get(e);r&&(r.count--,r.count<=0&&(e.style.position=r.original,p.delete(e)));}function P({entry:e}){return react.useEffect(()=>{let r=e.target;if(!x(r))return N(r),()=>L(r)},[e.target]),x(e.target)?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:"lg"}),e.tip&&jsxRuntime.jsx("span",{className:"select-none text-sm text-primary-100",children:e.tip})]}),document.body):reactDom.createPortal(jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:"md"}),e.tip&&jsxRuntime.jsx("span",{className:a(l({size:"md"}),"select-none"),children:e.tip})]}),e.target)}function H(){let e=react.useSyncExternalStore(r=>(u.add(r),()=>u.delete(r)),()=>E());return e.length===0?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:e.map(r=>jsxRuntime.jsx(P,{entry:r},r.id))})}function x(e){return e===document.documentElement||e===document.body}typeof document<"u"&&M();
|
|
2
|
+
exports.Spin=K;exports.useSpin=Q;
|
package/dist/Feedback/Spin.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {useSyncExternalStore,useEffect}from'react';import {createPortal}from'react-dom';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function
|
|
2
|
-
export{
|
|
1
|
+
import {useSyncExternalStore,useEffect}from'react';import {createPortal}from'react-dom';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function a(...e){return twMerge(clsx(e))}cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});var l=cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}});cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});function c({size:e}){let r=e==="sm"?20:e==="lg"?40:28;return jsx("svg",{className:"animate-spin-rotate",width:r,height:r,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function K({spinning:e=true,tip:r,size:n,className:d,children:m,...g}){return m?jsxs("div",{className:a("relative w-fit",d),...g,children:[jsx("div",{className:a("transition-all duration-200",e&&"pointer-events-none select-none blur-[1px]"),children:m}),e&&jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(c,{size:n}),r&&jsx("span",{className:a(l({size:n}),"select-none"),children:r})]})]}):e?jsxs("div",{className:a("inline-flex flex-col items-center gap-2",d),...g,children:[jsx(c,{size:n}),r&&jsx("span",{className:a(l({size:n}),"select-none"),children:r})]}):null}var S=0,o=[],u=new Set;function E(){return o}function y(){u.forEach(e=>e());}function V(e,r){let n=++S;return o=[...o,{id:n,target:e,tip:r}],y(),()=>z(n)}function z(e){o=o.filter(r=>r.id!==e),y();}function Q(){return V}var b=false;function M(){if(b||typeof document>"u")return;b=true;let e=document.createElement("div");e.id="jac-spin-portal",document.body.appendChild(e),import('react-dom/client').then(({createRoot:r})=>{r(e).render(jsx(H,{}));});}var p=new Map;function N(e){let r=p.get(e);if(r){r.count++;return}let n=getComputedStyle(e),d=e.style.position;n.position==="static"&&(e.style.position="relative"),p.set(e,{count:1,original:d});}function L(e){let r=p.get(e);r&&(r.count--,r.count<=0&&(e.style.position=r.original,p.delete(e)));}function P({entry:e}){return useEffect(()=>{let r=e.target;if(!x(r))return N(r),()=>L(r)},[e.target]),x(e.target)?createPortal(jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsx(c,{size:"lg"}),e.tip&&jsx("span",{className:"select-none text-sm text-primary-100",children:e.tip})]}),document.body):createPortal(jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(c,{size:"md"}),e.tip&&jsx("span",{className:a(l({size:"md"}),"select-none"),children:e.tip})]}),e.target)}function H(){let e=useSyncExternalStore(r=>(u.add(r),()=>u.delete(r)),()=>E());return e.length===0?null:jsx(Fragment,{children:e.map(r=>jsx(P,{entry:r},r.id))})}function x(e){return e===document.documentElement||e===document.body}typeof document<"u"&&M();
|
|
2
|
+
export{K as Spin,Q as useSpin};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var react=require('react'),reactDom=require('react-dom'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function u(...t){return tailwindMerge.twMerge(clsx.clsx(t))}classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});classVarianceAuthority.cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}});var k=classVarianceAuthority.cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});var _=0,v=320;function w(t,d){let[m,s]=react.useState([]),o=react.useRef(new Map),l=react.useCallback(e=>{let r=o.current.get(e);r!==void 0&&(clearTimeout(r),o.current.delete(e));},[]),n=react.useCallback(e=>{l(e),s(r=>r.map(c=>c.id===e?{...c,_exiting:true}:c)),setTimeout(()=>s(r=>r.filter(c=>c.id!==e)),v);},[l]),x=react.useCallback(e=>n(e),[n]),i=react.useCallback(()=>{o.current.forEach(clearTimeout),o.current.clear(),s(e=>e.map(r=>({...r,_exiting:true}))),setTimeout(()=>s([]),v);},[]),p=react.useCallback(e=>{let r=`toast-${++_}`,c=e.position??t,T=e.duration!==void 0?e.duration:d;if(s(y=>[...y,{...e,id:r,position:c,duration:T,_exiting:false}]),T>0){let y=setTimeout(()=>{o.current.delete(r),n(r);},T);o.current.set(r,y);}return r},[t,d,n]);return react.useEffect(()=>{let e=o.current;return ()=>{e.forEach(clearTimeout),e.clear();}},[]),{items:m,toast:p,dismiss:x,dismissAll:i}}var b=react.createContext(null),G={"top-right":"top-4 right-4 items-end","top-left":"top-4 left-4 items-start","top-center":"top-4 left-1/2 -translate-x-1/2 items-center","bottom-right":"bottom-4 right-4 items-end","bottom-left":"bottom-4 left-4 items-start","bottom-center":"bottom-4 left-1/2 -translate-x-1/2 items-center"},X={"top-right":"animate-slide-in-right","top-left":"animate-slide-in-left","top-center":"animate-slide-in-top","bottom-right":"animate-slide-in-right","bottom-left":"animate-slide-in-left","bottom-center":"animate-slide-in-bottom"},B={"top-right":"toast-exit-right","top-left":"toast-exit-left","top-center":"toast-exit-up","bottom-right":"toast-exit-right","bottom-left":"toast-exit-left","bottom-center":"toast-exit-down"},$={default:lucideReact.Bell,success:lucideReact.CheckCircle2,danger:lucideReact.XCircle,warning:lucideReact.AlertTriangle,info:lucideReact.Info};function F({item:t,onDismiss:d}){let m=t.variant??"default",s=t.position??"top-right",o=t.dismissible!==false,l=$[m],n=()=>{t.onDismiss?.(t.id),d(t.id);};return jsxRuntime.jsx("div",{className:u("toast-wrapper",t._exiting&&`toast-wrapper-exiting ${B[s]}`),children:jsxRuntime.jsxs("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:u(k({variant:m}),"toast-item pointer-events-auto",!t._exiting&&X[s]),children:[jsxRuntime.jsx(l,{className:"mt-0.5 h-5 w-5 shrink-0","aria-hidden":"true"}),jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-0.5",children:[t.title&&jsxRuntime.jsx("p",{className:"text-sm font-semibold leading-snug",children:t.title}),t.description&&jsxRuntime.jsx("p",{className:u("text-sm leading-snug",t.title&&"opacity-80"),children:t.description}),t.action&&jsxRuntime.jsx("button",{type:"button",onClick:t.action.onClick,className:"toast-action-btn mt-1 self-start text-xs font-semibold underline underline-offset-2 transition-opacity hover:opacity-80",children:t.action.label})]}),o&&jsxRuntime.jsx("button",{type:"button",onClick:n,"aria-label":"Dismiss notification",className:"shrink-0 cursor-pointer opacity-60 transition-opacity hover:opacity-100",children:jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"})})]})})}function j({children:t,defaultPosition:d="top-right",defaultDuration:m=4e3}){let{items:s,toast:o,dismiss:l,dismissAll:n}=w(d,m),x=s.reduce((i,p)=>{let e=p.position??d;return (i[e]??(i[e]=[])).push(p),i},{});return jsxRuntime.jsxs(b.Provider,{value:{toast:o,dismiss:l,dismissAll:n},children:[t,typeof document<"u"&&reactDom.createPortal(jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.entries(x).map(([i,p])=>jsxRuntime.jsx("div",{className:u("pointer-events-none fixed z-[100] flex flex-col gap-2",G[i]),children:p.map(e=>jsxRuntime.jsx(F,{item:e,onDismiss:l},e.id))},i))}),document.body)]})}function J(){let t=react.useContext(b);if(!t)throw new Error("useToast must be used within a <ToastProvider>");return t}exports.ToastContext=b;exports.ToastProvider=j;exports.useToast=J;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { ToastProvider_alias_3 as ToastProvider } from '../_tsup-dts-rollup.cjs';
|
|
2
|
+
export { ToastContext_alias_3 as ToastContext } from '../_tsup-dts-rollup.cjs';
|
|
3
|
+
export { useToast_alias_3 as useToast } from '../_tsup-dts-rollup.cjs';
|
|
4
|
+
export { ToastProps_alias_2 as ToastProps } from '../_tsup-dts-rollup.cjs';
|
|
5
|
+
export { ToastOptions_alias_2 as ToastOptions } from '../_tsup-dts-rollup.cjs';
|
|
6
|
+
export { ToastVariant_alias_2 as ToastVariant } from '../_tsup-dts-rollup.cjs';
|
|
7
|
+
export { ToastPosition_alias_2 as ToastPosition } from '../_tsup-dts-rollup.cjs';
|
|
8
|
+
export { ToastAction_alias_2 as ToastAction } from '../_tsup-dts-rollup.cjs';
|
|
9
|
+
export { ToastContextValue_alias_2 as ToastContextValue } from '../_tsup-dts-rollup.cjs';
|
|
10
|
+
export { ToastProviderProps_alias_2 as ToastProviderProps } from '../_tsup-dts-rollup.cjs';
|
|
11
|
+
export { ToastItem } from '../_tsup-dts-rollup.cjs';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { ToastProvider_alias_3 as ToastProvider } from '../_tsup-dts-rollup.js';
|
|
2
|
+
export { ToastContext_alias_3 as ToastContext } from '../_tsup-dts-rollup.js';
|
|
3
|
+
export { useToast_alias_3 as useToast } from '../_tsup-dts-rollup.js';
|
|
4
|
+
export { ToastProps_alias_2 as ToastProps } from '../_tsup-dts-rollup.js';
|
|
5
|
+
export { ToastOptions_alias_2 as ToastOptions } from '../_tsup-dts-rollup.js';
|
|
6
|
+
export { ToastVariant_alias_2 as ToastVariant } from '../_tsup-dts-rollup.js';
|
|
7
|
+
export { ToastPosition_alias_2 as ToastPosition } from '../_tsup-dts-rollup.js';
|
|
8
|
+
export { ToastAction_alias_2 as ToastAction } from '../_tsup-dts-rollup.js';
|
|
9
|
+
export { ToastContextValue_alias_2 as ToastContextValue } from '../_tsup-dts-rollup.js';
|
|
10
|
+
export { ToastProviderProps_alias_2 as ToastProviderProps } from '../_tsup-dts-rollup.js';
|
|
11
|
+
export { ToastItem } from '../_tsup-dts-rollup.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {createContext,useContext,useState,useRef,useCallback,useEffect}from'react';import {createPortal}from'react-dom';import {Info,AlertTriangle,XCircle,CheckCircle2,Bell,X as X$1}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function u(...t){return twMerge(clsx(t))}cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}});cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}});cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}});var k=cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});var _=0,v=320;function w(t,d){let[m,s]=useState([]),o=useRef(new Map),l=useCallback(e=>{let r=o.current.get(e);r!==void 0&&(clearTimeout(r),o.current.delete(e));},[]),n=useCallback(e=>{l(e),s(r=>r.map(c=>c.id===e?{...c,_exiting:true}:c)),setTimeout(()=>s(r=>r.filter(c=>c.id!==e)),v);},[l]),x=useCallback(e=>n(e),[n]),i=useCallback(()=>{o.current.forEach(clearTimeout),o.current.clear(),s(e=>e.map(r=>({...r,_exiting:true}))),setTimeout(()=>s([]),v);},[]),p=useCallback(e=>{let r=`toast-${++_}`,c=e.position??t,T=e.duration!==void 0?e.duration:d;if(s(y=>[...y,{...e,id:r,position:c,duration:T,_exiting:false}]),T>0){let y=setTimeout(()=>{o.current.delete(r),n(r);},T);o.current.set(r,y);}return r},[t,d,n]);return useEffect(()=>{let e=o.current;return ()=>{e.forEach(clearTimeout),e.clear();}},[]),{items:m,toast:p,dismiss:x,dismissAll:i}}var b=createContext(null),G={"top-right":"top-4 right-4 items-end","top-left":"top-4 left-4 items-start","top-center":"top-4 left-1/2 -translate-x-1/2 items-center","bottom-right":"bottom-4 right-4 items-end","bottom-left":"bottom-4 left-4 items-start","bottom-center":"bottom-4 left-1/2 -translate-x-1/2 items-center"},X={"top-right":"animate-slide-in-right","top-left":"animate-slide-in-left","top-center":"animate-slide-in-top","bottom-right":"animate-slide-in-right","bottom-left":"animate-slide-in-left","bottom-center":"animate-slide-in-bottom"},B={"top-right":"toast-exit-right","top-left":"toast-exit-left","top-center":"toast-exit-up","bottom-right":"toast-exit-right","bottom-left":"toast-exit-left","bottom-center":"toast-exit-down"},$={default:Bell,success:CheckCircle2,danger:XCircle,warning:AlertTriangle,info:Info};function F({item:t,onDismiss:d}){let m=t.variant??"default",s=t.position??"top-right",o=t.dismissible!==false,l=$[m],n=()=>{t.onDismiss?.(t.id),d(t.id);};return jsx("div",{className:u("toast-wrapper",t._exiting&&`toast-wrapper-exiting ${B[s]}`),children:jsxs("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:u(k({variant:m}),"toast-item pointer-events-auto",!t._exiting&&X[s]),children:[jsx(l,{className:"mt-0.5 h-5 w-5 shrink-0","aria-hidden":"true"}),jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-0.5",children:[t.title&&jsx("p",{className:"text-sm font-semibold leading-snug",children:t.title}),t.description&&jsx("p",{className:u("text-sm leading-snug",t.title&&"opacity-80"),children:t.description}),t.action&&jsx("button",{type:"button",onClick:t.action.onClick,className:"toast-action-btn mt-1 self-start text-xs font-semibold underline underline-offset-2 transition-opacity hover:opacity-80",children:t.action.label})]}),o&&jsx("button",{type:"button",onClick:n,"aria-label":"Dismiss notification",className:"shrink-0 cursor-pointer opacity-60 transition-opacity hover:opacity-100",children:jsx(X$1,{className:"h-4 w-4"})})]})})}function j({children:t,defaultPosition:d="top-right",defaultDuration:m=4e3}){let{items:s,toast:o,dismiss:l,dismissAll:n}=w(d,m),x=s.reduce((i,p)=>{let e=p.position??d;return (i[e]??(i[e]=[])).push(p),i},{});return jsxs(b.Provider,{value:{toast:o,dismiss:l,dismissAll:n},children:[t,typeof document<"u"&&createPortal(jsx(Fragment,{children:Object.entries(x).map(([i,p])=>jsx("div",{className:u("pointer-events-none fixed z-[100] flex flex-col gap-2",G[i]),children:p.map(e=>jsx(F,{item:e,onDismiss:l},e.id))},i))}),document.body)]})}function J(){let t=useContext(b);if(!t)throw new Error("useToast must be used within a <ToastProvider>");return t}export{b as ToastContext,j as ToastProvider,J as useToast};
|
package/dist/Feedback/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),reactDom=require('react-dom');require('react-dom/client'),require('lucide-react');var clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function n(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var v=classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),p=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),A=classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function g({intent:t,className:e,children:o,...i}){return jsxRuntime.jsx("div",{className:n(A({intent:t}),e),role:"alert",...i,children:o})}function x({value:t=0,size:e,intent:o,edge:i,showLabel:l=false,indeterminate:s=false,animated:N=false,duration:S=500,className:E,...M}){let m=Math.max(0,Math.min(100,t)),[V,L]=react.useState(0),d=react.useRef(0);react.useEffect(()=>{if(!s)return d.current=requestAnimationFrame(()=>{L(m);}),()=>{d.current&&cancelAnimationFrame(d.current);}},[m,s]);let R=l&&!s&&e!=="xs"&&e!=="sm",h=jsxRuntime.jsx("div",{role:"progressbar","aria-valuenow":s?void 0:m,"aria-valuemin":0,"aria-valuemax":100,className:n(v({size:e,intent:o,edge:i}),E),...M,children:s?jsxRuntime.jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsxRuntime.jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",N&&"animate-progress-shine"),style:{width:`${V}%`,transitionDuration:`${S}ms`},children:R&&jsxRuntime.jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(m),"%"]})})});return i==="top"||i==="bottom"?reactDom.createPortal(h,document.body):h}function c({size:t}){let e=t==="sm"?20:t==="lg"?40:28;return jsxRuntime.jsx("svg",{className:"animate-spin-rotate",width:e,height:e,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function y({spinning:t=true,tip:e,size:o,className:i,children:l,...s}){return l?jsxRuntime.jsxs("div",{className:n("relative w-fit",i),...s,children:[jsxRuntime.jsx("div",{className:n("transition-all duration-200",t&&"pointer-events-none select-none blur-[1px]"),children:l}),t&&jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:o}),e&&jsxRuntime.jsx("span",{className:n(p({size:o}),"select-none"),children:e})]})]}):t?jsxRuntime.jsxs("div",{className:n("inline-flex flex-col items-center gap-2",i),...s,children:[jsxRuntime.jsx(c,{size:o}),e&&jsxRuntime.jsx("span",{className:n(p({size:o}),"select-none"),children:e})]}):null}var $=[],P=new Set;function j(){return $}var k=false;function G(){if(k||typeof document>"u")return;k=true;let t=document.createElement("div");t.id="jac-spin-portal",document.body.appendChild(t),import('react-dom/client').then(({createRoot:e})=>{e(t).render(jsxRuntime.jsx(K,{}));});}var u=new Map;function q(t){let e=u.get(t);if(e){e.count++;return}let o=getComputedStyle(t),i=t.style.position;o.position==="static"&&(t.style.position="relative"),u.set(t,{count:1,original:i});}function X(t){let e=u.get(t);e&&(e.count--,e.count<=0&&(t.style.position=e.original,u.delete(t)));}function J({entry:t}){return react.useEffect(()=>{let e=t.target;if(!T(e))return q(e),()=>X(e)},[t.target]),T(t.target)?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:"lg"}),t.tip&&jsxRuntime.jsx("span",{className:"select-none text-sm text-primary-100",children:t.tip})]}),document.body):reactDom.createPortal(jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(c,{size:"md"}),t.tip&&jsxRuntime.jsx("span",{className:n(p({size:"md"}),"select-none"),children:t.tip})]}),t.target)}function K(){let t=react.useSyncExternalStore(e=>(P.add(e),()=>P.delete(e)),()=>j());return t.length===0?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:t.map(e=>jsxRuntime.jsx(J,{entry:e},e.id))})}function T(t){return t===document.documentElement||t===document.body}typeof document<"u"&&G();var U={Alert:g,ProgressBar:x,Spin:y},Ft=U;
|
|
2
|
-
exports.Alert=
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var react=require('react'),reactDom=require('react-dom');require('react-dom/client');var lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function i(...t){return tailwindMerge.twMerge(clsx.clsx(t))}var _=classVarianceAuthority.cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),P=classVarianceAuthority.cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),O=classVarianceAuthority.cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}}),S=classVarianceAuthority.cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}}),D=classVarianceAuthority.cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});function N({intent:t,className:e,children:s,...o}){return jsxRuntime.jsx("div",{className:i(O({intent:t}),e),role:"alert",...o,children:s})}function R({value:t=0,size:e,intent:s,edge:o,showLabel:n=false,indeterminate:a=false,animated:c=false,duration:g=500,className:m,...d}){let r=Math.max(0,Math.min(100,t)),[l,f]=react.useState(0),x=react.useRef(0);react.useEffect(()=>{if(!a)return x.current=requestAnimationFrame(()=>{f(r);}),()=>{x.current&&cancelAnimationFrame(x.current);}},[r,a]);let b=n&&!a&&e!=="xs"&&e!=="sm",H=jsxRuntime.jsx("div",{role:"progressbar","aria-valuenow":a?void 0:r,"aria-valuemin":0,"aria-valuemax":100,className:i(_({size:e,intent:s,edge:o}),m),...d,children:a?jsxRuntime.jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsxRuntime.jsx("div",{className:i("progress-fill h-full rounded-full transition-[width] ease-out",c&&"animate-progress-shine"),style:{width:`${l}%`,transitionDuration:`${g}ms`},children:b&&jsxRuntime.jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(r),"%"]})})});return o==="top"||o==="bottom"?reactDom.createPortal(H,document.body):H}function k({size:t}){let e=t==="sm"?20:t==="lg"?40:28;return jsxRuntime.jsx("svg",{className:"animate-spin-rotate",width:e,height:e,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function M({spinning:t=true,tip:e,size:s,className:o,children:n,...a}){return n?jsxRuntime.jsxs("div",{className:i("relative w-fit",o),...a,children:[jsxRuntime.jsx("div",{className:i("transition-all duration-200",t&&"pointer-events-none select-none blur-[1px]"),children:n}),t&&jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(k,{size:s}),e&&jsxRuntime.jsx("span",{className:i(P({size:s}),"select-none"),children:e})]})]}):t?jsxRuntime.jsxs("div",{className:i("inline-flex flex-col items-center gap-2",o),...a,children:[jsxRuntime.jsx(k,{size:s}),e&&jsxRuntime.jsx("span",{className:i(P({size:s}),"select-none"),children:e})]}):null}var rt=[],B=new Set;function ot(){return rt}var $=false;function nt(){if($||typeof document>"u")return;$=true;let t=document.createElement("div");t.id="jac-spin-portal",document.body.appendChild(t),import('react-dom/client').then(({createRoot:e})=>{e(t).render(jsxRuntime.jsx(lt,{}));});}var w=new Map;function it(t){let e=w.get(t);if(e){e.count++;return}let s=getComputedStyle(t),o=t.style.position;s.position==="static"&&(t.style.position="relative"),w.set(t,{count:1,original:o});}function st(t){let e=w.get(t);e&&(e.count--,e.count<=0&&(t.style.position=e.original,w.delete(t)));}function at({entry:t}){return react.useEffect(()=>{let e=t.target;if(!F(e))return it(e),()=>st(e)},[t.target]),F(t.target)?reactDom.createPortal(jsxRuntime.jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsxRuntime.jsx(k,{size:"lg"}),t.tip&&jsxRuntime.jsx("span",{className:"select-none text-sm text-primary-100",children:t.tip})]}),document.body):reactDom.createPortal(jsxRuntime.jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsxRuntime.jsx(k,{size:"md"}),t.tip&&jsxRuntime.jsx("span",{className:i(P({size:"md"}),"select-none"),children:t.tip})]}),t.target)}function lt(){let t=react.useSyncExternalStore(e=>(B.add(e),()=>B.delete(e)),()=>ot());return t.length===0?null:jsxRuntime.jsx(jsxRuntime.Fragment,{children:t.map(e=>jsxRuntime.jsx(at,{entry:e},e.id))})}function F(t){return t===document.documentElement||t===document.body}typeof document<"u"&&nt();function G(t){if(t!==void 0)return typeof t=="number"?`${t}px`:t}function A({variant:t="text",animation:e="pulse",width:s,height:o,lines:n,className:a,style:c,...g}){let m=G(s),d=G(o);return t==="text"&&n!==void 0&&n>1?jsxRuntime.jsx("span",{className:i("flex flex-col gap-2",a),"aria-hidden":"true",role:"presentation",style:c,...g,children:Array.from({length:n},(r,l)=>jsxRuntime.jsx("span",{className:S({variant:"text",animation:e}),style:{width:l===n-1?"60%":m??"100%",height:d}},l))}):jsxRuntime.jsx("span",{className:i(S({variant:t,animation:e}),a),"aria-hidden":"true",role:"presentation",style:{width:m,height:d,...c},...g})}var ut=0,W=320;function X(t,e){let[s,o]=react.useState([]),n=react.useRef(new Map),a=react.useCallback(r=>{let l=n.current.get(r);l!==void 0&&(clearTimeout(l),n.current.delete(r));},[]),c=react.useCallback(r=>{a(r),o(l=>l.map(f=>f.id===r?{...f,_exiting:true}:f)),setTimeout(()=>o(l=>l.filter(f=>f.id!==r)),W);},[a]),g=react.useCallback(r=>c(r),[c]),m=react.useCallback(()=>{n.current.forEach(clearTimeout),n.current.clear(),o(r=>r.map(l=>({...l,_exiting:true}))),setTimeout(()=>o([]),W);},[]),d=react.useCallback(r=>{let l=`toast-${++ut}`,f=r.position??t,x=r.duration!==void 0?r.duration:e;if(o(b=>[...b,{...r,id:l,position:f,duration:x,_exiting:false}]),x>0){let b=setTimeout(()=>{n.current.delete(l),c(l);},x);n.current.set(l,b);}return l},[t,e,c]);return react.useEffect(()=>{let r=n.current;return ()=>{r.forEach(clearTimeout),r.clear();}},[]),{items:s,toast:d,dismiss:g,dismissAll:m}}var v=react.createContext(null),Pt={"top-right":"top-4 right-4 items-end","top-left":"top-4 left-4 items-start","top-center":"top-4 left-1/2 -translate-x-1/2 items-center","bottom-right":"bottom-4 right-4 items-end","bottom-left":"bottom-4 left-4 items-start","bottom-center":"bottom-4 left-1/2 -translate-x-1/2 items-center"},kt={"top-right":"animate-slide-in-right","top-left":"animate-slide-in-left","top-center":"animate-slide-in-top","bottom-right":"animate-slide-in-right","bottom-left":"animate-slide-in-left","bottom-center":"animate-slide-in-bottom"},wt={"top-right":"toast-exit-right","top-left":"toast-exit-left","top-center":"toast-exit-up","bottom-right":"toast-exit-right","bottom-left":"toast-exit-left","bottom-center":"toast-exit-down"},At={default:lucideReact.Bell,success:lucideReact.CheckCircle2,danger:lucideReact.XCircle,warning:lucideReact.AlertTriangle,info:lucideReact.Info};function Vt({item:t,onDismiss:e}){let s=t.variant??"default",o=t.position??"top-right",n=t.dismissible!==false,a=At[s],c=()=>{t.onDismiss?.(t.id),e(t.id);};return jsxRuntime.jsx("div",{className:i("toast-wrapper",t._exiting&&`toast-wrapper-exiting ${wt[o]}`),children:jsxRuntime.jsxs("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:i(D({variant:s}),"toast-item pointer-events-auto",!t._exiting&&kt[o]),children:[jsxRuntime.jsx(a,{className:"mt-0.5 h-5 w-5 shrink-0","aria-hidden":"true"}),jsxRuntime.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-0.5",children:[t.title&&jsxRuntime.jsx("p",{className:"text-sm font-semibold leading-snug",children:t.title}),t.description&&jsxRuntime.jsx("p",{className:i("text-sm leading-snug",t.title&&"opacity-80"),children:t.description}),t.action&&jsxRuntime.jsx("button",{type:"button",onClick:t.action.onClick,className:"toast-action-btn mt-1 self-start text-xs font-semibold underline underline-offset-2 transition-opacity hover:opacity-80",children:t.action.label})]}),n&&jsxRuntime.jsx("button",{type:"button",onClick:c,"aria-label":"Dismiss notification",className:"shrink-0 cursor-pointer opacity-60 transition-opacity hover:opacity-100",children:jsxRuntime.jsx(lucideReact.X,{className:"h-4 w-4"})})]})})}function V({children:t,defaultPosition:e="top-right",defaultDuration:s=4e3}){let{items:o,toast:n,dismiss:a,dismissAll:c}=X(e,s),g=o.reduce((m,d)=>{let r=d.position??e;return (m[r]??(m[r]=[])).push(d),m},{});return jsxRuntime.jsxs(v.Provider,{value:{toast:n,dismiss:a,dismissAll:c},children:[t,typeof document<"u"&&reactDom.createPortal(jsxRuntime.jsx(jsxRuntime.Fragment,{children:Object.entries(g).map(([m,d])=>jsxRuntime.jsx("div",{className:i("pointer-events-none fixed z-[100] flex flex-col gap-2",Pt[m]),children:d.map(r=>jsxRuntime.jsx(Vt,{item:r,onDismiss:a},r.id))},m))}),document.body)]})}function C(){let t=react.useContext(v);if(!t)throw new Error("useToast must be used within a <ToastProvider>");return t}var Nt={Alert:N,ProgressBar:R,Spin:M,Skeleton:A,ToastProvider:V,useToast:C},We=Nt;
|
|
2
|
+
exports.Alert=N;exports.Feedback=Nt;exports.ProgressBar=R;exports.Skeleton=A;exports.Spin=M;exports.ToastContext=v;exports.ToastProvider=V;exports.default=We;exports.useToast=C;
|
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
export { Alert_alias_1 as Alert } from '../_tsup-dts-rollup.cjs';
|
|
2
2
|
export { ProgressBar_alias_1 as ProgressBar } from '../_tsup-dts-rollup.cjs';
|
|
3
3
|
export { Spin_alias_1 as Spin } from '../_tsup-dts-rollup.cjs';
|
|
4
|
+
export { Skeleton_alias_1 as Skeleton } from '../_tsup-dts-rollup.cjs';
|
|
5
|
+
export { ToastProvider_alias_1 as ToastProvider } from '../_tsup-dts-rollup.cjs';
|
|
6
|
+
export { useToast_alias_1 as useToast } from '../_tsup-dts-rollup.cjs';
|
|
7
|
+
export { ToastContext_alias_1 as ToastContext } from '../_tsup-dts-rollup.cjs';
|
|
8
|
+
export { ToastProps_alias_1 as ToastProps } from '../_tsup-dts-rollup.cjs';
|
|
9
|
+
export { ToastOptions_alias_1 as ToastOptions } from '../_tsup-dts-rollup.cjs';
|
|
10
|
+
export { ToastVariant_alias_1 as ToastVariant } from '../_tsup-dts-rollup.cjs';
|
|
11
|
+
export { ToastPosition_alias_1 as ToastPosition } from '../_tsup-dts-rollup.cjs';
|
|
12
|
+
export { ToastAction_alias_1 as ToastAction } from '../_tsup-dts-rollup.cjs';
|
|
13
|
+
export { ToastContextValue_alias_1 as ToastContextValue } from '../_tsup-dts-rollup.cjs';
|
|
14
|
+
export { ToastProviderProps_alias_1 as ToastProviderProps } from '../_tsup-dts-rollup.cjs';
|
|
4
15
|
export { Feedback_alias_1 as Feedback } from '../_tsup-dts-rollup.cjs';
|
|
5
|
-
export {
|
|
16
|
+
export { default_alias_5 as default } from '../_tsup-dts-rollup.cjs';
|
package/dist/Feedback/index.d.ts
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
export { Alert_alias_1 as Alert } from '../_tsup-dts-rollup.js';
|
|
2
2
|
export { ProgressBar_alias_1 as ProgressBar } from '../_tsup-dts-rollup.js';
|
|
3
3
|
export { Spin_alias_1 as Spin } from '../_tsup-dts-rollup.js';
|
|
4
|
+
export { Skeleton_alias_1 as Skeleton } from '../_tsup-dts-rollup.js';
|
|
5
|
+
export { ToastProvider_alias_1 as ToastProvider } from '../_tsup-dts-rollup.js';
|
|
6
|
+
export { useToast_alias_1 as useToast } from '../_tsup-dts-rollup.js';
|
|
7
|
+
export { ToastContext_alias_1 as ToastContext } from '../_tsup-dts-rollup.js';
|
|
8
|
+
export { ToastProps_alias_1 as ToastProps } from '../_tsup-dts-rollup.js';
|
|
9
|
+
export { ToastOptions_alias_1 as ToastOptions } from '../_tsup-dts-rollup.js';
|
|
10
|
+
export { ToastVariant_alias_1 as ToastVariant } from '../_tsup-dts-rollup.js';
|
|
11
|
+
export { ToastPosition_alias_1 as ToastPosition } from '../_tsup-dts-rollup.js';
|
|
12
|
+
export { ToastAction_alias_1 as ToastAction } from '../_tsup-dts-rollup.js';
|
|
13
|
+
export { ToastContextValue_alias_1 as ToastContextValue } from '../_tsup-dts-rollup.js';
|
|
14
|
+
export { ToastProviderProps_alias_1 as ToastProviderProps } from '../_tsup-dts-rollup.js';
|
|
4
15
|
export { Feedback_alias_1 as Feedback } from '../_tsup-dts-rollup.js';
|
|
5
|
-
export {
|
|
16
|
+
export { default_alias_5 as default } from '../_tsup-dts-rollup.js';
|
package/dist/Feedback/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {useSyncExternalStore,useEffect,useState,useRef}from'react';import {createPortal}from'react-dom';import'react-dom/client';import'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function n(...t){return twMerge(clsx(t))}var v=cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),p=cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),A=cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}});function g({intent:t,className:e,children:o,...i}){return jsx("div",{className:n(A({intent:t}),e),role:"alert",...i,children:o})}function x({value:t=0,size:e,intent:o,edge:i,showLabel:l=false,indeterminate:s=false,animated:N=false,duration:S=500,className:E,...M}){let m=Math.max(0,Math.min(100,t)),[V,L]=useState(0),d=useRef(0);useEffect(()=>{if(!s)return d.current=requestAnimationFrame(()=>{L(m);}),()=>{d.current&&cancelAnimationFrame(d.current);}},[m,s]);let R=l&&!s&&e!=="xs"&&e!=="sm",h=jsx("div",{role:"progressbar","aria-valuenow":s?void 0:m,"aria-valuemin":0,"aria-valuemax":100,className:n(v({size:e,intent:o,edge:i}),E),...M,children:s?jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsx("div",{className:n("progress-fill h-full rounded-full transition-[width] ease-out",N&&"animate-progress-shine"),style:{width:`${V}%`,transitionDuration:`${S}ms`},children:R&&jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(m),"%"]})})});return i==="top"||i==="bottom"?createPortal(h,document.body):h}function c({size:t}){let e=t==="sm"?20:t==="lg"?40:28;return jsx("svg",{className:"animate-spin-rotate",width:e,height:e,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function y({spinning:t=true,tip:e,size:o,className:i,children:l,...s}){return l?jsxs("div",{className:n("relative w-fit",i),...s,children:[jsx("div",{className:n("transition-all duration-200",t&&"pointer-events-none select-none blur-[1px]"),children:l}),t&&jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(c,{size:o}),e&&jsx("span",{className:n(p({size:o}),"select-none"),children:e})]})]}):t?jsxs("div",{className:n("inline-flex flex-col items-center gap-2",i),...s,children:[jsx(c,{size:o}),e&&jsx("span",{className:n(p({size:o}),"select-none"),children:e})]}):null}var $=[],P=new Set;function j(){return $}var k=false;function G(){if(k||typeof document>"u")return;k=true;let t=document.createElement("div");t.id="jac-spin-portal",document.body.appendChild(t),import('react-dom/client').then(({createRoot:e})=>{e(t).render(jsx(K,{}));});}var u=new Map;function q(t){let e=u.get(t);if(e){e.count++;return}let o=getComputedStyle(t),i=t.style.position;o.position==="static"&&(t.style.position="relative"),u.set(t,{count:1,original:i});}function X(t){let e=u.get(t);e&&(e.count--,e.count<=0&&(t.style.position=e.original,u.delete(t)));}function J({entry:t}){return useEffect(()=>{let e=t.target;if(!T(e))return q(e),()=>X(e)},[t.target]),T(t.target)?createPortal(jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsx(c,{size:"lg"}),t.tip&&jsx("span",{className:"select-none text-sm text-primary-100",children:t.tip})]}),document.body):createPortal(jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(c,{size:"md"}),t.tip&&jsx("span",{className:n(p({size:"md"}),"select-none"),children:t.tip})]}),t.target)}function K(){let t=useSyncExternalStore(e=>(P.add(e),()=>P.delete(e)),()=>j());return t.length===0?null:jsx(Fragment,{children:t.map(e=>jsx(J,{entry:e},e.id))})}function T(t){return t===document.documentElement||t===document.body}typeof document<"u"&&G();var U={Alert:g,ProgressBar:x,Spin:y},Ft=U;
|
|
2
|
-
export{
|
|
1
|
+
import {createContext,useSyncExternalStore,useEffect,useState,useRef,useContext,useCallback}from'react';import {createPortal}from'react-dom';import'react-dom/client';import {Info,AlertTriangle,XCircle,CheckCircle2,Bell,X as X$1}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsx,Fragment,jsxs}from'react/jsx-runtime';function i(...t){return twMerge(clsx(t))}var _=cva("relative w-full overflow-hidden rounded-full bg-primary-200 dark:bg-primary-700",{variants:{size:{xs:"h-1",sm:"h-2",md:"h-3",lg:"h-4"},intent:{primary:"[&_.progress-fill]:bg-primary-500",success:"[&_.progress-fill]:bg-success-500",warning:"[&_.progress-fill]:bg-warning-500",danger:"[&_.progress-fill]:bg-danger-500"},edge:{none:"rounded-full",top:"fixed top-0 left-0 right-0 z-50 rounded-none",bottom:"fixed bottom-0 left-0 right-0 z-50 rounded-none"}},defaultVariants:{size:"md",intent:"primary",edge:"none"}}),P=cva("text-primary-500 dark:text-primary-400",{variants:{size:{sm:"text-xs",md:"text-sm",lg:"text-base"}},defaultVariants:{size:"md"}}),O=cva("pointer-events-auto flex items-start gap-3 rounded-lg border p-4 shadow-lg transition-all",{variants:{intent:{success:"border-success-200 bg-success-50 text-success-800 dark:border-success-800 dark:bg-success-900/80 dark:text-success-200",warning:"border-warning-200 bg-warning-50 text-warning-800 dark:border-warning-800 dark:bg-warning-900/80 dark:text-warning-200",error:"border-danger-200 bg-danger-50 text-danger-800 dark:border-danger-800 dark:bg-danger-900/80 dark:text-danger-200",info:"border-primary-200 bg-primary-50 text-primary-800 dark:border-primary-800 dark:bg-primary-900/80 dark:text-primary-200"}},defaultVariants:{intent:"info"}}),S=cva("skeleton-base bg-secondary-200 dark:bg-secondary-700",{variants:{variant:{text:"skeleton-text w-full rounded-sm",circular:"rounded-full",rectangular:"rounded-none",rounded:"rounded-md"},animation:{pulse:"animate-pulse",wave:"skeleton-wave",none:""}},defaultVariants:{variant:"text",animation:"pulse"}}),D=cva("border",{variants:{variant:{default:"bg-primary-800 text-primary-50 border-primary-700 dark:bg-primary-100 dark:text-primary-900 dark:border-primary-200",success:"bg-success-500 text-white border-success-600 dark:bg-success-600 dark:border-success-700",danger:"bg-danger-500 text-white border-danger-600 dark:bg-danger-600 dark:border-danger-700",warning:"bg-warning-500 text-warning-900 border-warning-600 dark:bg-warning-600 dark:text-white dark:border-warning-700",info:"bg-primary-500 text-white border-primary-600 dark:bg-primary-600 dark:border-primary-700"}},defaultVariants:{variant:"default"}});function N({intent:t,className:e,children:s,...o}){return jsx("div",{className:i(O({intent:t}),e),role:"alert",...o,children:s})}function R({value:t=0,size:e,intent:s,edge:o,showLabel:n=false,indeterminate:a=false,animated:c=false,duration:g=500,className:m,...d}){let r=Math.max(0,Math.min(100,t)),[l,f]=useState(0),x=useRef(0);useEffect(()=>{if(!a)return x.current=requestAnimationFrame(()=>{f(r);}),()=>{x.current&&cancelAnimationFrame(x.current);}},[r,a]);let b=n&&!a&&e!=="xs"&&e!=="sm",H=jsx("div",{role:"progressbar","aria-valuenow":a?void 0:r,"aria-valuemin":0,"aria-valuemax":100,className:i(_({size:e,intent:s,edge:o}),m),...d,children:a?jsx("div",{className:"progress-fill absolute top-0 h-full rounded-full animate-progress-indeterminate"}):jsx("div",{className:i("progress-fill h-full rounded-full transition-[width] ease-out",c&&"animate-progress-shine"),style:{width:`${l}%`,transitionDuration:`${g}ms`},children:b&&jsxs("span",{className:"flex h-full items-center justify-end pr-2 text-[10px] font-semibold text-white",children:[Math.round(r),"%"]})})});return o==="top"||o==="bottom"?createPortal(H,document.body):H}function k({size:t}){let e=t==="sm"?20:t==="lg"?40:28;return jsx("svg",{className:"animate-spin-rotate",width:e,height:e,viewBox:"0 0 50 50",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("circle",{className:"animate-spin-dash stroke-current",cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"4",strokeLinecap:"round",strokeDasharray:"90 150",strokeDashoffset:"0"})})}function M({spinning:t=true,tip:e,size:s,className:o,children:n,...a}){return n?jsxs("div",{className:i("relative w-fit",o),...a,children:[jsx("div",{className:i("transition-all duration-200",t&&"pointer-events-none select-none blur-[1px]"),children:n}),t&&jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(k,{size:s}),e&&jsx("span",{className:i(P({size:s}),"select-none"),children:e})]})]}):t?jsxs("div",{className:i("inline-flex flex-col items-center gap-2",o),...a,children:[jsx(k,{size:s}),e&&jsx("span",{className:i(P({size:s}),"select-none"),children:e})]}):null}var rt=[],B=new Set;function ot(){return rt}var $=false;function nt(){if($||typeof document>"u")return;$=true;let t=document.createElement("div");t.id="jac-spin-portal",document.body.appendChild(t),import('react-dom/client').then(({createRoot:e})=>{e(t).render(jsx(lt,{}));});}var w=new Map;function it(t){let e=w.get(t);if(e){e.count++;return}let s=getComputedStyle(t),o=t.style.position;s.position==="static"&&(t.style.position="relative"),w.set(t,{count:1,original:o});}function st(t){let e=w.get(t);e&&(e.count--,e.count<=0&&(t.style.position=e.original,w.delete(t)));}function at({entry:t}){return useEffect(()=>{let e=t.target;if(!F(e))return it(e),()=>st(e)},[t.target]),F(t.target)?createPortal(jsxs("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center gap-3 bg-primary-900/40 dark:bg-primary-900/60",children:[jsx(k,{size:"lg"}),t.tip&&jsx("span",{className:"select-none text-sm text-primary-100",children:t.tip})]}),document.body):createPortal(jsxs("div",{className:"absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 rounded-[inherit] bg-primary-50/60 dark:bg-primary-900/60",children:[jsx(k,{size:"md"}),t.tip&&jsx("span",{className:i(P({size:"md"}),"select-none"),children:t.tip})]}),t.target)}function lt(){let t=useSyncExternalStore(e=>(B.add(e),()=>B.delete(e)),()=>ot());return t.length===0?null:jsx(Fragment,{children:t.map(e=>jsx(at,{entry:e},e.id))})}function F(t){return t===document.documentElement||t===document.body}typeof document<"u"&&nt();function G(t){if(t!==void 0)return typeof t=="number"?`${t}px`:t}function A({variant:t="text",animation:e="pulse",width:s,height:o,lines:n,className:a,style:c,...g}){let m=G(s),d=G(o);return t==="text"&&n!==void 0&&n>1?jsx("span",{className:i("flex flex-col gap-2",a),"aria-hidden":"true",role:"presentation",style:c,...g,children:Array.from({length:n},(r,l)=>jsx("span",{className:S({variant:"text",animation:e}),style:{width:l===n-1?"60%":m??"100%",height:d}},l))}):jsx("span",{className:i(S({variant:t,animation:e}),a),"aria-hidden":"true",role:"presentation",style:{width:m,height:d,...c},...g})}var ut=0,W=320;function X(t,e){let[s,o]=useState([]),n=useRef(new Map),a=useCallback(r=>{let l=n.current.get(r);l!==void 0&&(clearTimeout(l),n.current.delete(r));},[]),c=useCallback(r=>{a(r),o(l=>l.map(f=>f.id===r?{...f,_exiting:true}:f)),setTimeout(()=>o(l=>l.filter(f=>f.id!==r)),W);},[a]),g=useCallback(r=>c(r),[c]),m=useCallback(()=>{n.current.forEach(clearTimeout),n.current.clear(),o(r=>r.map(l=>({...l,_exiting:true}))),setTimeout(()=>o([]),W);},[]),d=useCallback(r=>{let l=`toast-${++ut}`,f=r.position??t,x=r.duration!==void 0?r.duration:e;if(o(b=>[...b,{...r,id:l,position:f,duration:x,_exiting:false}]),x>0){let b=setTimeout(()=>{n.current.delete(l),c(l);},x);n.current.set(l,b);}return l},[t,e,c]);return useEffect(()=>{let r=n.current;return ()=>{r.forEach(clearTimeout),r.clear();}},[]),{items:s,toast:d,dismiss:g,dismissAll:m}}var v=createContext(null),Pt={"top-right":"top-4 right-4 items-end","top-left":"top-4 left-4 items-start","top-center":"top-4 left-1/2 -translate-x-1/2 items-center","bottom-right":"bottom-4 right-4 items-end","bottom-left":"bottom-4 left-4 items-start","bottom-center":"bottom-4 left-1/2 -translate-x-1/2 items-center"},kt={"top-right":"animate-slide-in-right","top-left":"animate-slide-in-left","top-center":"animate-slide-in-top","bottom-right":"animate-slide-in-right","bottom-left":"animate-slide-in-left","bottom-center":"animate-slide-in-bottom"},wt={"top-right":"toast-exit-right","top-left":"toast-exit-left","top-center":"toast-exit-up","bottom-right":"toast-exit-right","bottom-left":"toast-exit-left","bottom-center":"toast-exit-down"},At={default:Bell,success:CheckCircle2,danger:XCircle,warning:AlertTriangle,info:Info};function Vt({item:t,onDismiss:e}){let s=t.variant??"default",o=t.position??"top-right",n=t.dismissible!==false,a=At[s],c=()=>{t.onDismiss?.(t.id),e(t.id);};return jsx("div",{className:i("toast-wrapper",t._exiting&&`toast-wrapper-exiting ${wt[o]}`),children:jsxs("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:i(D({variant:s}),"toast-item pointer-events-auto",!t._exiting&&kt[o]),children:[jsx(a,{className:"mt-0.5 h-5 w-5 shrink-0","aria-hidden":"true"}),jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-0.5",children:[t.title&&jsx("p",{className:"text-sm font-semibold leading-snug",children:t.title}),t.description&&jsx("p",{className:i("text-sm leading-snug",t.title&&"opacity-80"),children:t.description}),t.action&&jsx("button",{type:"button",onClick:t.action.onClick,className:"toast-action-btn mt-1 self-start text-xs font-semibold underline underline-offset-2 transition-opacity hover:opacity-80",children:t.action.label})]}),n&&jsx("button",{type:"button",onClick:c,"aria-label":"Dismiss notification",className:"shrink-0 cursor-pointer opacity-60 transition-opacity hover:opacity-100",children:jsx(X$1,{className:"h-4 w-4"})})]})})}function V({children:t,defaultPosition:e="top-right",defaultDuration:s=4e3}){let{items:o,toast:n,dismiss:a,dismissAll:c}=X(e,s),g=o.reduce((m,d)=>{let r=d.position??e;return (m[r]??(m[r]=[])).push(d),m},{});return jsxs(v.Provider,{value:{toast:n,dismiss:a,dismissAll:c},children:[t,typeof document<"u"&&createPortal(jsx(Fragment,{children:Object.entries(g).map(([m,d])=>jsx("div",{className:i("pointer-events-none fixed z-[100] flex flex-col gap-2",Pt[m]),children:d.map(r=>jsx(Vt,{item:r,onDismiss:a},r.id))},m))}),document.body)]})}function C(){let t=useContext(v);if(!t)throw new Error("useToast must be used within a <ToastProvider>");return t}var Nt={Alert:N,ProgressBar:R,Spin:M,Skeleton:A,ToastProvider:V,useToast:C},We=Nt;
|
|
2
|
+
export{N as Alert,Nt as Feedback,R as ProgressBar,A as Skeleton,M as Spin,v as ToastContext,V as ToastProvider,We as default,C as useToast};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var react=require('react'),lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime');function i(...c){return tailwindMerge.twMerge(clsx.clsx(c))}classVarianceAuthority.cva("inline-flex cursor-pointer items-center justify-center gap-1.5 rounded font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 active:bg-secondary-700",danger:"bg-danger-500 text-white hover:bg-danger-600 active:bg-danger-700",warning:"bg-warning-500 text-white hover:bg-warning-600 active:bg-warning-700",ghost:"bg-transparent text-primary-700 hover:bg-primary-100 active:bg-primary-200 dark:text-primary-300 dark:hover:bg-primary-800",outline:"border border-primary-300 bg-transparent text-primary-700 hover:bg-primary-50 dark:border-primary-600 dark:text-primary-300 dark:hover:bg-primary-800"},size:{sm:"h-7 px-3 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"h-9 px-4 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"h-11 px-6 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{intent:"primary",size:"md"}});classVarianceAuthority.cva("inline-flex items-center gap-1 rounded border font-semibold [&_svg]:shrink-0",{variants:{intent:{success:"border-success-200 bg-success-100 text-success-800 dark:border-success-800 dark:bg-success-900/30 dark:text-success-400",warning:"border-warning-200 bg-warning-100 text-warning-800 dark:border-warning-800 dark:bg-warning-900/30 dark:text-warning-400",error:"border-danger-200 bg-danger-100 text-danger-800 dark:border-danger-800 dark:bg-danger-900/30 dark:text-danger-400",info:"border-primary-200 bg-primary-100 text-primary-800 dark:border-primary-800 dark:bg-primary-900/30 dark:text-primary-400",primary:"border-secondary-200 bg-secondary-100 text-secondary-700 dark:border-secondary-700 dark:bg-secondary-800 dark:text-secondary-300"},size:{sm:"px-1.5 py-0 text-[0.625rem] [&_svg]:h-2.5 [&_svg]:w-2.5",md:"px-2.5 py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",lg:"px-3 py-1 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5"}},defaultVariants:{intent:"primary",size:"md"}});classVarianceAuthority.cva("absolute flex items-center justify-center rounded-full font-bold leading-none ring-2 ring-white select-none pointer-events-none z-10 dark:ring-primary-900",{variants:{intent:{danger:"bg-danger-500 text-white",success:"bg-success-500 text-white",warning:"bg-warning-500 text-white",info:"bg-primary-500 text-white",primary:"bg-secondary-500 text-white"},size:{sm:"text-[0.5rem]",md:"text-[0.625rem]",lg:"text-xs"},dot:{true:"",false:""},placement:{"top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2","top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2"}},compoundVariants:[{dot:true,size:"sm",class:"h-1.5 w-1.5 min-w-0 ring-1"},{dot:true,size:"md",class:"h-2 w-2 min-w-0"},{dot:true,size:"lg",class:"h-2.5 w-2.5 min-w-0"},{dot:false,size:"sm",class:"h-4 min-w-4 px-1"},{dot:false,size:"md",class:"h-5 min-w-5 px-1.5"},{dot:false,size:"lg",class:"h-6 min-w-6 px-2"}],defaultVariants:{intent:"danger",size:"md",dot:false,placement:"top-right"}});classVarianceAuthority.cva("w-full rounded-md border bg-white text-secondary-900 transition-colors placeholder:text-secondary-400 focus:outline-none focus:ring-2 dark:bg-secondary-900 dark:text-secondary-100 dark:placeholder:text-secondary-600",{variants:{state:{default:"border-secondary-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus:border-danger-500 focus:ring-danger-500/20"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 py-2 text-sm",lg:"h-11 px-4 py-2.5 text-base"}},defaultVariants:{state:"default",size:"md"}});classVarianceAuthority.cva("inline-flex items-center gap-1 font-medium [&_svg]:shrink-0",{variants:{size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},intent:{default:"text-primary-700 dark:text-primary-300",muted:"text-primary-400 dark:text-primary-500",required:"text-primary-700 dark:text-primary-300 after:ml-0.5 after:text-danger-500 after:content-['*']"}},defaultVariants:{size:"md",intent:"default"}});classVarianceAuthority.cva("relative inline-flex shrink-0 items-center justify-center rounded border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4 rounded-[3px]",md:"h-5 w-5 rounded",lg:"h-6 w-6 rounded-[5px]"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});classVarianceAuthority.cva("relative inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});classVarianceAuthority.cva("",{variants:{intent:{primary:"",secondary:"",danger:"",warning:"",success:""},size:{sm:"",md:"",lg:""},checked:{on:"",off:"bg-primary-300 dark:bg-primary-800"}},compoundVariants:[{intent:"primary",checked:"on",class:"bg-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"bg-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"bg-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"bg-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"bg-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});classVarianceAuthority.cva("bg-primary-200 text-primary-700 dark:bg-primary-700 dark:text-primary-200",{variants:{size:{xs:"h-6 w-6 text-[10px]",sm:"h-8 w-8 text-xs",md:"h-10 w-10 text-sm",lg:"h-12 w-12 text-base",xl:"h-16 w-16 text-lg"},shape:{circular:"rounded-full",rounded:"rounded-lg",square:"rounded-none"}},defaultVariants:{size:"md",shape:"circular"}});classVarianceAuthority.cva("relative flex w-full touch-none select-none items-center",{variants:{intent:{primary:"[&_.slider-fill]:bg-primary-500 [&_.slider-thumb]:border-primary-500",secondary:"[&_.slider-fill]:bg-secondary-500 [&_.slider-thumb]:border-secondary-500",success:"[&_.slider-fill]:bg-success-500 [&_.slider-thumb]:border-success-500",danger:"[&_.slider-fill]:bg-danger-500 [&_.slider-thumb]:border-danger-500",warning:"[&_.slider-fill]:bg-warning-500 [&_.slider-thumb]:border-warning-500"},size:{sm:"h-4",md:"h-5",lg:"h-6"}},defaultVariants:{intent:"primary",size:"md"}});classVarianceAuthority.cva("inline-flex items-center gap-1 rounded-full font-medium select-none transition-colors [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-100 text-primary-700 dark:bg-primary-800 dark:text-primary-200",secondary:"bg-secondary-100 text-secondary-700 dark:bg-secondary-800 dark:text-secondary-200",success:"bg-success-100 text-success-700 dark:bg-success-900/40 dark:text-success-300",danger:"bg-danger-100 text-danger-700 dark:bg-danger-900/40 dark:text-danger-300",warning:"bg-warning-100 text-warning-700 dark:bg-warning-900/40 dark:text-warning-300",info:"bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300"},size:{sm:"h-5 px-2 text-[0.6875rem] gap-0.5",md:"h-6 px-2.5 text-xs gap-1",lg:"h-7 px-3 text-sm gap-1"},variant:{solid:"",outline:"bg-transparent border",soft:""}},compoundVariants:[{intent:"primary",variant:"outline",class:"border-primary-300 text-primary-700 dark:border-primary-600 dark:text-primary-300"},{intent:"secondary",variant:"outline",class:"border-secondary-300 text-secondary-700 dark:border-secondary-600 dark:text-secondary-300"},{intent:"success",variant:"outline",class:"border-success-400 text-success-700 dark:border-success-600 dark:text-success-300"},{intent:"danger",variant:"outline",class:"border-danger-400 text-danger-700 dark:border-danger-600 dark:text-danger-300"},{intent:"warning",variant:"outline",class:"border-warning-400 text-warning-700 dark:border-warning-600 dark:text-warning-300"},{intent:"info",variant:"outline",class:"border-blue-400 text-blue-700 dark:border-blue-600 dark:text-blue-300"}],defaultVariants:{intent:"primary",size:"md",variant:"solid"}});var v=classVarianceAuthority.cva("relative w-full cursor-pointer rounded-md border bg-white text-sm transition-colors dark:bg-primary-900",{variants:{intent:{default:"border-primary-300 text-primary-900 hover:border-primary-400 focus-within:border-primary-500 focus-within:ring-2 focus-within:ring-primary-500/20 dark:border-primary-600 dark:text-primary-100 dark:hover:border-primary-500 dark:focus-within:border-primary-400",danger:"border-danger-500 text-primary-900 focus-within:ring-2 focus-within:ring-danger-500/20 dark:border-danger-500 dark:text-primary-100"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 text-sm",lg:"h-11 px-4 text-base"}},defaultVariants:{intent:"default",size:"md"}});react.createContext(null);function B({options:c,value:y,defaultValue:_="",onChange:b,placeholder:S="Select an option\u2026",disabled:l,clearable:C=false,intent:N,size:D,className:E,id:O,"aria-label":x}){let[t,s]=react.useState(false),[I,f]=react.useState(_),g=y!==void 0,d=g?y:I,k=react.useRef(null),R=react.useRef(null),M=react.useId(),P=O??M,p=c.find(r=>r.value===d),u=react.useCallback(r=>{g||f(r),b?.(r),s(false);},[g,b]),L=react.useCallback(r=>{r.stopPropagation(),g||f(""),b?.("");},[g,b]);react.useEffect(()=>{if(!t)return;function r(n){k.current?.contains(n.target)||s(false);}return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[t]);let j=r=>{if(l)return;let n=c.filter(a=>!a.disabled),h=n.findIndex(a=>a.value===d);switch(r.key){case "Enter":case " ":r.preventDefault(),s(a=>!a);break;case "Escape":r.preventDefault(),s(false);break;case "ArrowDown":if(r.preventDefault(),!t)s(true);else {let a=n[(h+1)%n.length];u(a.value);}break;case "ArrowUp":if(r.preventDefault(),!t)s(true);else {let a=n[(h-1+n.length)%n.length];u(a.value);}break}};return jsxRuntime.jsxs("div",{ref:k,className:i("select-root relative",E),children:[jsxRuntime.jsxs("div",{id:P,role:"combobox",tabIndex:l?-1:0,"aria-haspopup":"listbox","aria-expanded":t,"aria-label":x,"aria-disabled":l,onClick:()=>!l&&s(r=>!r),onKeyDown:j,className:i(v({intent:N,size:D}),"flex cursor-pointer items-center gap-2 pr-8",t&&"border-primary-500 ring-2 ring-primary-500/20 dark:border-primary-400",l&&"pointer-events-none opacity-50"),children:[jsxRuntime.jsx("span",{className:i("flex-1 truncate",!p&&"text-secondary-400"),children:p?p.label:S}),jsxRuntime.jsxs("span",{className:"absolute right-2 top-1/2 -translate-y-1/2 flex items-center gap-0.5",children:[C&&d&&jsxRuntime.jsx("button",{type:"button",tabIndex:-1,onClick:L,"aria-label":"Clear selection",className:"rounded p-0.5 text-secondary-400 hover:text-primary-600 dark:hover:text-primary-300",children:jsxRuntime.jsx(lucideReact.X,{className:"h-3.5 w-3.5"})}),jsxRuntime.jsx(lucideReact.ChevronDown,{className:i("h-4 w-4 text-secondary-400 transition-transform duration-200",t&&"rotate-180"),"aria-hidden":"true"})]})]}),t&&jsxRuntime.jsx("ul",{ref:R,role:"listbox","aria-label":x??"Options",className:i("select-list absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-md","border border-primary-200 bg-white py-1 shadow-lg outline-none","dark:border-primary-700 dark:bg-primary-900"),children:c.map(r=>jsxRuntime.jsxs("li",{role:"option","aria-selected":r.value===d,"aria-disabled":r.disabled,onClick:()=>!r.disabled&&u(r.value),className:i("select-option flex cursor-pointer items-center gap-2 px-3 py-2 text-sm",r.value===d?"bg-primary-100 font-medium text-primary-900 dark:bg-primary-800 dark:text-primary-50":"text-primary-700 hover:bg-primary-50 dark:text-primary-300 dark:hover:bg-primary-800/60",r.disabled&&"pointer-events-none opacity-40"),children:[jsxRuntime.jsx("span",{className:"flex-1",children:r.label}),r.value===d&&jsxRuntime.jsx(lucideReact.Check,{className:"h-3.5 w-3.5 text-primary-500"})]},r.value))})]})}exports.Select=B;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.select-list{animation:select-list-in .15s cubic-bezier(.16,1,.3,1) both}@keyframes select-list-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.select-list{scrollbar-width:thin;scrollbar-color:var(--color-primary-300) transparent}.select-list::-webkit-scrollbar{width:4px}.select-list::-webkit-scrollbar-thumb{background:var(--color-primary-300);border-radius:2px}.dark .select-list::-webkit-scrollbar-thumb{background:var(--color-primary-700)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {createContext,useState,useRef,useId,useCallback,useEffect}from'react';import {X,ChevronDown,Check}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';function i(...c){return twMerge(clsx(c))}cva("inline-flex cursor-pointer items-center justify-center gap-1.5 rounded font-medium transition-colors disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-500 text-white hover:bg-primary-600 active:bg-primary-700",secondary:"bg-secondary-500 text-white hover:bg-secondary-600 active:bg-secondary-700",danger:"bg-danger-500 text-white hover:bg-danger-600 active:bg-danger-700",warning:"bg-warning-500 text-white hover:bg-warning-600 active:bg-warning-700",ghost:"bg-transparent text-primary-700 hover:bg-primary-100 active:bg-primary-200 dark:text-primary-300 dark:hover:bg-primary-800",outline:"border border-primary-300 bg-transparent text-primary-700 hover:bg-primary-50 dark:border-primary-600 dark:text-primary-300 dark:hover:bg-primary-800"},size:{sm:"h-7 px-3 text-xs [&_svg]:h-3.5 [&_svg]:w-3.5",md:"h-9 px-4 text-sm [&_svg]:h-4 [&_svg]:w-4",lg:"h-11 px-6 text-base [&_svg]:h-5 [&_svg]:w-5"}},defaultVariants:{intent:"primary",size:"md"}});cva("inline-flex items-center gap-1 rounded border font-semibold [&_svg]:shrink-0",{variants:{intent:{success:"border-success-200 bg-success-100 text-success-800 dark:border-success-800 dark:bg-success-900/30 dark:text-success-400",warning:"border-warning-200 bg-warning-100 text-warning-800 dark:border-warning-800 dark:bg-warning-900/30 dark:text-warning-400",error:"border-danger-200 bg-danger-100 text-danger-800 dark:border-danger-800 dark:bg-danger-900/30 dark:text-danger-400",info:"border-primary-200 bg-primary-100 text-primary-800 dark:border-primary-800 dark:bg-primary-900/30 dark:text-primary-400",primary:"border-secondary-200 bg-secondary-100 text-secondary-700 dark:border-secondary-700 dark:bg-secondary-800 dark:text-secondary-300"},size:{sm:"px-1.5 py-0 text-[0.625rem] [&_svg]:h-2.5 [&_svg]:w-2.5",md:"px-2.5 py-0.5 text-xs [&_svg]:h-3 [&_svg]:w-3",lg:"px-3 py-1 text-sm [&_svg]:h-3.5 [&_svg]:w-3.5"}},defaultVariants:{intent:"primary",size:"md"}});cva("absolute flex items-center justify-center rounded-full font-bold leading-none ring-2 ring-white select-none pointer-events-none z-10 dark:ring-primary-900",{variants:{intent:{danger:"bg-danger-500 text-white",success:"bg-success-500 text-white",warning:"bg-warning-500 text-white",info:"bg-primary-500 text-white",primary:"bg-secondary-500 text-white"},size:{sm:"text-[0.5rem]",md:"text-[0.625rem]",lg:"text-xs"},dot:{true:"",false:""},placement:{"top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2","top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2"}},compoundVariants:[{dot:true,size:"sm",class:"h-1.5 w-1.5 min-w-0 ring-1"},{dot:true,size:"md",class:"h-2 w-2 min-w-0"},{dot:true,size:"lg",class:"h-2.5 w-2.5 min-w-0"},{dot:false,size:"sm",class:"h-4 min-w-4 px-1"},{dot:false,size:"md",class:"h-5 min-w-5 px-1.5"},{dot:false,size:"lg",class:"h-6 min-w-6 px-2"}],defaultVariants:{intent:"danger",size:"md",dot:false,placement:"top-right"}});cva("w-full rounded-md border bg-white text-secondary-900 transition-colors placeholder:text-secondary-400 focus:outline-none focus:ring-2 dark:bg-secondary-900 dark:text-secondary-100 dark:placeholder:text-secondary-600",{variants:{state:{default:"border-secondary-300 focus:border-primary-500 focus:ring-primary-500/20 dark:border-secondary-600",error:"border-danger-400 focus:border-danger-500 focus:ring-danger-500/20"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 py-2 text-sm",lg:"h-11 px-4 py-2.5 text-base"}},defaultVariants:{state:"default",size:"md"}});cva("inline-flex items-center gap-1 font-medium [&_svg]:shrink-0",{variants:{size:{sm:"text-xs [&_svg]:h-3 [&_svg]:w-3",md:"text-sm [&_svg]:h-3.5 [&_svg]:w-3.5",lg:"text-base [&_svg]:h-4 [&_svg]:w-4"},intent:{default:"text-primary-700 dark:text-primary-300",muted:"text-primary-400 dark:text-primary-500",required:"text-primary-700 dark:text-primary-300 after:ml-0.5 after:text-danger-500 after:content-['*']"}},defaultVariants:{size:"md",intent:"default"}});cva("relative inline-flex shrink-0 items-center justify-center rounded border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4 rounded-[3px]",md:"h-5 w-5 rounded",lg:"h-6 w-6 rounded-[5px]"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});cva("relative inline-flex shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",{variants:{intent:{primary:"border-primary-300 dark:border-primary-600 focus-visible:ring-primary-500/40",secondary:"border-secondary-300 dark:border-secondary-600 focus-visible:ring-secondary-500/40",danger:"border-danger-300 dark:border-danger-600 focus-visible:ring-danger-500/40",warning:"border-warning-300 dark:border-warning-600 focus-visible:ring-warning-500/40",success:"border-success-300 dark:border-success-600 focus-visible:ring-success-500/40"},size:{sm:"h-4 w-4",md:"h-5 w-5",lg:"h-6 w-6"},checked:{on:"",off:"bg-white dark:bg-primary-900"}},compoundVariants:[{intent:"primary",checked:"on",class:"border-primary-500 bg-primary-500 dark:border-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"border-secondary-500 bg-secondary-500 dark:border-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"border-danger-500 bg-danger-500 dark:border-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"border-warning-500 bg-warning-500 dark:border-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"border-success-500 bg-success-500 dark:border-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});cva("",{variants:{intent:{primary:"",secondary:"",danger:"",warning:"",success:""},size:{sm:"",md:"",lg:""},checked:{on:"",off:"bg-primary-300 dark:bg-primary-800"}},compoundVariants:[{intent:"primary",checked:"on",class:"bg-primary-500 dark:bg-primary-500"},{intent:"secondary",checked:"on",class:"bg-secondary-500 dark:bg-secondary-500"},{intent:"danger",checked:"on",class:"bg-danger-500 dark:bg-danger-500"},{intent:"warning",checked:"on",class:"bg-warning-500 dark:bg-warning-500"},{intent:"success",checked:"on",class:"bg-success-500 dark:bg-success-500"}],defaultVariants:{intent:"primary",size:"md",checked:"off"}});cva("bg-primary-200 text-primary-700 dark:bg-primary-700 dark:text-primary-200",{variants:{size:{xs:"h-6 w-6 text-[10px]",sm:"h-8 w-8 text-xs",md:"h-10 w-10 text-sm",lg:"h-12 w-12 text-base",xl:"h-16 w-16 text-lg"},shape:{circular:"rounded-full",rounded:"rounded-lg",square:"rounded-none"}},defaultVariants:{size:"md",shape:"circular"}});cva("relative flex w-full touch-none select-none items-center",{variants:{intent:{primary:"[&_.slider-fill]:bg-primary-500 [&_.slider-thumb]:border-primary-500",secondary:"[&_.slider-fill]:bg-secondary-500 [&_.slider-thumb]:border-secondary-500",success:"[&_.slider-fill]:bg-success-500 [&_.slider-thumb]:border-success-500",danger:"[&_.slider-fill]:bg-danger-500 [&_.slider-thumb]:border-danger-500",warning:"[&_.slider-fill]:bg-warning-500 [&_.slider-thumb]:border-warning-500"},size:{sm:"h-4",md:"h-5",lg:"h-6"}},defaultVariants:{intent:"primary",size:"md"}});cva("inline-flex items-center gap-1 rounded-full font-medium select-none transition-colors [&_svg]:shrink-0",{variants:{intent:{primary:"bg-primary-100 text-primary-700 dark:bg-primary-800 dark:text-primary-200",secondary:"bg-secondary-100 text-secondary-700 dark:bg-secondary-800 dark:text-secondary-200",success:"bg-success-100 text-success-700 dark:bg-success-900/40 dark:text-success-300",danger:"bg-danger-100 text-danger-700 dark:bg-danger-900/40 dark:text-danger-300",warning:"bg-warning-100 text-warning-700 dark:bg-warning-900/40 dark:text-warning-300",info:"bg-blue-100 text-blue-700 dark:bg-blue-900/40 dark:text-blue-300"},size:{sm:"h-5 px-2 text-[0.6875rem] gap-0.5",md:"h-6 px-2.5 text-xs gap-1",lg:"h-7 px-3 text-sm gap-1"},variant:{solid:"",outline:"bg-transparent border",soft:""}},compoundVariants:[{intent:"primary",variant:"outline",class:"border-primary-300 text-primary-700 dark:border-primary-600 dark:text-primary-300"},{intent:"secondary",variant:"outline",class:"border-secondary-300 text-secondary-700 dark:border-secondary-600 dark:text-secondary-300"},{intent:"success",variant:"outline",class:"border-success-400 text-success-700 dark:border-success-600 dark:text-success-300"},{intent:"danger",variant:"outline",class:"border-danger-400 text-danger-700 dark:border-danger-600 dark:text-danger-300"},{intent:"warning",variant:"outline",class:"border-warning-400 text-warning-700 dark:border-warning-600 dark:text-warning-300"},{intent:"info",variant:"outline",class:"border-blue-400 text-blue-700 dark:border-blue-600 dark:text-blue-300"}],defaultVariants:{intent:"primary",size:"md",variant:"solid"}});var v=cva("relative w-full cursor-pointer rounded-md border bg-white text-sm transition-colors dark:bg-primary-900",{variants:{intent:{default:"border-primary-300 text-primary-900 hover:border-primary-400 focus-within:border-primary-500 focus-within:ring-2 focus-within:ring-primary-500/20 dark:border-primary-600 dark:text-primary-100 dark:hover:border-primary-500 dark:focus-within:border-primary-400",danger:"border-danger-500 text-primary-900 focus-within:ring-2 focus-within:ring-danger-500/20 dark:border-danger-500 dark:text-primary-100"},size:{sm:"h-7 px-2 text-xs",md:"h-9 px-3 text-sm",lg:"h-11 px-4 text-base"}},defaultVariants:{intent:"default",size:"md"}});createContext(null);function B({options:c,value:y,defaultValue:_="",onChange:b,placeholder:S="Select an option\u2026",disabled:l,clearable:C=false,intent:N,size:D,className:E,id:O,"aria-label":x}){let[t,s]=useState(false),[I,f]=useState(_),g=y!==void 0,d=g?y:I,k=useRef(null),R=useRef(null),M=useId(),P=O??M,p=c.find(r=>r.value===d),u=useCallback(r=>{g||f(r),b?.(r),s(false);},[g,b]),L=useCallback(r=>{r.stopPropagation(),g||f(""),b?.("");},[g,b]);useEffect(()=>{if(!t)return;function r(n){k.current?.contains(n.target)||s(false);}return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[t]);let j=r=>{if(l)return;let n=c.filter(a=>!a.disabled),h=n.findIndex(a=>a.value===d);switch(r.key){case "Enter":case " ":r.preventDefault(),s(a=>!a);break;case "Escape":r.preventDefault(),s(false);break;case "ArrowDown":if(r.preventDefault(),!t)s(true);else {let a=n[(h+1)%n.length];u(a.value);}break;case "ArrowUp":if(r.preventDefault(),!t)s(true);else {let a=n[(h-1+n.length)%n.length];u(a.value);}break}};return jsxs("div",{ref:k,className:i("select-root relative",E),children:[jsxs("div",{id:P,role:"combobox",tabIndex:l?-1:0,"aria-haspopup":"listbox","aria-expanded":t,"aria-label":x,"aria-disabled":l,onClick:()=>!l&&s(r=>!r),onKeyDown:j,className:i(v({intent:N,size:D}),"flex cursor-pointer items-center gap-2 pr-8",t&&"border-primary-500 ring-2 ring-primary-500/20 dark:border-primary-400",l&&"pointer-events-none opacity-50"),children:[jsx("span",{className:i("flex-1 truncate",!p&&"text-secondary-400"),children:p?p.label:S}),jsxs("span",{className:"absolute right-2 top-1/2 -translate-y-1/2 flex items-center gap-0.5",children:[C&&d&&jsx("button",{type:"button",tabIndex:-1,onClick:L,"aria-label":"Clear selection",className:"rounded p-0.5 text-secondary-400 hover:text-primary-600 dark:hover:text-primary-300",children:jsx(X,{className:"h-3.5 w-3.5"})}),jsx(ChevronDown,{className:i("h-4 w-4 text-secondary-400 transition-transform duration-200",t&&"rotate-180"),"aria-hidden":"true"})]})]}),t&&jsx("ul",{ref:R,role:"listbox","aria-label":x??"Options",className:i("select-list absolute left-0 right-0 z-50 mt-1 max-h-60 overflow-auto rounded-md","border border-primary-200 bg-white py-1 shadow-lg outline-none","dark:border-primary-700 dark:bg-primary-900"),children:c.map(r=>jsxs("li",{role:"option","aria-selected":r.value===d,"aria-disabled":r.disabled,onClick:()=>!r.disabled&&u(r.value),className:i("select-option flex cursor-pointer items-center gap-2 px-3 py-2 text-sm",r.value===d?"bg-primary-100 font-medium text-primary-900 dark:bg-primary-800 dark:text-primary-50":"text-primary-700 hover:bg-primary-50 dark:text-primary-300 dark:hover:bg-primary-800/60",r.disabled&&"pointer-events-none opacity-40"),children:[jsx("span",{className:"flex-1",children:r.label}),r.value===d&&jsx(Check,{className:"h-3.5 w-3.5 text-primary-500"})]},r.value))})]})}export{B as Select};
|
package/dist/Forms/index.d.cts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { Form_alias_1 as Form } from '../_tsup-dts-rollup.cjs';
|
|
2
2
|
export { Forms_alias_1 as Forms } from '../_tsup-dts-rollup.cjs';
|
|
3
|
-
export {
|
|
3
|
+
export { default_alias_6 as default } from '../_tsup-dts-rollup.cjs';
|
package/dist/Forms/index.d.ts
CHANGED
package/dist/Layout/index.d.cts
CHANGED
|
@@ -2,4 +2,4 @@ export { Card_alias_1 as Card } from '../_tsup-dts-rollup.cjs';
|
|
|
2
2
|
export { ImageCard_alias_1 as ImageCard } from '../_tsup-dts-rollup.cjs';
|
|
3
3
|
export { Panel_alias_1 as Panel } from '../_tsup-dts-rollup.cjs';
|
|
4
4
|
export { Layout_alias_1 as Layout } from '../_tsup-dts-rollup.cjs';
|
|
5
|
-
export {
|
|
5
|
+
export { default_alias_7 as default } from '../_tsup-dts-rollup.cjs';
|
package/dist/Layout/index.d.ts
CHANGED
|
@@ -2,4 +2,4 @@ export { Card_alias_1 as Card } from '../_tsup-dts-rollup.js';
|
|
|
2
2
|
export { ImageCard_alias_1 as ImageCard } from '../_tsup-dts-rollup.js';
|
|
3
3
|
export { Panel_alias_1 as Panel } from '../_tsup-dts-rollup.js';
|
|
4
4
|
export { Layout_alias_1 as Layout } from '../_tsup-dts-rollup.js';
|
|
5
|
-
export {
|
|
5
|
+
export { default_alias_7 as default } from '../_tsup-dts-rollup.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use strict';var lucideReact=require('lucide-react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime');function s(...t){return tailwindMerge.twMerge(clsx.clsx(t))}function y({items:t,separator:m=jsxRuntime.jsx(lucideReact.ChevronRight,{className:"h-3.5 w-3.5","aria-hidden":"true"}),homeIcon:n=false,LinkComponent:p="a",className:i}){return jsxRuntime.jsx("nav",{"aria-label":"Breadcrumb",className:s("flex",i),children:jsxRuntime.jsx("ol",{className:"flex flex-wrap items-center gap-1 text-sm",children:t.map((e,o)=>{let d=o===t.length-1,l=n===true?jsxRuntime.jsx(lucideReact.Home,{className:"h-3.5 w-3.5"}):n!==false&&n!==void 0?n:null,r=o===0&&l?l:e.icon;return jsxRuntime.jsxs("li",{className:"flex items-center gap-1",children:[o>0&&jsxRuntime.jsx("span",{className:"text-secondary-400 dark:text-secondary-500",children:m}),d?jsxRuntime.jsxs("span",{"aria-current":"page",className:s("flex items-center gap-1 font-medium text-primary-800 dark:text-primary-100",r&&"gap-1.5"),children:[r,e.label]}):e.href?jsxRuntime.jsxs(p,{href:e.href,className:s("flex items-center gap-1 text-secondary-500 transition-colors","hover:text-primary-700 dark:text-secondary-400 dark:hover:text-primary-200","rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30",r&&"gap-1.5"),children:[r,e.label]}):jsxRuntime.jsxs("span",{className:"flex items-center gap-1 text-secondary-500 dark:text-secondary-400",children:[r,e.label]})]},o)})})})}exports.Breadcrumb=y;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import {Home,ChevronRight}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';function s(...t){return twMerge(clsx(t))}function y({items:t,separator:m=jsx(ChevronRight,{className:"h-3.5 w-3.5","aria-hidden":"true"}),homeIcon:n=false,LinkComponent:p="a",className:i}){return jsx("nav",{"aria-label":"Breadcrumb",className:s("flex",i),children:jsx("ol",{className:"flex flex-wrap items-center gap-1 text-sm",children:t.map((e,o)=>{let d=o===t.length-1,l=n===true?jsx(Home,{className:"h-3.5 w-3.5"}):n!==false&&n!==void 0?n:null,r=o===0&&l?l:e.icon;return jsxs("li",{className:"flex items-center gap-1",children:[o>0&&jsx("span",{className:"text-secondary-400 dark:text-secondary-500",children:m}),d?jsxs("span",{"aria-current":"page",className:s("flex items-center gap-1 font-medium text-primary-800 dark:text-primary-100",r&&"gap-1.5"),children:[r,e.label]}):e.href?jsxs(p,{href:e.href,className:s("flex items-center gap-1 text-secondary-500 transition-colors","hover:text-primary-700 dark:text-secondary-400 dark:hover:text-primary-200","rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/30",r&&"gap-1.5"),children:[r,e.label]}):jsxs("span",{className:"flex items-center gap-1 text-secondary-500 dark:text-secondary-400",children:[r,e.label]})]},o)})})})}export{y as Breadcrumb};
|