@clicktap/ui 0.12.7 → 0.12.9

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/components/Slider/Slider/index.js

@@ -0,0 +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/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/components/Switch/Switch/index.js

@@ -0,0 +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/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/components/Tabs/TabPanel/index.js

@@ -0,0 +1 @@
+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/components/Tabs/Tabs/index.js

@@ -0,0 +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/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/components/TimeInput/TimeInput/index.js

@@ -0,0 +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/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/components/ToggleButton/ToggleButton/index.js

@@ -0,0 +1 @@
+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/components/Tooltip/Tooltip/index.js

@@ -0,0 +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/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/index.js

@@ -0,0 +1 @@
+import{useState as i,useEffect as f}from"react";const u=t=>{const[n,e]=i(t),[r,s]=i(!1);return f(()=>{e(!1),s(!1),setTimeout(()=>{t?e(!0):s(!0)},10)},[t]),{isEntering:n,isExiting:r}};export{u as default,u as useEnterExitAnimation};

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.7",
+  "version": "0.12.9",
   "private": false,
   "author": "Clicktap",
   "description": "A library of React UI components and low-level hooks.",
@@ -16,45 +16,26 @@
   "sideEffects": false,
   "exports": {
     "./components/*": {
-      "import": "./dist/components/*",
-      "require": "./dist/components/*",
-      "types": "./dist/types/components/*"
+      "import": "./components/*",
+      "require": "./components/*",
+      "types": "./*"
     },
     "./hooks/*": {
-      "import": "./dist/hooks/*",
-      "require": "./dist/hooks/*",
-      "types": "./dist/types/hooks/*"
+      "import": "./hooks/*",
+      "require": "./hooks/*",
+      "types": "./hooks/*"
     },
     "./utils/*": {
-      "import": "./dist/utils/*",
-      "require": "./dist/utils/*",
-      "types": "./dist/types/utils/*"
+      "import": "./utils/*",
+      "require": "./utils/*",
+      "types": "./utils/*"
     },
     "./types/*": {
-      "import": "./dist/types/*",
-      "require": "./dist/types/types/*",
-      "types": "./dist/types/types/*"
+      "import": "./types/*",
+      "require": "./types/*",
+      "types": "./types/*"
     }
   },
-  "typesVersions": {
-    "*": {
-      "components/*": [
-        "dist/types/components/*"
-      ],
-      "hooks/*": [
-        "dist/types/hooks/*"
-      ],
-      "utils/*": [
-        "dist/types/utils/*"
-      ],
-      "types/*": [
-        "dist/types/types/*"
-      ]
-    }
-  },
-  "files": [
-    "dist"
-  ],
   "dependencies": {
     "@nextui-org/accordion": "^2.0.28",
     "@nextui-org/avatar": "^2.0.32",

package/types/SlotsToClasses/index.js

@@ -0,0 +1 @@
+

package/types/SlotsToClasses.d.ts

@@ -0,0 +1,4 @@
+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;

package/utils/defaultTheme/index.js

@@ -0,0 +1 @@
+const o={fontFamily:{sans:["ui-sans-serif","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"],serif:["ui-serif","Georgia","Cambria","Times New Roman","Times","serif"],monospace:["ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"]},fontSize:{xs:["0.75rem",{lineHeight:"1rem"}],sm:["0.875rem",{lineHeight:"1.25rem"}],base:["1rem",{lineHeight:"1.5rem"}],lg:["1.125rem",{lineHeight:"1.75rem"}],xl:["1.25rem",{lineHeight:"1.75rem"}],"2xl":["1.5rem",{lineHeight:"2rem"}],"3xl":["1.875rem",{lineHeight:"2.25rem"}],"4xl":["2.25rem",{lineHeight:"2.5rem"}],"5xl":["3rem",{lineHeight:"1"}],"6xl":["3.75rem",{lineHeight:"1"}],"7xl":["4.5rem",{lineHeight:"1"}],"8xl":["6rem",{lineHeight:"1"}],"9xl":["8rem",{lineHeight:"1"}]},fontWeight:{thin:100,extralight:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},lineHeight:{3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},borderRadius:{.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem"},listStyleType:{none:"none",disc:"disc",decimal:"decimal"},screens:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},colors:{primary:"#4785ff",secondary:"#b8cfff",tertiary:"#d6e4ff",background:"#f0f5ff",inherit:"inherit",current:"currentColor",transparent:"transparent",black:"rgb(0 0 0)",white:"rgb(255 255 255)",slate:{50:"rgb(248 250 252)",100:"rgb(241 245 249)",200:"rgb(226 232 240)",300:"rgb(203 213 225)",400:"rgb(148 163 184)",500:"rgb(100 116 139)",600:"rgb(71 85 105)",700:"rgb(51 65 85)",800:"rgb(30 41 59)",900:"rgb(15 23 42)"},gray:{50:"rgb(249 250 251)",100:"rgb(243 244 246)",200:"rgb(229 231 235)",300:"rgb(209 213 219)",400:"rgb(156 163 175)",500:"rgb(107 114 128)",600:"rgb(75 85 99)",700:"rgb(55 65 81)",800:"rgb(31 41 55)",900:"rgb(17 24 39)"},zinc:{50:"rgb(250 250 250)",100:"rgb(244 244 245)",200:"rgb(228 228 231)",300:"rgb(212 212 216)",400:"rgb(161 161 170)",500:"rgb(113 113 122)",600:"rgb(82 82 91)",700:"rgb(63 63 70)",800:"rgb(39 39 42)",900:"rgb(24 24 27)"},neutral:{50:"rgb(250 250 250)",100:"rgb(245 245 245)",200:"rgb(229 229 229)",300:"rgb(212 212 212)",400:"rgb(163 163 163)",500:"rgb(115 115 115)",600:"rgb(82 82 82)",700:"rgb(64 64 64)",800:"rgb(38 38 38)",900:"rgb(23 23 23)"},stone:{50:"rgb(250 250 249)",100:"rgb(245 245 244)",200:"rgb(231 229 228)",300:"rgb(214 211 209)",400:"rgb(168 162 158)",500:"rgb(120 113 108)",600:"rgb(87 83 78)",700:"rgb(68 64 60)",800:"rgb(41 37 36)",900:"rgb(28 25 23)"},red:{50:"rgb(254 242 242)",100:"rgb(254 226 226)",200:"rgb(254 202 202)",300:"rgb(252 165 165)",400:"rgb(248 113 113)",500:"rgb(239 68 68)",600:"rgb(220 38 38)",700:"rgb(185 28 28)",800:"rgb(153 27 27)",900:"rgb(127 29 29)"},orange:{50:"rgb(255 247 237)",100:"rgb(255 237 213)",200:"rgb(254 215 170)",300:"rgb(253 186 116)",400:"rgb(251 146 60)",500:"rgb(249 115 22)",600:"rgb(234 88 12)",700:"rgb(194 65 12)",800:"rgb(154 52 18)",900:"rgb(124 45 18)"},amber:{50:"rgb(255 251 235)",100:"rgb(254 243 199)",200:"rgb(253 230 138)",300:"rgb(252 211 77)",400:"rgb(251 191 36)",500:"rgb(245 158 11)",600:"rgb(217 119 6)",700:"rgb(180 83 9)",800:"rgb(146 64 14)",900:"rgb(120 53 15)"},yellow:{50:"rgb(254 252 232)",100:"rgb(254 249 195)",200:"rgb(254 240 138)",300:"rgb(253 224 71)",400:"rgb(250 204 21)",500:"rgb(234 179 8)",600:"rgb(202 138 4)",700:"rgb(161 98 7)",800:"rgb(133 77 14)",900:"rgb(113 63 18)"},lime:{50:"rgb(247 254 231)",100:"rgb(236 252 203)",200:"rgb(217 249 157)",300:"rgb(190 242 100)",400:"rgb(163 230 53)",500:"rgb(132 204 22)",600:"rgb(101 163 13)",700:"rgb(77 124 15)",800:"rgb(63 98 18)",900:"rgb(54 83 20)"},green:{50:"rgb(240 253 244)",100:"rgb(220 252 231)",200:"rgb(187 247 208)",300:"rgb(134 239 172)",400:"rgb(74 222 128)",500:"rgb(34 197 94)",600:"rgb(22 163 74)",700:"rgb(21 128 61)",800:"rgb(22 101 52)",900:"rgb(20 83 45)"},emerald:{50:"rgb(236 253 245)",100:"rgb(209 250 229)",200:"rgb(167 243 208)",300:"rgb(110 231 183)",400:"rgb(52 211 153)",500:"rgb(16 185 129)",600:"rgb(5 150 105)",700:"rgb(4 120 87)",800:"rgb(6 95 70)",900:"rgb(6 78 59)"},teal:{50:"rgb(240 253 250)",100:"rgb(204 251 241)",200:"rgb(153 246 228)",300:"rgb(94 234 212)",400:"rgb(45 212 191)",500:"rgb(20 184 166)",600:"rgb(13 148 136)",700:"rgb(15 118 110)",800:"rgb(17 94 89)",900:"rgb(19 78 74)"},cyan:{50:"rgb(236 254 255)",100:"rgb(207 250 254)",200:"rgb(165 243 252)",300:"rgb(103 232 249)",400:"rgb(34 211 238)",500:"rgb(6 182 212)",600:"rgb(8 145 178)",700:"rgb(14 116 144)",800:"rgb(21 94 117)",900:"rgb(22 78 99)"},sky:{50:"rgb(240 249 255)",100:"rgb(224 242 254)",200:"rgb(186 230 253)",300:"rgb(125 211 252)",400:"rgb(56 189 248)",500:"rgb(14 165 233)",600:"rgb(2 132 199)",700:"rgb(3 105 161)",800:"rgb(7 89 133)",900:"rgb(12 74 110)"},blue:{50:"rgb(239 246 255)",100:"rgb(219 234 254)",200:"rgb(191 219 254)",300:"rgb(147 197 253)",400:"rgb(96 165 250)",500:"rgb(59 130 246)",600:"rgb(37 99 235)",700:"rgb(29 78 216)",800:"rgb(30 64 175)",900:"rgb(30 58 138)"},indigo:{50:"rgb(238 242 255)",100:"rgb(224 231 255)",200:"rgb(199 210 254)",300:"rgb(165 180 252)",400:"rgb(129 140 248)",500:"rgb(99 102 241)",600:"rgb(79 70 229)",700:"rgb(67 56 202)",800:"rgb(55 48 163)",900:"rgb(49 46 129)"},violet:{50:"rgb(245 243 255)",100:"rgb(237 233 254)",200:"rgb(221 214 254)",300:"rgb(196 181 253)",400:"rgb(167 139 250)",500:"rgb(139 92 246)",600:"rgb(124 58 237)",700:"rgb(109 40 217)",800:"rgb(91 33 182)",900:"rgb(76 29 149)"},purple:{50:"rgb(250 245 255)",100:"rgb(243 232 255)",200:"rgb(233 213 255)",300:"rgb(216 180 254)",400:"rgb(192 132 252)",500:"rgb(168 85 247)",600:"rgb(147 51 234)",700:"rgb(126 34 206)",800:"rgb(107 33 168)",900:"rgb(88 28 135)"},fuchsia:{50:"rgb(253 244 255)",100:"rgb(250 232 255)",200:"rgb(245 208 254)",300:"rgb(240 171 252)",400:"rgb(232 121 249)",500:"rgb(217 70 239)",600:"rgb(192 38 211)",700:"rgb(162 28 175)",800:"rgb(134 25 143)",900:"rgb(112 26 117)"},pink:{50:"rgb(253 242 248)",100:"rgb(252 231 243)",200:"rgb(251 207 232)",300:"rgb(249 168 212)",400:"rgb(244 114 182)",500:"rgb(236 72 153)",600:"rgb(219 39 119)",700:"rgb(190 24 93)",800:"rgb(157 23 77)",900:"rgb(131 24 67)"},rose:{50:"rgb(255 241 242)",100:"rgb(255 228 230)",200:"rgb(254 205 211)",300:"rgb(253 164 175)",400:"rgb(251 113 133)",500:"rgb(244 63 94)",600:"rgb(225 29 72)",700:"rgb(190 18 60)",800:"rgb(159 18 57)",900:"rgb(136 19 55)"}},spacing:{px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},height:{auto:"auto",px:"1px",0:"0px",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",11:"2.75rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem","1/2":"50%","1/3":"33.333333%","2/3":"66.666667%","1/4":"25%","2/4":"50%","3/4":"75%","1/5":"20%","2/5":"40%","3/5":"60%","4/5":"80%","1/6":"16.666667%","2/6":"33.333333%","3/6":"50%","4/6":"66.666667%","5/6":"83.333333%",full:"100%",screen:"100vh",min:"min-content",max:"max-content",fit:"fit-content"},components:{button:{primary:{color:"#FFF",backgroundColor:"#000"}},Card:{border:"1px solid rgb(226 232 240)",padding:"1rem",backgroundColor:"transparent",borderRadius:"2px",boxShadow:"rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px"},"Card.Content":{padding:0,fontSize:"0.9rem"},"Card.Header":{fontSize:"1.125rem",fontWeight:"700",marginBottom:"1rem"}}};function i(e,m){const r={...e};return Object.entries(m).forEach(([g,b])=>{b!==null&&typeof b=="object"&&!Array.isArray(b)?((r[g]===void 0||r[g]===null)&&(r[g]={}),r[g]=i(r[g],b)):r[g]=b}),r}export{o as defaultTheme,i as mergeTheme};