@clicktap/ui 0.12.8 → 0.12.9

package/{src/libs/ui/src/components/Progressbar/LinearProgressbar.js → components/Progressbar/LinearProgressbar/index.js}

@@ -1 +1 @@
-import{jsx as o,jsxs as d,Fragment as w}from"react/jsx-runtime";import{ProgressBar as x,Label as l}from"react-aria-components";import{motion as g}from"framer-motion";import{cn as t}from"../../../../../utils/cn.js";function L({label:e,isIndeterminate:n,showValue:f=!0,width:h,className:u,classNames:r,...p}){return o(x,{style:{width:h||"100%"},className:t("overflow-hidden",u),...p,children:({percentage:i,valueText:b})=>d(w,{children:[d("div",{className:t("flex items-center justify-between gap-2 mb-1",r==null?void 0:r.labelWrapper),children:[o(l,{className:t("text-sm",r==null?void 0:r.label),children:e}),f&&o("span",{className:t("text-sm",r==null?void 0:r.value),children:b})]}),o("div",{className:t("overflow-hidden forced-color-adjust-none h-2.5 rounded will-change-transform bg-slate-300",r==null?void 0:r.trackWrapper),children:o(g.div,{style:{width:!n&&typeof i=="number"?`${i}%`:""},...n&&{animate:{x:["-100%","250px"]},transition:{repeat:1/0,duration:1.5}},className:t("h-full bg-slate-800 rounded transition-width duration-500 ease-in-out",{"w-1/2":n,"transition-none":n},r==null?void 0:r.track)})})]})})}export{L as LinearProgressbar,L as default};
+import{jsx as o,jsxs as d,Fragment as w}from"react/jsx-runtime";import{ProgressBar as x,Label as l}from"react-aria-components";import{motion as g}from"framer-motion";import{cn as t}from"../../../utils/cn/index.js";function L({label:e,isIndeterminate:n,showValue:f=!0,width:h,className:u,classNames:r,...p}){return o(x,{style:{width:h||"100%"},className:t("overflow-hidden",u),...p,children:({percentage:i,valueText:b})=>d(w,{children:[d("div",{className:t("flex items-center justify-between gap-2 mb-1",r==null?void 0:r.labelWrapper),children:[o(l,{className:t("text-sm",r==null?void 0:r.label),children:e}),f&&o("span",{className:t("text-sm",r==null?void 0:r.value),children:b})]}),o("div",{className:t("overflow-hidden forced-color-adjust-none h-2.5 rounded will-change-transform bg-slate-300",r==null?void 0:r.trackWrapper),children:o(g.div,{style:{width:!n&&typeof i=="number"?`${i}%`:""},...n&&{animate:{x:["-100%","250px"]},transition:{repeat:1/0,duration:1.5}},className:t("h-full bg-slate-800 rounded transition-width duration-500 ease-in-out",{"w-1/2":n,"transition-none":n},r==null?void 0:r.track)})})]})})}export{L as LinearProgressbar,L as default};

package/components/Progressbar/LinearProgressbar.d.ts

@@ -0,0 +1,3 @@
+import { LinearProgressbarProps } from './LinearProgressbar.types';
+export declare function LinearProgressbar({ label, isIndeterminate, showValue, width, className, classNames, ...props }: LinearProgressbarProps): import("react/jsx-runtime").JSX.Element;
+export default LinearProgressbar;

package/components/Progressbar/LinearProgressbar.types.d.ts

@@ -0,0 +1,8 @@
+import { ProgressBarProps } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface LinearProgressbarProps extends ProgressBarProps {
+    label?: string;
+    width?: string;
+    showValue?: boolean;
+    classNames?: SlotsToClasses<'label' | 'value' | 'labelWrapper' | 'track' | 'trackWrapper'>;
+}

package/components/Progressbar/index.d.ts

@@ -0,0 +1,4 @@
+export { CircularProgressbar } from './CircularProgressbar';
+export { LinearProgressbar } from './LinearProgressbar';
+export type { CircularProgressbarProps } from './CircularProgressbar.types';
+export type { LinearProgressbarProps } from './LinearProgressbar.types';

package/components/Progressbar/index.js

@@ -0,0 +1 @@
+import{CircularProgressbar as e}from"./CircularProgressbar/index.js";import{LinearProgressbar as s}from"./LinearProgressbar/index.js";export{e as CircularProgressbar,s as LinearProgressbar};

package/{src/libs/ui/src/components/Radio/Radio.js → components/Radio/Radio/index.js}

@@ -1 +1 @@
-import{jsx as t,jsxs as n,Fragment as v}from"react/jsx-runtime";import{Radio as b}from"react-aria-components";import{cn as i}from"../../../../../utils/cn.js";function c({control:d,classNames:a,...e}){return d?typeof d=="function"?d(e):d:t("div",{"data-hovered":e==null?void 0:e.isHovered,"data-focused":e==null?void 0:e.isFocused,"data-disabled":e==null?void 0:e.isDisabled,"data-invalid":e==null?void 0:e.isInvalid,"data-selected":e==null?void 0:e.isSelected,"data-pressed":e==null?void 0:e.isPressed,className:i("flex items-center justify-center w-6 h-6  border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',a==null?void 0:a.control),...e,children:t("div",{"data-invalid":e==null?void 0:e.isInvalid,className:i('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":e==null?void 0:e.isSelected})})})}function f({children:d,slots:a,className:e,classNames:l,...u}){return t(b,{className:i("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",e),...u,children:r=>n(v,{children:[t(c,{control:a==null?void 0:a.control,classNames:l,...r}),typeof d=="function"?d(r):d]})})}f.defaultProps={children:void 0,slots:void 0,classNames:void 0};export{f as Radio,f as default};
+import{jsx as t,jsxs as n,Fragment as v}from"react/jsx-runtime";import{Radio as b}from"react-aria-components";import{cn as i}from"../../../utils/cn/index.js";function c({control:d,classNames:a,...e}){return d?typeof d=="function"?d(e):d:t("div",{"data-hovered":e==null?void 0:e.isHovered,"data-focused":e==null?void 0:e.isFocused,"data-disabled":e==null?void 0:e.isDisabled,"data-invalid":e==null?void 0:e.isInvalid,"data-selected":e==null?void 0:e.isSelected,"data-pressed":e==null?void 0:e.isPressed,className:i("flex items-center justify-center w-6 h-6  border-solid border border-slate-300 ransition-all duration-300 ease rounded-full",'data-[hovered="true"]:border-slate-400','data-[focused="true"]:border-slate-400 data-[focused="true"]:outline-2 data-[focused="true"]:outline data-[focused="true"]:outline-slate-200','data-[disabled="true"]:border-slate-200 data-[disabled="true"]:bg-slate-100','data-[invalid="true"]:bg-red-100 data-[invalid="true"]:text-red-600 data-[invalid="true"]:border-red-500','data-[invalid="true"]:data-[disabled="true"]:border-red-200 data-[invalid="true"]:data-[disabled="true"]:bg-red-100','data-[invalid="true"]:data-[hovered="true"]:border-red-600','data-[invalid="true"]:data-[focused="true"]:border-red-600 data-[invalid="true"]:data-[focused="true"]:outline-red-200','data-[invalid="true"]:data-[selected="true"]:bg-red-100 data-[invalid="true"]:data-[selected="true"]:border-red-500','data-[invalid="true"]:data-[pressed="true"]:bg-red-600 data-[invalid="true"]:data-[pressed="true"]:border-red-600',a==null?void 0:a.control),...e,children:t("div",{"data-invalid":e==null?void 0:e.isInvalid,className:i('w-3 h-3 rounded-full bg-slate-900 opacity-0 transition-all duration-300 ease data-[invalid="true"]:bg-red-500',{"opacity-100":e==null?void 0:e.isSelected})})})}function f({children:d,slots:a,className:e,classNames:l,...u}){return t(b,{className:i("flex items-center gap-2 group","invalid:text-red-500 invalid:disabled:text-red-300","disabled:text-slate-400",e),...u,children:r=>n(v,{children:[t(c,{control:a==null?void 0:a.control,classNames:l,...r}),typeof d=="function"?d(r):d]})})}f.defaultProps={children:void 0,slots:void 0,classNames:void 0};export{f as Radio,f as default};

package/components/Radio/Radio.d.ts

@@ -0,0 +1,10 @@
+import { RadioProps } from './Radio.types';
+export declare function Radio({ children, slots, className, classNames, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Radio {
+    var defaultProps: {
+        children: undefined;
+        slots: undefined;
+        classNames: undefined;
+    };
+}
+export default Radio;

package/components/Radio/Radio.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { RadioRenderProps, RadioProps as UiRadioProps } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface RadioSlots {
+    control?: ReactNode | ((values: RadioRenderProps) => ReactNode);
+}
+export interface RadioProps extends UiRadioProps {
+    children?: ReactNode | ((values: RadioRenderProps) => ReactNode);
+    slots?: RadioSlots;
+    classNames?: SlotsToClasses<'control'>;
+}

package/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export { Radio } from './Radio';
+export type { RadioProps, RadioSlots } from './Radio.types';

package/components/Radio/index.js

@@ -0,0 +1 @@
+import{Radio as a}from"./Radio/index.js";export{a as Radio};

package/{src/libs/ui/src/components/Select/Option.js → components/Select/Option/index.js}

@@ -1 +1 @@
-import{jsx as a}from"react/jsx-runtime";import{ListBoxItem as d}from"react-aria-components";import{cn as s}from"../../../../../utils/cn.js";function n({className:e,...t}){return a(d,{...t,className:s("flex flex-auto items-center","rounded-md","p-2.5 mx-1.5","text-sm","cursor-default","outline-none","text-slate-900","transition-all ease-in-out duration-300","data-[hovered]:bg-slate-100 data-[hovered]:text-slate-900","data-[focused]:bg-slate-100 data-[hovered]:text-slate-900","data-[pressed]:bg-slate-200 data-[hovered]:text-slate-900","data-[selected]:bg-none data-[selected]:text-slate-900 data-[selected]:font-semibold data-[selected]:data-[focused]:bg-slate-100","data-[disabled]:bg-none data-[disabled]:text-slate-500",e)})}export{n as Option,n as default};
+import{jsx as a}from"react/jsx-runtime";import{ListBoxItem as d}from"react-aria-components";import{cn as s}from"../../../utils/cn/index.js";function n({className:e,...t}){return a(d,{...t,className:s("flex flex-auto items-center","rounded-md","p-2.5 mx-1.5","text-sm","cursor-default","outline-none","text-slate-900","transition-all ease-in-out duration-300","data-[hovered]:bg-slate-100 data-[hovered]:text-slate-900","data-[focused]:bg-slate-100 data-[hovered]:text-slate-900","data-[pressed]:bg-slate-200 data-[hovered]:text-slate-900","data-[selected]:bg-none data-[selected]:text-slate-900 data-[selected]:font-semibold data-[selected]:data-[focused]:bg-slate-100","data-[disabled]:bg-none data-[disabled]:text-slate-500",e)})}export{n as Option,n as default};

package/components/Select/Option.d.ts

@@ -0,0 +1,3 @@
+import { OptionProps } from './Option.types';
+export declare function Option({ className, ...props }: OptionProps): import("react/jsx-runtime").JSX.Element;
+export default Option;

package/components/Select/Option.types.d.ts

@@ -0,0 +1,2 @@
+import { ListBoxItemProps } from 'react-aria-components';
+export type OptionProps = ListBoxItemProps;

package/components/Select/Select/index.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as x,Fragment as L}from"react/jsx-runtime";import{Popover as O,ComboBox as P,Label as M,Input as S,Button as j,Text as A,FieldError as D,ListBox as E}from"react-aria-components";import{forwardRef as F,useState as v}from"react";import{motion as T}from"framer-motion";import{cn as o}from"../../../utils/cn/index.js";import{Pulse as R}from"../../Loader/Pulse/index.js";const U=F((i,d)=>e(O,{...i,ref:d})),W=T.create(U);function m({buttonIcon:i,...d}){return i?typeof i=="function"?i(d):i:e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:o("transition-all ease-in-out duration-200",d.isOpen?"rotate-180":"rotate-0"),children:e("path",{d:"M6 9L12 15L18 9",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:o(["stroke-slate-900",d.isDisabled&&"stroke-slate-400",d.isInvalid&&"stroke-red-500"])})})}function q({label:i,description:d,errorMessage:p,children:h,placeholder:g,key:w,isLoading:n,slots:r,popoverPortalContainer:c,popoverOffset:k,selectedKey:y,className:C,classNames:t,...l}){const[a,u]=v("unmounted"),[b,_]=v(!1);return e(P,{onOpenChange:()=>{u(a==="visible"?"hidden":"visible"),_(!b)},isDisabled:l.isDisabled||n,"data-has-value":!!y,...l,className:o("flex flex-col","w-full",C),children:B=>x(L,{children:[e(M,{className:o("flex","text-xs text-slate-500",t==null?void 0:t.label),children:i}),x("div",{className:o("flex","relative","w-full",t==null?void 0:t.comboBoxContainer),children:[e(S,{placeholder:g,className:o("border border-solid border-slate-300","text-sm text-slate-900","py-0 px-2","h-10 w-full","m-0","rounded-md","bg-white","transition-all ease-in-out duration-200","data-[hovered]:border-slate-400","data-[focused]:border-slate-400 data-[focused]:outline data-[focused]:outline-2 data-[focused]:outline-slate-200"," data-[disabled]:bg-slate-100 data-[disabled]:border-slate-300",n?"data-[disabled]:text-slate-900":"data-[disabled]:text-slate-500","data-[invalid]:border-red-500 data-[invalid]:bg-red-100 data-[invalid]:text-red-600","data-[invalid]:data-[hovered]:border-red-600","data-[invalid]:data-[focused]:border-red-600 data-[invalid]:data-[focused]:outline data-[invalid]:data-[focused]:outline-2 data-[invalid]:data-[focused]:outline-red-200","data-[invalid]:placeholder:text-slate-400",t==null?void 0:t.input)}),n?e("div",{className:o("absolute top-2 right-2","block",t==null?void 0:t.loader),children:(r==null?void 0:r.loadingIcon)||e(R,{})}):e(j,{className:o("absolute top-2 right-0","block","border-none","bg-none",t==null?void 0:t.arrowButton),children:e(m,{buttonIcon:r==null?void 0:r.buttonIcon,...B})})]}),d&&e(A,{slot:"description",className:o("flex","text-xs","text-slate-500",t==null?void 0:t.description),children:d}),e(D,{className:o("flex","text-xs","text-red-500",t==null?void 0:t.errorMessage),children:p}),e(W,{isOpen:b,isExiting:a==="hidden",offset:k,UNSTABLE_portalContainer:c,onAnimationComplete:I=>{u(f=>I==="hidden"&&f==="hidden"?"unmounted":f)},variants:{hidden:{opacity:0,y:-10},visible:{opacity:1,y:0}},initial:"hidden",animate:a,className:o("px-0 py-1.5","shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]","rounded-md","w-[var(--trigger-width)]","bg-white","border border-solid border-slate-300",t==null?void 0:t.listContainer),children:e(E,{className:o("max-h-80","overflow-y-scroll",t==null?void 0:t.list),children:h})},w)]})})}q.defaultProps={label:void 0,description:void 0,errorMessage:void 0,placeholder:"",key:void 0,isLoading:!1,slots:{loadingIcon:void 0,buttonIcon:void 0},popoverOffset:void 0,popoverPortalContainer:void 0,classNames:void 0};export{q as Select,q as default};

package/components/Select/Select.d.ts

@@ -0,0 +1,20 @@
+import { SelectProps } from './Select.types';
+export declare function Select<T extends object>({ label, description, errorMessage, children, placeholder, key, isLoading, slots, popoverPortalContainer, popoverOffset, selectedKey, className, classNames, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Select {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        placeholder: string;
+        key: undefined;
+        isLoading: boolean;
+        slots: {
+            loadingIcon: undefined;
+            buttonIcon: undefined;
+        };
+        popoverOffset: undefined;
+        popoverPortalContainer: undefined;
+        classNames: undefined;
+    };
+}
+export default Select;

package/components/Select/Select.types.d.ts

@@ -0,0 +1,21 @@
+import { ComboBoxRenderProps, ComboBoxProps as AriaComboBoxProps, ValidationResult } from 'react-aria-components';
+import { Key, ReactNode } from 'react';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export type ComboBoxPopoverAnimationState = 'unmounted' | 'hidden' | 'visible';
+export type SelectSlots = {
+    buttonIcon?: ReactNode | ((values: ComboBoxRenderProps) => ReactNode);
+    loadingIcon?: ReactNode;
+};
+export interface SelectProps<T extends object> extends Omit<AriaComboBoxProps<T>, 'children'> {
+    label?: string;
+    description?: string | null;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    placeholder?: string;
+    key?: Key | null;
+    isLoading?: boolean;
+    children: ReactNode | ((item: T) => ReactNode);
+    slots?: SelectSlots;
+    popoverOffset?: number;
+    popoverPortalContainer?: Element;
+    classNames?: SlotsToClasses<'label' | 'name' | 'comboBoxContainer' | 'input' | 'loader' | 'arrowButton' | 'description' | 'errorMessage' | 'listContainer' | 'list'>;
+}

package/components/Select/index.d.ts

@@ -0,0 +1,4 @@
+export { Option } from './Option';
+export { Select } from './Select';
+export type { OptionProps } from './Option.types';
+export type { ComboBoxPopoverAnimationState, SelectProps, SelectSlots, } from './Select.types';

package/components/Select/index.js

@@ -0,0 +1 @@
+import{Option as r}from"./Option/index.js";import{Select as p}from"./Select/index.js";export{r as Option,p as Select};

package/{src/libs/ui/src/components/Slider/Slider.js → components/Slider/Slider/index.js}

@@ -1 +1 @@
-import{jsx as i,jsxs as u,Fragment as v}from"react/jsx-runtime";import{Slider as x,Label as c,SliderOutput as w,SliderTrack as z,SliderThumb as y}from"react-aria-components";import{cn as r}from"../../../../../utils/cn.js";function j({label:d,showOutput:f=!0,thumbLabels:a,classNames:t,orientation:l,isDisabled:o,children:h,...p}){return i(x,{orientation:l,isDisabled:o,className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:flex data-[orientation="horizontal"]:flex-wrap','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:block data-[orientation="vertical"]:h-full',t==null?void 0:t.base),...p,children:h||u(v,{children:[(d||f)&&u("div",{className:r("w-full flex justify-between items-center",l==="vertical"&&"gap-2 w-max mb-2",t==null?void 0:t.outputWrapper),children:[i(c,{className:r("flex-1 text-sm",o&&"opacity-50",t==null?void 0:t.label),children:d}),f&&i(w,{className:r("flex flex-initial ml-auto justify-end text-sm",o&&"opacity-50",t==null?void 0:t.output),children:({state:n})=>n.values.map((b,e)=>n.getThumbValueLabel(e)).join(" – ")})]}),i(z,{className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:h-8','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:h-full',"transition-all duration-200 ease","before:bg-slate-300 before:block before:absolute cursor-pointer",'data-[orientation="horizontal"]:before:w-full data-[orientation="horizontal"]:before:h-0.5','data-[orientation="horizontal"]:before:top-1/2 data-[orientation="horizontal"]:before:-translate-y-1/2','data-[orientation="vertical"]:before:w-0.5 data-[orientation="vertical"]:before:h-full data-[orientation="vertical"]:before:left-1/2 data-[orientation="vertical"]:before:-translate-y-1/2 data-[orientation="vertical"]:before:-translate-x-1/2',o&&"opacity-50 before:cursor-default",t==null?void 0:t.track),children:({state:n})=>n.values.map((b,e)=>i(y,{index:e,"aria-label":a==null?void 0:a[e],className:r("w-6 h-6 bg-slate-300 forced-color-adjust-none cursor-pointer top-1/2","border-2 border-slate-400 rounded-full",o&&"cursor-default",l==="vertical"&&"left-1/2",t==null?void 0:t.thumb)},e))})]})})}j.defaultProps={label:void 0,showOutput:!0,thumbLabels:void 0,classNames:void 0};export{j as Slider,j as default};
+import{jsx as i,jsxs as u,Fragment as v}from"react/jsx-runtime";import{Slider as x,Label as c,SliderOutput as w,SliderTrack as z,SliderThumb as y}from"react-aria-components";import{cn as r}from"../../../utils/cn/index.js";function j({label:d,showOutput:f=!0,thumbLabels:a,classNames:t,orientation:l,isDisabled:o,children:h,...p}){return i(x,{orientation:l,isDisabled:o,className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:flex data-[orientation="horizontal"]:flex-wrap','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:block data-[orientation="vertical"]:h-full',t==null?void 0:t.base),...p,children:h||u(v,{children:[(d||f)&&u("div",{className:r("w-full flex justify-between items-center",l==="vertical"&&"gap-2 w-max mb-2",t==null?void 0:t.outputWrapper),children:[i(c,{className:r("flex-1 text-sm",o&&"opacity-50",t==null?void 0:t.label),children:d}),f&&i(w,{className:r("flex flex-initial ml-auto justify-end text-sm",o&&"opacity-50",t==null?void 0:t.output),children:({state:n})=>n.values.map((b,e)=>n.getThumbValueLabel(e)).join(" – ")})]}),i(z,{className:r('data-[orientation="horizontal"]:w-full data-[orientation="horizontal"]:h-8','data-[orientation="vertical"]:w-8 data-[orientation="vertical"]:h-full',"transition-all duration-200 ease","before:bg-slate-300 before:block before:absolute cursor-pointer",'data-[orientation="horizontal"]:before:w-full data-[orientation="horizontal"]:before:h-0.5','data-[orientation="horizontal"]:before:top-1/2 data-[orientation="horizontal"]:before:-translate-y-1/2','data-[orientation="vertical"]:before:w-0.5 data-[orientation="vertical"]:before:h-full data-[orientation="vertical"]:before:left-1/2 data-[orientation="vertical"]:before:-translate-y-1/2 data-[orientation="vertical"]:before:-translate-x-1/2',o&&"opacity-50 before:cursor-default",t==null?void 0:t.track),children:({state:n})=>n.values.map((b,e)=>i(y,{index:e,"aria-label":a==null?void 0:a[e],className:r("w-6 h-6 bg-slate-300 forced-color-adjust-none cursor-pointer top-1/2","border-2 border-slate-400 rounded-full",o&&"cursor-default",l==="vertical"&&"left-1/2",t==null?void 0:t.thumb)},e))})]})})}j.defaultProps={label:void 0,showOutput:!0,thumbLabels:void 0,classNames:void 0};export{j as Slider,j as default};

package/components/Slider/Slider.d.ts

@@ -0,0 +1,11 @@
+import { SliderProps } from './Slider.types';
+export declare function Slider({ label, showOutput, thumbLabels, classNames, orientation, isDisabled, children, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Slider {
+    var defaultProps: {
+        label: undefined;
+        showOutput: boolean;
+        thumbLabels: undefined;
+        classNames: undefined;
+    };
+}
+export default Slider;

package/components/Slider/Slider.types.d.ts

@@ -0,0 +1,8 @@
+import { SliderProps as AriaSliderProps } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export type SliderProps = AriaSliderProps & {
+    label?: string;
+    showOutput?: boolean;
+    thumbLabels?: string[];
+    classNames?: SlotsToClasses<'base' | 'label' | 'output' | 'outputWrapper' | 'track' | 'thumb'>;
+};

package/components/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { Slider } from './Slider';
+export type { SliderProps } from './Slider.types';

package/components/Slider/index.js

@@ -0,0 +1 @@
+import{Slider as o}from"./Slider/index.js";export{o as Slider};

package/{src/libs/ui/src/components/Switch/Switch.js → components/Switch/Switch/index.js}

@@ -1 +1 @@
-import{jsx as l,jsxs as u,Fragment as c}from"react/jsx-runtime";import{Switch as g}from"react-aria-components";import{cn as a}from"../../../../../utils/cn.js";function m({children:e,className:n,classNames:o,...s}){return l(g,{className:a("flex items-center gap-2 text-sm text-slate-500 forced-color-adjust-none group","",n),...s,children:t=>{const{isSelected:d,isHovered:r,isFocused:i,isPressed:b,isDisabled:f}=t;return u(c,{children:[l("div",{className:a("w-12 h-7 bg-transparent border-solid border border-slate-300 rounded-3xl transition-all duration-200 ease-in-out","before:block before:w-5 before:h-5 before:m-[3px] before:bg-slate-300 before:rounded-full","before:transition-all before:duration-200 before:ease-in-out",[r&&"border-slate-400",d&&[" bg-slate-300 before:translate-x-full before:bg-white",(r||i)&&"border-slate-400"],i&&["outline outline-2 outline-slate-200"],b&&"before:bg-slate-400",f&&"bg-slate-100",o==null?void 0:o.indicator])}),typeof e=="function"?e({defaultChildren:void 0,...t}):e]})}})}m.defaultProps={classNames:void 0};export{m as Switch,m as default};
+import{jsx as l,jsxs as u,Fragment as c}from"react/jsx-runtime";import{Switch as g}from"react-aria-components";import{cn as a}from"../../../utils/cn/index.js";function m({children:e,className:n,classNames:o,...s}){return l(g,{className:a("flex items-center gap-2 text-sm text-slate-500 forced-color-adjust-none group","",n),...s,children:t=>{const{isSelected:d,isHovered:r,isFocused:i,isPressed:b,isDisabled:f}=t;return u(c,{children:[l("div",{className:a("w-12 h-7 bg-transparent border-solid border border-slate-300 rounded-3xl transition-all duration-200 ease-in-out","before:block before:w-5 before:h-5 before:m-[3px] before:bg-slate-300 before:rounded-full","before:transition-all before:duration-200 before:ease-in-out",[r&&"border-slate-400",d&&[" bg-slate-300 before:translate-x-full before:bg-white",(r||i)&&"border-slate-400"],i&&["outline outline-2 outline-slate-200"],b&&"before:bg-slate-400",f&&"bg-slate-100",o==null?void 0:o.indicator])}),typeof e=="function"?e({defaultChildren:void 0,...t}):e]})}})}m.defaultProps={classNames:void 0};export{m as Switch,m as default};

package/components/Switch/Switch.d.ts

@@ -0,0 +1,11 @@
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+import { SwitchProps } from './Switch.types';
+export declare function Switch({ children, className, classNames, ...props }: SwitchProps & {
+    classNames?: SlotsToClasses<'indicator'>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Switch {
+    var defaultProps: {
+        classNames: undefined;
+    };
+}
+export default Switch;

package/components/Switch/Switch.types.d.ts

@@ -0,0 +1,3 @@
+import { SwitchProps as UISwitchProps, SwitchRenderProps as UISwitchRenderProps } from 'react-aria-components';
+export type SwitchProps = UISwitchProps;
+export type SwitchRenderProps = UISwitchRenderProps;

package/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch } from './Switch';
+export type { SwitchProps, SwitchRenderProps } from './Switch.types';

package/components/Switch/index.js

@@ -0,0 +1 @@
+import{Switch as t}from"./Switch/index.js";export{t as Switch};

package/components/Tabs/Tab/index.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as u,Fragment as b}from"react/jsx-runtime";import{useContext as c}from"react";import{Tab as f}from"react-aria-components";import{motion as p}from"framer-motion";import{TabsOrientationContext as m}from"../Tabs/index.js";import{cn as s}from"../../../utils/cn/index.js";function x({orientation:o,variant:e="base",className:l,children:t,...d}){return i(f,{className:s("flex items-center relative z-10","text-sm cursor-pointer forced-color-adjust-none","transition-all duration-300 ease-in-out","justify-center","disabled:opacity-50","selected:outline-0 hover:outline-0 hover:text-slate-500",e==="underline"&&o==="vertical"&&"justify-start","py-2 px-3",e==="underline"&&o==="horizontal"&&"p-3",e==="underline"&&o==="vertical"&&"py-3 pr-3 pl-0",(e==="underline"||e==="outline"||e==="enclosed")&&"text-slate-800",e==="solid"&&"text-slate-400",(e==="underline"||e==="outline")&&"selected:text-slate-800",(e==="solid"||e==="enclosed")&&"selected:text-slate-100",l),...d,children:t})}function g({variant:o="base",children:e,className:l,classNames:t,...d}){const n=c(m);return i(x,{orientation:n,variant:o,className:l,...d,children:r=>u(b,{children:[typeof e=="function"?e({defaultChildren:void 0,...r}):e,(r.isFocusVisible||r.isSelected)&&i(p.span,{className:s("absolute z-0",o==="solid"&&"inset-0 rounded-lg bg-slate-600 mix-blend-color",o==="outline"&&"inset-0 rounded-lg border-solid border-2 border-slate-800",o==="underline"&&"rounded-lg bg-slate-800 mix-blend-color bottom-0",o==="underline"&&n==="horizontal"&&"left-0 w-full h-px",o==="underline"&&n==="vertical"&&"right-0 w-px h-full",o==="enclosed"&&"inset-0 border-solid border-1 border-slate-800 -mb-px border-b-0 rounded-t-lg rounded-b-none bg-white mix-blend-difference",o==="base"&&"hidden",t==null?void 0:t.overflow),layoutId:o,transition:{type:"spring",bounce:.2,duration:.75}})]})})}g.defaultProps={classNames:void 0};export{x as BaseTab,g as Tab,g as default};

package/components/Tabs/Tab.d.ts

@@ -0,0 +1,15 @@
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+import { TabProps } from './Tab.types';
+import { TabsProps } from './Tabs.types';
+export declare function BaseTab({ orientation, variant, className, children, ...props }: TabProps & {
+    orientation: TabsProps['orientation'];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Tab({ variant, children, className, classNames, ...props }: TabProps & {
+    classNames?: SlotsToClasses<'overflow'>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tab {
+    var defaultProps: {
+        classNames: undefined;
+    };
+}
+export default Tab;

package/components/Tabs/Tab.types.d.ts

@@ -0,0 +1,5 @@
+import { TabProps as AriaTabProps, TabRenderProps as AriaTabRenderProps } from 'react-aria-components';
+export interface TabProps extends AriaTabProps {
+    variant?: 'solid' | 'outline' | 'underline' | 'enclosed' | 'base';
+}
+export type TabRenderProps = AriaTabRenderProps;

package/components/Tabs/TabList/index.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useContext as f}from"react";import{TabList as n}from"react-aria-components";import{TabsOrientationContext as s}from"../Tabs/index.js";import{cn as m}from"../../../utils/cn/index.js";import{BaseTab as x}from"../Tab/index.js";function w({items:t,children:i,variant:e="base",className:l,...a}){const o=f(s);return r(n,{className:m("flex flex-row w-full flex-wrap gap-2 relative",o==="vertical"&&"orientation-vertical:max-w-max orientation-vertical:flex-col orientation-vertical:justify-start",[e==="solid"&&["bg-slate-200 rounded-xl p-1"],e==="outline"&&["border-solid border-2 border-slate-200 rounded-xl p-1"],e==="underline"&&o==="vertical"&&["before:block before:absolute before:inset-y-0 before:right-0 before:w-px before:bg-slate-200"],e==="underline"&&o==="horizontal"&&["before:block before:absolute before:inset-x-0 before:bottom-0 before:h-px before:bg-slate-200"]],l),items:t,...a,children:i||(b=>r(x,{orientation:o,children:b.title}))})}export{w as TabList,w as default};

package/components/Tabs/TabList.d.ts

@@ -0,0 +1,3 @@
+import { TabListProps } from './TabList.types';
+export declare function TabList({ items, children, variant, className, ...props }: TabListProps): import("react/jsx-runtime").JSX.Element;
+export default TabList;

package/components/Tabs/TabList.types.d.ts

@@ -0,0 +1,10 @@
+import { TabListProps as AriaTabListProps } from 'react-aria-components';
+import { ReactNode } from 'react';
+export type TabItemType = {
+    id: number | string;
+    title: ReactNode;
+    content: ReactNode;
+};
+export interface TabListProps extends AriaTabListProps<TabItemType> {
+    variant?: 'solid' | 'outline' | 'underline' | 'base';
+}

package/{src/libs/ui/src/components/Tabs/TabPanel.js → components/Tabs/TabPanel/index.js}

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{TabPanel as m}from"react-aria-components";import{cn as n}from"../../../../../utils/cn.js";function p({children:a,className:r,...o}){return e(m,{className:n("flex grow py-4 px-0",r),...o,children:a})}export{p as TabPanel,p as default};
+import{jsx as e}from"react/jsx-runtime";import{TabPanel as m}from"react-aria-components";import{cn as n}from"../../../utils/cn/index.js";function p({children:a,className:r,...o}){return e(m,{className:n("flex grow py-4 px-0",r),...o,children:a})}export{p as TabPanel,p as default};

package/components/Tabs/TabPanel.d.ts

@@ -0,0 +1,3 @@
+import { TabPanelProps } from './TabPanel.types';
+export declare function TabPanel({ children, className, ...props }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
+export default TabPanel;

package/components/Tabs/TabPanel.types.d.ts

@@ -0,0 +1,2 @@
+import { TabPanelProps as AriaTabPanelProps } from 'react-aria-components';
+export type TabPanelProps = AriaTabPanelProps;

package/{src/libs/ui/src/components/Tabs/Tabs.js → components/Tabs/Tabs/index.js}

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{Tabs as a}from"react-aria-components";import{LayoutGroup as n}from"framer-motion";import{createContext as l,useId as c}from"react";import{cn as f}from"../../../../../utils/cn.js";const m=l("horizontal");function b({children:r,className:e,...o}){const i=c();return t(m.Provider,{value:o.orientation??"horizontal",children:t(n,{id:i,children:t(a,{className:f("flex flex-col w-full px-0 py-2",o.orientation==="vertical"&&"orientation-vertical:flex-row",e),...o,children:r})})})}export{b as Tabs,m as TabsOrientationContext,b as default};
+import{jsx as t}from"react/jsx-runtime";import{Tabs as a}from"react-aria-components";import{LayoutGroup as n}from"framer-motion";import{createContext as l,useId as c}from"react";import{cn as f}from"../../../utils/cn/index.js";const m=l("horizontal");function b({children:r,className:e,...o}){const i=c();return t(m.Provider,{value:o.orientation??"horizontal",children:t(n,{id:i,children:t(a,{className:f("flex flex-col w-full px-0 py-2",o.orientation==="vertical"&&"orientation-vertical:flex-row",e),...o,children:r})})})}export{b as Tabs,m as TabsOrientationContext,b as default};

package/components/Tabs/Tabs.d.ts

@@ -0,0 +1,5 @@
+import { TabsProps } from './Tabs.types';
+/** @todo consider making available through use hook instead */
+export declare const TabsOrientationContext: import('react').Context<import('react-aria').Orientation | undefined>;
+export declare function Tabs({ children, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export default Tabs;

package/components/Tabs/Tabs.types.d.ts

@@ -0,0 +1,2 @@
+import { TabsProps as AriaTabsProps } from 'react-aria-components';
+export type TabsProps = AriaTabsProps;

package/components/Tabs/index.d.ts

@@ -0,0 +1,8 @@
+export { BaseTab, Tab } from './Tab';
+export { TabList } from './TabList';
+export { TabPanel } from './TabPanel';
+export { Tabs, TabsOrientationContext } from './Tabs';
+export type { TabProps, TabRenderProps } from './Tab.types';
+export type { TabItemType, TabListProps } from './TabList.types';
+export type { TabPanelProps } from './TabPanel.types';
+export type { TabsProps } from './Tabs.types';

package/components/Tabs/index.js

@@ -0,0 +1 @@
+import{BaseTab as r,Tab as t}from"./Tab/index.js";import{TabList as b}from"./TabList/index.js";import{TabPanel as x}from"./TabPanel/index.js";import{Tabs as m,TabsOrientationContext as n}from"./Tabs/index.js";export{r as BaseTab,t as Tab,b as TabList,x as TabPanel,m as Tabs,n as TabsOrientationContext};

package/{src/libs/ui/src/components/TimeInput/TimeInput.js → components/TimeInput/TimeInput/index.js}

@@ -1 +1 @@
-import{jsxs as u,jsx as i}from"react/jsx-runtime";import{TimeField as f,Label as x,DateInput as b,DateSegment as c,Text as h,FieldError as p}from"react-aria-components";import{cn as t}from"../../../../../utils/cn.js";function v({label:o,description:r,errorMessage:d,className:l,classNames:e,...n}){return u(f,{className:t("text-slate-900",l),...n,children:[i(x,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),i(b,{className:t("flex items-center","border-solid border border-slate-300 rounded-md","text-sm text-slate-900","h-10 px-1 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200 focus-within:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus-within:border-red-600 invalid:focus-within:outline-red-200",e==null?void 0:e.input),children:a=>i(c,{segment:a,className:t("p-1 tabular-nums text-end text-slate-900","invalid:text-red-500","disabled:cursor-default disabled:select-none disabled:text-slate-400","focus:text-slate-900 focus:bg-slate-200 focus:outline-0 focus:rounded-md focus:caret-transparent focus:invalid:bg-red-500 focus:invalid:text-white","type-literal:p-0.5","data-[placeholder]:text-slate-400 data-[placeholder]:invalid:text-red-500 data-[placeholder]:invalid:focus:text-white","aria-[readonly]:focus-visible:outline aria-[readonly]:focus-visible:outline-slate-500 aria-[readonly]:focus-visible:outline-1","aria-[readonly]:focus:outline aria-[readonly]:focus:outline-slate-500 aria-[readonly]:focus:bg-transparent aria-[readonly]:focus:outline-2",e==null?void 0:e.segment)})}),r&&i(h,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:r}),i(p,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:d})]})}v.defaultProps={label:void 0,description:void 0,errorMessage:void 0,classNames:void 0};export{v as TimeInput,v as default};
+import{jsxs as u,jsx as i}from"react/jsx-runtime";import{TimeField as f,Label as x,DateInput as b,DateSegment as c,Text as h,FieldError as p}from"react-aria-components";import{cn as t}from"../../../utils/cn/index.js";function v({label:o,description:r,errorMessage:d,className:l,classNames:e,...n}){return u(f,{className:t("text-slate-900",l),...n,children:[i(x,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.label),children:o}),i(b,{className:t("flex items-center","border-solid border border-slate-300 rounded-md","text-sm text-slate-900","h-10 px-1 py-0 m-0 w-full","bg-white","transition-all duration-200 ease-in-out","hover:border-slate-400","focus-within:outline-2 focus-within:outline focus-within:outline-slate-200 focus-within:border-slate-400","disabled:border-slate-200 disabled:bg-slate-100","invalid:border-red-500 invalid:bg-red-100 invalid:text-red-600","invalid:hover:border-red-600 invalid:focus-within:border-red-600 invalid:focus-within:outline-red-200",e==null?void 0:e.input),children:a=>i(c,{segment:a,className:t("p-1 tabular-nums text-end text-slate-900","invalid:text-red-500","disabled:cursor-default disabled:select-none disabled:text-slate-400","focus:text-slate-900 focus:bg-slate-200 focus:outline-0 focus:rounded-md focus:caret-transparent focus:invalid:bg-red-500 focus:invalid:text-white","type-literal:p-0.5","data-[placeholder]:text-slate-400 data-[placeholder]:invalid:text-red-500 data-[placeholder]:invalid:focus:text-white","aria-[readonly]:focus-visible:outline aria-[readonly]:focus-visible:outline-slate-500 aria-[readonly]:focus-visible:outline-1","aria-[readonly]:focus:outline aria-[readonly]:focus:outline-slate-500 aria-[readonly]:focus:bg-transparent aria-[readonly]:focus:outline-2",e==null?void 0:e.segment)})}),r&&i(h,{className:t("flex text-slate-500 text-sm",e==null?void 0:e.description),slot:"description",children:r}),i(p,{className:t("flex text-red-500 text-sm",e==null?void 0:e.error),children:d})]})}v.defaultProps={label:void 0,description:void 0,errorMessage:void 0,classNames:void 0};export{v as TimeInput,v as default};

package/components/TimeInput/TimeInput.d.ts

@@ -0,0 +1,11 @@
+import { TimeInputProps } from './TimeInput.types';
+export declare function TimeInput({ label, description, errorMessage, className, classNames, ...props }: TimeInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TimeInput {
+    var defaultProps: {
+        label: undefined;
+        description: undefined;
+        errorMessage: undefined;
+        classNames: undefined;
+    };
+}
+export default TimeInput;

package/components/TimeInput/TimeInput.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TimeInput } from './TimeInput';
+type Story = StoryObj<typeof TimeInput>;
+declare const meta: Meta<typeof TimeInput>;
+export default meta;
+export declare const Base: Story;

package/components/TimeInput/TimeInput.types.d.ts

@@ -0,0 +1,8 @@
+import { TimeFieldProps, TimeValue, ValidationResult } from 'react-aria-components';
+import { SlotsToClasses } from '../../types/SlotsToClasses';
+export interface TimeInputProps extends TimeFieldProps<TimeValue> {
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    classNames?: SlotsToClasses<'label' | 'input' | 'description' | 'error' | 'segment'>;
+}

package/components/TimeInput/index.d.ts

@@ -0,0 +1,2 @@
+export { TimeInput } from './TimeInput';
+export type { TimeInputProps } from './TimeInput.types';

package/components/TimeInput/index.js

@@ -0,0 +1 @@
+import{TimeInput as o}from"./TimeInput/index.js";export{o as TimeInput};

package/{src/libs/ui/src/components/ToggleButton/ToggleButton.js → components/ToggleButton/ToggleButton/index.js}

@@ -1 +1 @@
-import{jsx as l}from"react/jsx-runtime";import{ToggleButton as b}from"react-aria-components";import{cn as n}from"../../../../../utils/cn.js";function g({children:o,size:e="md",variant:t="solid",className:r,...d}){return l(b,{className:a=>{const{isDisabled:s}=a;return n("flex items-center justify-center","font-semibold text-sm","rounded-md border-solid border","px-4","transition-all duration-200 ease-in-out","focus:outline-2 focus:outline focus:outline-slate-200 pressed:scale-95",{"h-8":e==="sm","h-10":e==="md","h-12":e==="lg"},[t==="ghost"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-transparent hover:border-transparent focus:border-transparent disabled:border-transparent","text-slate-900 disabled:text-slate-400",s&&["disabled:text-slate-900","opacity-75"]],t==="outline"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-slate-300 hover:border-slate-400 focus:border-slate-400 disabled:border-slate-200","text-slate-900 disabled:text-slate-500",s&&["disabled:border-slate-300","disabled:text-slate-900","opacity-75"]],t==="solid"&&["bg-slate-800 hover:bg-slate-900 focus:bg-slate-900 disabled:bg-slate-900","border-slate-800 hover:border-slate-900 focus:border-slate-900 disabled:border-slate-200","text-white disabled:text-slate-400",s&&["disabled:border-slate-900","disabled:text-white","opacity-75"]]],typeof r=="function"?r(a):r)},...d,children:o})}export{g as ToggleButton,g as default};
+import{jsx as l}from"react/jsx-runtime";import{ToggleButton as b}from"react-aria-components";import{cn as n}from"../../../utils/cn/index.js";function g({children:o,size:e="md",variant:t="solid",className:r,...d}){return l(b,{className:a=>{const{isDisabled:s}=a;return n("flex items-center justify-center","font-semibold text-sm","rounded-md border-solid border","px-4","transition-all duration-200 ease-in-out","focus:outline-2 focus:outline focus:outline-slate-200 pressed:scale-95",{"h-8":e==="sm","h-10":e==="md","h-12":e==="lg"},[t==="ghost"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-transparent hover:border-transparent focus:border-transparent disabled:border-transparent","text-slate-900 disabled:text-slate-400",s&&["disabled:text-slate-900","opacity-75"]],t==="outline"&&["bg-transparent hover:bg-transparent focus:bg-transparent disabled:bg-transparent","border-slate-300 hover:border-slate-400 focus:border-slate-400 disabled:border-slate-200","text-slate-900 disabled:text-slate-500",s&&["disabled:border-slate-300","disabled:text-slate-900","opacity-75"]],t==="solid"&&["bg-slate-800 hover:bg-slate-900 focus:bg-slate-900 disabled:bg-slate-900","border-slate-800 hover:border-slate-900 focus:border-slate-900 disabled:border-slate-200","text-white disabled:text-slate-400",s&&["disabled:border-slate-900","disabled:text-white","opacity-75"]]],typeof r=="function"?r(a):r)},...d,children:o})}export{g as ToggleButton,g as default};

package/components/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,3 @@
+import { ToggleButtonProps } from './ToggleButton.types';
+export declare function ToggleButton({ children, size, variant, className, ...props }: ToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+export default ToggleButton;

package/components/ToggleButton/ToggleButton.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ToggleButton } from './ToggleButton';
+type Story = StoryObj<typeof ToggleButton>;
+declare const meta: Meta<typeof ToggleButton>;
+export default meta;
+export declare const Example: Story;

package/components/ToggleButton/ToggleButton.types.d.ts

@@ -0,0 +1,5 @@
+import { ToggleButtonProps as AriaToggleButtonProps } from 'react-aria-components';
+export type ToggleButtonProps = AriaToggleButtonProps & {
+    variant?: 'solid' | 'outline' | 'ghost';
+    size?: 'sm' | 'md' | 'lg';
+};

package/components/ToggleButton/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleButton } from './ToggleButton';
+export type { ToggleButtonProps } from './ToggleButton.types';

package/components/ToggleButton/index.js

@@ -0,0 +1 @@
+import{ToggleButton as e}from"./ToggleButton/index.js";export{e as ToggleButton};

package/{src/libs/ui/src/components/Tooltip/Tooltip.js → components/Tooltip/Tooltip/index.js}

@@ -1 +1 @@
-import{jsx as l}from"react/jsx-runtime";import{forwardRef as f}from"react";import{tooltip_default as b}from"../../../../../node_modules/.pnpm/@nextui-org_tooltip@2.0.41_@nextui-org_system@2.2.6_@nextui-org_theme@2.2.11_framer-motion@11_3nqg5awsgdxr3k3zhgj7t7qqsu/node_modules/@nextui-org/tooltip/dist/chunk-3ZXLDIEA.js";import{cn as t}from"../../../../../utils/cn.js";const s=f(function({classNames:e,placement:a,showArrow:o=!1,...r},n){return l(b,{classNames:{base:[t(["z-0 relative bg-transparent outline-none","focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-slate-500","before:absolute before:rotate-45 before:w-2.5 before:h-2.5 before:rounded-sm before:bg-slate-500 before:shadow-sm","before:hidden data-[arrow=true]:before:block","data-[placement=bottom]:before:-top-1 data-[placement=bottom]:before:left-1/2 data-[placement=bottom]:before:rotate-45 data-[placement=bottom]:before:-translate-x-1/2","data-[placement=bottom-end]:before:-top-1 data-[placement=bottom-end]:before:left-1/2 data-[placement=bottom-end]:before:rotate-45 data-[placement=bottom-end]:before:-translate-x-1/2","data-[placement=bottom-start]:before:-top-1 data-[placement=bottom-start]:before:left-1/2 data-[placement=bottom-start]:before:rotate-45 data-[placement=bottom-start]:before:-translate-x-1/2","data-[placement=left]:before:-right-1 data-[placement=left]:before:top-1/2 data-[placement=left]:before:-translate-y-1/2","data-[placement=left-end]:before:-right-1 data-[placement=left-end]:before:top-1/2 data-[placement=left-end]:before:-translate-y-1/2","data-[placement=left-start]:before:-right-1 data-[placement=left-start]:before:top-1/2 data-[placement=left-start]:before:-translate-y-1/2","data-[placement=right]:before:-left-1 data-[placement=right]:before:top-1/2 data-[placement=right]:before:-translate-y-1/2","data-[placement=right-end]:before:-left-1 data-[placement=right-end]:before:top-1/2 data-[placement=right-end]:before:-translate-y-1/2","data-[placement=right-start]:before:-left-1 data-[placement=right-start]:before:top-1/2 data-[placement=right-start]:before:-translate-y-1/2","data-[placement=top]:before:-bottom-1 data-[placement=top]:before:left-1/2 data-[placement=top]:before:rotate-45 data-[placement=top]:before:-translate-x-1/2","data-[placement=top-end]:before:-bottom-1 data-[placement=top-end]:before:left-1/2 data-[placement=top-end]:before:rotate-45 data-[placement=top-end]:before:-translate-x-1/2","data-[placement=top-start]:before:-bottom-1 data-[placement=top-start]:before:left-1/2 data-[placement=top-start]:before:rotate-45 data-[placement=top-start]:before:-translate-x-1/2",e==null?void 0:e.base])],content:[t(["inline-flex flex-col items-center justify-center outline-none","w-full py-1 px-2.5 z-10 box-border bg-slate-500 rounded-md shadow-sm","text-sm text-white subpixel-antialiased",e==null?void 0:e.content])]},placement:a,showArrow:o,...r,ref:n})});export{s as Tooltip,s as default};
+import{jsx as l}from"react/jsx-runtime";import{forwardRef as f}from"react";import{tooltip_default as b}from"../../../node_modules/.pnpm/@nextui-org_tooltip@2.0.41_@nextui-org_system@2.2.6_@nextui-org_theme@2.2.11_framer-motion@11_3nqg5awsgdxr3k3zhgj7t7qqsu/node_modules/@nextui-org/tooltip/dist/chunk-3ZXLDIEA/index.js";import{cn as t}from"../../../utils/cn/index.js";const s=f(function({classNames:e,placement:a,showArrow:o=!1,...r},n){return l(b,{classNames:{base:[t(["z-0 relative bg-transparent outline-none","focus-visible:z-10 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-slate-500","before:absolute before:rotate-45 before:w-2.5 before:h-2.5 before:rounded-sm before:bg-slate-500 before:shadow-sm","before:hidden data-[arrow=true]:before:block","data-[placement=bottom]:before:-top-1 data-[placement=bottom]:before:left-1/2 data-[placement=bottom]:before:rotate-45 data-[placement=bottom]:before:-translate-x-1/2","data-[placement=bottom-end]:before:-top-1 data-[placement=bottom-end]:before:left-1/2 data-[placement=bottom-end]:before:rotate-45 data-[placement=bottom-end]:before:-translate-x-1/2","data-[placement=bottom-start]:before:-top-1 data-[placement=bottom-start]:before:left-1/2 data-[placement=bottom-start]:before:rotate-45 data-[placement=bottom-start]:before:-translate-x-1/2","data-[placement=left]:before:-right-1 data-[placement=left]:before:top-1/2 data-[placement=left]:before:-translate-y-1/2","data-[placement=left-end]:before:-right-1 data-[placement=left-end]:before:top-1/2 data-[placement=left-end]:before:-translate-y-1/2","data-[placement=left-start]:before:-right-1 data-[placement=left-start]:before:top-1/2 data-[placement=left-start]:before:-translate-y-1/2","data-[placement=right]:before:-left-1 data-[placement=right]:before:top-1/2 data-[placement=right]:before:-translate-y-1/2","data-[placement=right-end]:before:-left-1 data-[placement=right-end]:before:top-1/2 data-[placement=right-end]:before:-translate-y-1/2","data-[placement=right-start]:before:-left-1 data-[placement=right-start]:before:top-1/2 data-[placement=right-start]:before:-translate-y-1/2","data-[placement=top]:before:-bottom-1 data-[placement=top]:before:left-1/2 data-[placement=top]:before:rotate-45 data-[placement=top]:before:-translate-x-1/2","data-[placement=top-end]:before:-bottom-1 data-[placement=top-end]:before:left-1/2 data-[placement=top-end]:before:rotate-45 data-[placement=top-end]:before:-translate-x-1/2","data-[placement=top-start]:before:-bottom-1 data-[placement=top-start]:before:left-1/2 data-[placement=top-start]:before:rotate-45 data-[placement=top-start]:before:-translate-x-1/2",e==null?void 0:e.base])],content:[t(["inline-flex flex-col items-center justify-center outline-none","w-full py-1 px-2.5 z-10 box-border bg-slate-500 rounded-md shadow-sm","text-sm text-white subpixel-antialiased",e==null?void 0:e.content])]},placement:a,showArrow:o,...r,ref:n})});export{s as Tooltip,s as default};

package/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Tooltip: import('react').ForwardRefExoticComponent<Omit<import('@nextui-org/tooltip/dist/tooltip').TooltipProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default Tooltip;

package/components/Tooltip/Tooltip.types.d.ts

@@ -0,0 +1,2 @@
+import { TooltipProps as UITooltipProps } from '@nextui-org/tooltip';
+export type TooltipProps = UITooltipProps;

package/components/Tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip.types';

package/components/Tooltip/index.js

@@ -0,0 +1 @@
+import{Tooltip as r}from"./Tooltip/index.js";export{r as Tooltip};

package/hooks/useEnterExitAnimation.d.ts

@@ -0,0 +1,5 @@
+export declare const useEnterExitAnimation: (isOpen: boolean) => {
+    isEntering: boolean;
+    isExiting: boolean;
+};
+export default useEnterExitAnimation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clicktap/ui",
-  "version": "0.12.8",
+  "version": "0.12.9",
   "private": false,
   "author": "Clicktap",
   "description": "A library of React UI components and low-level hooks.",
@@ -16,24 +16,24 @@
   "sideEffects": false,
   "exports": {
     "./components/*": {
-      "import": "./src/components/*",
-      "require": "./src/components/*",
-      "types": "./types/components/*"
+      "import": "./components/*",
+      "require": "./components/*",
+      "types": "./*"
     },
     "./hooks/*": {
-      "import": "./src/hooks/*",
-      "require": "./src/hooks/*",
-      "types": "./types/hooks/*"
+      "import": "./hooks/*",
+      "require": "./hooks/*",
+      "types": "./hooks/*"
     },
     "./utils/*": {
-      "import": "./src/utils/*",
-      "require": "./src/utils/*",
-      "types": "./types/utils/*"
+      "import": "./utils/*",
+      "require": "./utils/*",
+      "types": "./utils/*"
     },
     "./types/*": {
-      "import": "./src/types/*",
-      "require": "./src/types/*",
-      "types": "./types/types/*"
+      "import": "./types/*",
+      "require": "./types/*",
+      "types": "./types/*"
     }
   },
   "dependencies": {

package/types/SlotsToClasses.d.ts

@@ -1 +1,4 @@
-export { }
+import { ClassValue } from 'clsx';
+export type SlotsToClasses<S extends string> = {
+    [key in S]?: ClassValue;
+};

package/utils/cn/index.js

@@ -0,0 +1 @@
+import{clsx as t}from"../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx/index.js";import{twMerge as o}from"../../node_modules/.pnpm/tailwind-merge@2.5.4/node_modules/tailwind-merge/dist/bundle-mjs/index.js";function m(...r){return o(t(r))}export{m as cn,m as default};

package/utils/cn.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export default cn;