@clicktap/ui 0.12.2 → 0.12.4

package/components/Select/Select.d.ts

@@ -0,0 +1,20 @@
+import type { 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 type { ComboBoxRenderProps, ComboBoxProps as AriaComboBoxProps, ValidationResult } from 'react-aria-components';
+import type { Key, ReactNode } from 'react';
+import type { 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/{Slider → components/Slider}/Slider.d.ts

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

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

@@ -0,0 +1,8 @@
+import type { SliderProps as AriaSliderProps } from 'react-aria-components';
+import type { 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/{Switch → components/Switch}/Switch.d.ts

@@ -1,5 +1,5 @@
-import { SwitchProps } from 'react-aria-components';
-import type { SlotsToClasses } from '../types';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+import type { SwitchProps } from './Switch.types';
 export declare function Switch({ children, className, classNames, ...props }: SwitchProps & {
     classNames?: SlotsToClasses<'indicator'>;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import type { 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/{Tabs → components/Tabs}/Tab.d.ts

@@ -1,7 +1,7 @@
-import { TabsProps } from 'react-aria-components';
-import { TabProps } from './types';
-import type { SlotsToClasses } from '../types';
-export declare function UiTab({ orientation, variant, className, children, ...props }: TabProps & {
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
+import type { TabProps } from './Tab.types';
+import type { 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 & {

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

@@ -0,0 +1,5 @@
+import type { 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/{Tabs → components/Tabs}/TabList.d.ts

@@ -1,3 +1,3 @@
-import { TabListProps } from './types';
+import type { 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 type { TabListProps as AriaTabListProps } from 'react-aria-components';
+import type { 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/{Tabs → components/Tabs}/TabPanel.d.ts

@@ -1,3 +1,3 @@
-import { TabPanelProps } from 'react-aria-components';
+import type { 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/{Tabs → components/Tabs}/Tabs.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { TabsProps } from 'react-aria-components';
+import type { 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 type { 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/{TimeInput → components/TimeInput}/TimeInput.d.ts

@@ -1,4 +1,4 @@
-import { TimeInputProps } from './types';
+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: {

package/{TimeInput/types.d.ts → components/TimeInput/TimeInput.types.d.ts}

@@ -1,5 +1,5 @@
 import type { TimeFieldProps, TimeValue, ValidationResult } from 'react-aria-components';
-import type { SlotsToClasses } from '../types';
+import type { SlotsToClasses } from '../../types/SlotsToClasses';
 export interface TimeInputProps extends TimeFieldProps<TimeValue> {
     label?: string;
     description?: string;

package/components/TimeInput/index.d.ts

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

package/{ToggleButton → components/ToggleButton}/ToggleButton.d.ts

@@ -1,3 +1,3 @@
-import { ToggleButtonProps } from './types';
+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/index.d.ts

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

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 type { 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/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.2",
+  "version": "0.12.4",
   "private": false,
   "author": "Clicktap",
   "description": "A library of React UI components and low-level hooks.",
@@ -40,6 +40,7 @@
     "@storybook/addon-actions": "^8.0.6",
     "@storybook/react": "7.4.5",
     "framer-motion": "^11.0.0",
+    "glob": "^11.0.0",
     "react-aria": "^3.0.0",
     "react-aria-components": "^1.1.1"
   },

package/{types.d.ts → types/SlotsToClasses.d.ts}

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

package/{utils.d.ts → utils/cn.d.ts}

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