@cladd-ui/react 0.0.10 → 0.0.11

package/hooks/use-modal-utils.js

@@ -1,5 +1,5 @@
-import { useEffect, useRef, useState } from "react";
-import { nextTick } from "../shared/next-tick";
+import { useEffect, useRef, useState } from 'react';
+import { nextTick } from '../shared/next-tick';
 export const useModalUtils = ({ phase, onPhaseChange = () => { }, lazy, onClose = () => { }, onClosed = () => { }, onOpen = () => { }, onOpened = () => { }, transitionEndElRef, closeOnEscape = true, }) => {
     const initiallyOpenedRef = useRef(false);
     const [opened, setOpened] = useState(false);
@@ -13,13 +13,13 @@ export const useModalUtils = ({ phase, onPhaseChange = () => { }, lazy, onClose
         if (closedFiredRef.current)
             return;
         closedFiredRef.current = true;
-        callbacksRef.current.onPhaseChange("closed");
+        callbacksRef.current.onPhaseChange('closed');
         callbacksRef.current.onClosed();
     };
     const close = () => {
         setOpened(false);
         onClose();
-        onPhaseChange("closing");
+        onPhaseChange('closing');
     };
     const open = () => {
         closedFiredRef.current = false;
@@ -32,10 +32,10 @@ export const useModalUtils = ({ phase, onPhaseChange = () => { }, lazy, onClose
         }
     };
     const onKeyDown = (e) => {
-        if (e.key === "Escape") {
+        if (e.key === 'Escape') {
             if (closeOnEscape === false)
                 return;
-            if (typeof closeOnEscape === "function" && !closeOnEscape())
+            if (typeof closeOnEscape === 'function' && !closeOnEscape())
                 return;
             e.preventDefault();
             e.stopPropagation();
@@ -47,31 +47,31 @@ export const useModalUtils = ({ phase, onPhaseChange = () => { }, lazy, onClose
             return;
         if (!transitionEndElRef.current || e.target !== transitionEndElRef.current)
             return;
-        if (phase === "closing") {
+        if (phase === 'closing') {
             fireClosed();
         }
-        if (phase === "opening" || phase === "opened") {
+        if (phase === 'opening' || phase === 'opened') {
             onOpened(transitionEndElRef.current);
-            if (phase === "opening") {
-                onPhaseChange("opened");
+            if (phase === 'opening') {
+                onPhaseChange('opened');
             }
         }
     };
     useEffect(() => {
-        document.addEventListener("keydown", onKeyDown);
+        document.addEventListener('keydown', onKeyDown);
         const el = transitionEndElRef?.current;
         if (el) {
             if (!el.checkVisibility()) {
                 onTransitionEnd({ target: el });
             }
             else {
-                el.addEventListener("transitionend", onTransitionEnd);
+                el.addEventListener('transitionend', onTransitionEnd);
             }
         }
         return () => {
-            document.removeEventListener("keydown", onKeyDown);
+            document.removeEventListener('keydown', onKeyDown);
             if (el) {
-                el.removeEventListener("transitionend", onTransitionEnd);
+                el.removeEventListener('transitionend', onTransitionEnd);
             }
         };
     });
@@ -83,13 +83,13 @@ export const useModalUtils = ({ phase, onPhaseChange = () => { }, lazy, onClose
         }
     }, [opened]);
     useEffect(() => {
-        if (phase === "closing") {
+        if (phase === 'closing') {
             if (opened) {
                 setOpened(false);
                 onClose();
             }
         }
-        else if (phase === "opening" || phase === "opened") {
+        else if (phase === 'opening' || phase === 'opened') {
             if (!opened && initiallyOpenedRef.current) {
                 open();
             }
@@ -100,7 +100,7 @@ export const useModalUtils = ({ phase, onPhaseChange = () => { }, lazy, onClose
     // transitionend could fire), synthetically flip external state to closed.
     useEffect(() => {
         return () => {
-            if (phaseRef.current === "closing") {
+            if (phaseRef.current === 'closing') {
                 fireClosed();
             }
         };

package/index.d.ts

@@ -1,54 +1,55 @@
-export { useDevice } from "./hooks/use-device";
-export { useDialog } from "./hooks/use-dialog";
-export { useSurface } from "./hooks/use-surface";
-export { useTheme } from "./hooks/use-theme";
-export { useToast } from "./hooks/use-toast";
-export { useAccentColor } from "./hooks/use-accent-color";
-export { cn } from "./shared/cn";
-export { nextTick } from "./shared/next-tick";
-export { CloseIcon } from "./components/icons/CloseIcon";
-export { SearchIcon } from "./components/icons/SearchIcon";
-export { DropdownIcon } from "./components/icons/DropdownIcon";
-export { CheckIcon } from "./components/icons/CheckIcon";
-export { Backdrop, type BackdropProps } from "./components/Backdrop";
-export { BlockTitle, type BlockTitleProps } from "./components/BlockTitle";
-export { Button, type ButtonProps, type ButtonSize } from "./components/Button";
-export { Checkbox, type CheckboxProps, type CheckboxSize, } from "./components/Checkbox";
-export { Chip, type ChipProps, type ChipSize } from "./components/Chip";
-export { Dialog, DialogClose, DialogRoot, DialogTrigger, type DialogProps, } from "./components/Dialog";
-export { Input, type InputProps, type InputSize } from "./components/Input";
-export { Link, type LinkProps } from "./components/Link";
-export { List, type ListProps } from "./components/List";
-export { ListButton, type ListButtonProps } from "./components/ListButton";
-export { ListItem, type ListItemProps } from "./components/ListItem";
-export { ListSeparator, type ListSeparatorProps, } from "./components/ListSeparator";
-export { NumberField, type NumberFieldProps, type NumberFieldSize, } from "./components/NumberField";
-export { OTPField, type OTPFieldProps } from "./components/OTPField";
-export { OTPFieldInput, type OTPFieldInputProps, } from "./components/OTPFieldInput";
-export { OTPFieldSeparator, type OTPFieldSeparatorProps, } from "./components/OTPFieldSeparator";
-export { Popover, PopoverClose, PopoverRoot, PopoverTrigger, type PopoverProps, } from "./components/Popover";
-export { Popup, PopupClose, PopupRoot, PopupTrigger, type PopupProps, } from "./components/Popup";
-export { PopupContent, type PopupContentProps, } from "./components/PopupContent";
-export { Preloader, type PreloaderProps, type PreloaderSize, } from "./components/Preloader";
-export { Radio, type RadioProps, type RadioSize } from "./components/Radio";
-export { Range, type RangeProps, type RangeSize } from "./components/Range";
-export { Searchbar, type SearchbarProps } from "./components/Searchbar";
-export { Segmented, type SegmentedProps } from "./components/Segmented";
-export { SegmentedButton, type SegmentedButtonProps, } from "./components/SegmentedButton";
-export { Select, type SelectProps } from "./components/Select";
-export { Shortcut, type ShortcutProps, type ShortcutSize, } from "./components/Shortcut";
-export { SurfaceContextProvider } from "./components/SurfaceContext";
-export { Surface, type SurfaceProps } from "./components/Surface";
-export { SurfaceContent, type SurfaceContentProps, } from "./components/SurfaceContent";
-export { SurfaceCut, type SurfaceCutProps } from "./components/SurfaceCut";
-export { SurfaceCutContent, type SurfaceCutContentProps, } from "./components/SurfaceCutContent";
-export { Switch, type SwitchProps, type SwitchSize } from "./components/Switch";
-export { TextArea, type TextAreaProps, type TextAreaSize, } from "./components/TextArea";
-export { Toast, ToastClose, ToastRoot, ToastTrigger, type ToastProps, } from "./components/Toast";
-export { Toolbar, type ToolbarProps } from "./components/Toolbar";
-export { ToolbarButton, type ToolbarButtonProps, } from "./components/ToolbarButton";
-export { ToolbarSeparator, type ToolbarSeparatorProps, } from "./components/ToolbarSeparator";
-export { Tooltip, type TooltipProps } from "./components/Tooltip";
-export { UIProvider, type UIProviderProps } from "./components/UIProvider";
-export { WithTooltip, type WithTooltipProps } from "./components/WithTooltip";
+export { useDevice } from './hooks/use-device';
+export { useDialog } from './hooks/use-dialog';
+export { useSurface } from './hooks/use-surface';
+export { useTheme } from './hooks/use-theme';
+export { useToast } from './hooks/use-toast';
+export { useAccentColor } from './hooks/use-accent-color';
+export { cn } from './shared/cn';
+export { nextTick } from './shared/next-tick';
+export { CloseIcon } from './components/icons/CloseIcon';
+export { SearchIcon } from './components/icons/SearchIcon';
+export { DropdownIcon } from './components/icons/DropdownIcon';
+export { CheckIcon } from './components/icons/CheckIcon';
+export { Backdrop, type BackdropProps } from './components/Backdrop';
+export { Button, type ButtonProps, type ButtonSize } from './components/Button';
+export { Checkbox, type CheckboxProps, type CheckboxSize, } from './components/Checkbox';
+export { Chip, type ChipProps, type ChipSize } from './components/Chip';
+export { Dialog, DialogClose, DialogRoot, DialogTrigger, type DialogProps, } from './components/Dialog';
+export { Input, type InputProps, type InputSize } from './components/Input';
+export { Link, type LinkProps } from './components/Link';
+export { List, type ListProps } from './components/List';
+export { ListButton, type ListButtonProps } from './components/ListButton';
+export { ListItem, type ListItemProps } from './components/ListItem';
+export { ListSeparator, type ListSeparatorProps, } from './components/ListSeparator';
+export { ListTitle, type ListTitleProps } from './components/ListTitle';
+export { NumberField, type NumberFieldProps, type NumberFieldSize, } from './components/NumberField';
+export { OTPField, type OTPFieldProps } from './components/OTPField';
+export { OTPFieldInput, type OTPFieldInputProps, } from './components/OTPFieldInput';
+export { OTPFieldSeparator, type OTPFieldSeparatorProps, } from './components/OTPFieldSeparator';
+export { Popover, PopoverClose, PopoverRoot, PopoverTrigger, type PopoverProps, } from './components/Popover';
+export { Popup, PopupClose, PopupRoot, PopupTrigger, type PopupProps, } from './components/Popup';
+export { PopupContent, type PopupContentProps, } from './components/PopupContent';
+export { Radio, type RadioProps, type RadioSize } from './components/Radio';
+export { SearchField, type SearchFieldProps } from './components/SearchField';
+export { SectionTitle, type SectionTitleProps, } from './components/SectionTitle';
+export { Segmented, type SegmentedProps } from './components/Segmented';
+export { SegmentedButton, type SegmentedButtonProps, } from './components/SegmentedButton';
+export { Select, type SelectProps } from './components/Select';
+export { Shortcut, type ShortcutProps, type ShortcutSize, } from './components/Shortcut';
+export { Slider, type SliderProps, type SliderSize } from './components/Slider';
+export { Spinner, type SpinnerProps, type SpinnerSize, } from './components/Spinner';
+export { SurfaceContextProvider } from './components/SurfaceContext';
+export { Surface, type SurfaceProps } from './components/Surface';
+export { SurfaceContent, type SurfaceContentProps, } from './components/SurfaceContent';
+export { SurfaceCut, type SurfaceCutProps } from './components/SurfaceCut';
+export { SurfaceCutContent, type SurfaceCutContentProps, } from './components/SurfaceCutContent';
+export { Switch, type SwitchProps, type SwitchSize } from './components/Switch';
+export { TextArea, type TextAreaProps, type TextAreaSize, } from './components/TextArea';
+export { Toast, ToastClose, ToastRoot, ToastTrigger, type ToastProps, } from './components/Toast';
+export { Toolbar, type ToolbarProps } from './components/Toolbar';
+export { ToolbarButton, type ToolbarButtonProps, } from './components/ToolbarButton';
+export { ToolbarSeparator, type ToolbarSeparatorProps, } from './components/ToolbarSeparator';
+export { Tooltip, type TooltipPosition, type TooltipProps, } from './components/Tooltip';
+export { TooltipPrimitive, type TooltipPrimitiveProps, } from './components/TooltipPrimitive';
+export { UIProvider, type UIProviderProps } from './components/UIProvider';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/index.js

@@ -1,54 +1,55 @@
-export { useDevice } from "./hooks/use-device";
-export { useDialog } from "./hooks/use-dialog";
-export { useSurface } from "./hooks/use-surface";
-export { useTheme } from "./hooks/use-theme";
-export { useToast } from "./hooks/use-toast";
-export { useAccentColor } from "./hooks/use-accent-color";
-export { cn } from "./shared/cn";
-export { nextTick } from "./shared/next-tick";
-export { CloseIcon } from "./components/icons/CloseIcon";
-export { SearchIcon } from "./components/icons/SearchIcon";
-export { DropdownIcon } from "./components/icons/DropdownIcon";
-export { CheckIcon } from "./components/icons/CheckIcon";
-export { Backdrop } from "./components/Backdrop";
-export { BlockTitle } from "./components/BlockTitle";
-export { Button } from "./components/Button";
-export { Checkbox, } from "./components/Checkbox";
-export { Chip } from "./components/Chip";
-export { Dialog, DialogClose, DialogRoot, DialogTrigger, } from "./components/Dialog";
-export { Input } from "./components/Input";
-export { Link } from "./components/Link";
-export { List } from "./components/List";
-export { ListButton } from "./components/ListButton";
-export { ListItem } from "./components/ListItem";
-export { ListSeparator, } from "./components/ListSeparator";
-export { NumberField, } from "./components/NumberField";
-export { OTPField } from "./components/OTPField";
-export { OTPFieldInput, } from "./components/OTPFieldInput";
-export { OTPFieldSeparator, } from "./components/OTPFieldSeparator";
-export { Popover, PopoverClose, PopoverRoot, PopoverTrigger, } from "./components/Popover";
-export { Popup, PopupClose, PopupRoot, PopupTrigger, } from "./components/Popup";
-export { PopupContent, } from "./components/PopupContent";
-export { Preloader, } from "./components/Preloader";
-export { Radio } from "./components/Radio";
-export { Range } from "./components/Range";
-export { Searchbar } from "./components/Searchbar";
-export { Segmented } from "./components/Segmented";
-export { SegmentedButton, } from "./components/SegmentedButton";
-export { Select } from "./components/Select";
-export { Shortcut, } from "./components/Shortcut";
-export { SurfaceContextProvider } from "./components/SurfaceContext";
-export { Surface } from "./components/Surface";
-export { SurfaceContent, } from "./components/SurfaceContent";
-export { SurfaceCut } from "./components/SurfaceCut";
-export { SurfaceCutContent, } from "./components/SurfaceCutContent";
-export { Switch } from "./components/Switch";
-export { TextArea, } from "./components/TextArea";
-export { Toast, ToastClose, ToastRoot, ToastTrigger, } from "./components/Toast";
-export { Toolbar } from "./components/Toolbar";
-export { ToolbarButton, } from "./components/ToolbarButton";
-export { ToolbarSeparator, } from "./components/ToolbarSeparator";
-export { Tooltip } from "./components/Tooltip";
-export { UIProvider } from "./components/UIProvider";
-export { WithTooltip } from "./components/WithTooltip";
+export { useDevice } from './hooks/use-device';
+export { useDialog } from './hooks/use-dialog';
+export { useSurface } from './hooks/use-surface';
+export { useTheme } from './hooks/use-theme';
+export { useToast } from './hooks/use-toast';
+export { useAccentColor } from './hooks/use-accent-color';
+export { cn } from './shared/cn';
+export { nextTick } from './shared/next-tick';
+export { CloseIcon } from './components/icons/CloseIcon';
+export { SearchIcon } from './components/icons/SearchIcon';
+export { DropdownIcon } from './components/icons/DropdownIcon';
+export { CheckIcon } from './components/icons/CheckIcon';
+export { Backdrop } from './components/Backdrop';
+export { Button } from './components/Button';
+export { Checkbox, } from './components/Checkbox';
+export { Chip } from './components/Chip';
+export { Dialog, DialogClose, DialogRoot, DialogTrigger, } from './components/Dialog';
+export { Input } from './components/Input';
+export { Link } from './components/Link';
+export { List } from './components/List';
+export { ListButton } from './components/ListButton';
+export { ListItem } from './components/ListItem';
+export { ListSeparator, } from './components/ListSeparator';
+export { ListTitle } from './components/ListTitle';
+export { NumberField, } from './components/NumberField';
+export { OTPField } from './components/OTPField';
+export { OTPFieldInput, } from './components/OTPFieldInput';
+export { OTPFieldSeparator, } from './components/OTPFieldSeparator';
+export { Popover, PopoverClose, PopoverRoot, PopoverTrigger, } from './components/Popover';
+export { Popup, PopupClose, PopupRoot, PopupTrigger, } from './components/Popup';
+export { PopupContent, } from './components/PopupContent';
+export { Radio } from './components/Radio';
+export { SearchField } from './components/SearchField';
+export { SectionTitle, } from './components/SectionTitle';
+export { Segmented } from './components/Segmented';
+export { SegmentedButton, } from './components/SegmentedButton';
+export { Select } from './components/Select';
+export { Shortcut, } from './components/Shortcut';
+export { Slider } from './components/Slider';
+export { Spinner, } from './components/Spinner';
+export { SurfaceContextProvider } from './components/SurfaceContext';
+export { Surface } from './components/Surface';
+export { SurfaceContent, } from './components/SurfaceContent';
+export { SurfaceCut } from './components/SurfaceCut';
+export { SurfaceCutContent, } from './components/SurfaceCutContent';
+export { Switch } from './components/Switch';
+export { TextArea, } from './components/TextArea';
+export { Toast, ToastClose, ToastRoot, ToastTrigger, } from './components/Toast';
+export { Toolbar } from './components/Toolbar';
+export { ToolbarButton, } from './components/ToolbarButton';
+export { ToolbarSeparator, } from './components/ToolbarSeparator';
+export { Tooltip, } from './components/Tooltip';
+export { TooltipPrimitive, } from './components/TooltipPrimitive';
+export { UIProvider } from './components/UIProvider';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAiC,MAAM,mBAAmB,CAAC;AACxE,OAAO,EACL,MAAM,EACN,WAAW,EACX,UAAU,EACV,aAAa,GAEd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAmC,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EACL,aAAa,GAEd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AACxE,OAAO,EACL,WAAW,GAGZ,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EACL,aAAa,GAEd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,iBAAiB,GAElB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,OAAO,EACP,YAAY,EACZ,WAAW,EACX,cAAc,GAEf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,GAEb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,YAAY,GAEb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,KAAK,EAAmC,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAyB,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EACL,YAAY,GAEb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AACxE,OAAO,EACL,eAAe,GAEhB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,OAAO,GAGR,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,cAAc,GAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EACL,iBAAiB,GAElB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,GAEb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,aAAa,GAEd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,gBAAgB,GAEjB,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EACL,OAAO,GAGR,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,gBAAgB,GAEjB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cladd-ui/react",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "",
   "homepage": "https://cladd.io",
   "bugs": {
@@ -13,6 +13,9 @@
     "url": "https://github.com/cladd-ui/cladd.git"
   },
   "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
   "module": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -24,15 +27,12 @@
     "./styles/*": "./styles/*",
     "./package.json": "./package.json"
   },
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "peerDependencies": {
-    "react": ">=19",
-    "react-dom": ">=19"
-  },
   "dependencies": {
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.5.0"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
   }
 }

package/shared/rounded-classes.d.ts

@@ -1,7 +1,7 @@
-import { ButtonSize } from "../components/Button";
-import { InputSize } from "../components/Input";
-import { NumberFieldSize } from "../components/NumberField";
-import { TextAreaSize } from "../components/TextArea";
+import { ButtonSize } from '../components/Button';
+import { InputSize } from '../components/Input';
+import { NumberFieldSize } from '../components/NumberField';
+import { TextAreaSize } from '../components/TextArea';
 export declare const roundedClasses: (size: ButtonSize | InputSize | TextAreaSize | NumberFieldSize, rounded?: boolean, multiline?: boolean) => {
     itemRoundedClasses: string;
     focusRoundedClasses: string;

package/shared/rounded-classes.js

@@ -1,54 +1,54 @@
 export const roundedClasses = (size, rounded, multiline) => {
     const itemRoundedClasses = rounded && multiline
         ? {
-            sm: "rounded-[12px]",
-            md: "rounded-[14px]",
-            lg: "rounded-[16px]",
-            xl: "rounded-[20px]",
-            "2xl": "rounded-[24px]",
+            sm: 'rounded-[12px]',
+            md: 'rounded-[14px]',
+            lg: 'rounded-[16px]',
+            xl: 'rounded-[20px]',
+            '2xl': 'rounded-[24px]',
         }[size]
         : rounded
-            ? "rounded-full"
+            ? 'rounded-full'
             : {
-                sm: "rounded-md", // 6
-                md: "rounded-lg", // 8
-                lg: "rounded-[10px]", // 10
-                xl: "rounded-xl", // 12
-                "2xl": "rounded-2xl", // 16
+                sm: 'rounded-md', // 6
+                md: 'rounded-lg', // 8
+                lg: 'rounded-[10px]', // 10
+                xl: 'rounded-xl', // 12
+                '2xl': 'rounded-2xl', // 16
             }[size];
     const focusRoundedClasses = rounded && multiline
         ? {
-            sm: "rounded-[18px]",
-            md: "rounded-[20px]",
-            lg: "rounded-[22px]",
-            xl: "rounded-[26px]",
-            "2xl": "rounded-[30px]",
+            sm: 'rounded-[18px]',
+            md: 'rounded-[20px]',
+            lg: 'rounded-[22px]',
+            xl: 'rounded-[26px]',
+            '2xl': 'rounded-[30px]',
         }[size]
         : rounded
-            ? "rounded-full"
+            ? 'rounded-full'
             : {
-                sm: "rounded-[12px]",
-                md: "rounded-[14px]",
-                lg: "rounded-[16px]",
-                xl: "rounded-[18px]",
-                "2xl": "rounded-[22px]",
+                sm: 'rounded-[12px]',
+                md: 'rounded-[14px]',
+                lg: 'rounded-[16px]',
+                xl: 'rounded-[18px]',
+                '2xl': 'rounded-[22px]',
             }[size];
     const wrapRoundedClasses = rounded && multiline
         ? {
-            sm: "rounded-[16px]",
-            md: "rounded-[18px]",
-            lg: "rounded-[20px]",
-            xl: "rounded-[24px]",
-            "2xl": "rounded-[28px]",
+            sm: 'rounded-[16px]',
+            md: 'rounded-[18px]',
+            lg: 'rounded-[20px]',
+            xl: 'rounded-[24px]',
+            '2xl': 'rounded-[28px]',
         }[size]
         : rounded
-            ? "rounded-full"
+            ? 'rounded-full'
             : {
-                sm: "rounded-[10px]",
-                md: "rounded-[12px]",
-                lg: "rounded-[14px]",
-                xl: "rounded-[16px]",
-                "2xl": "rounded-[18px]",
+                sm: 'rounded-[10px]',
+                md: 'rounded-[12px]',
+                lg: 'rounded-[14px]',
+                xl: 'rounded-[16px]',
+                '2xl': 'rounded-[18px]',
             }[size];
     return { itemRoundedClasses, focusRoundedClasses, wrapRoundedClasses };
 };

package/styles/{preloader.css → spinner.css}

@@ -1,16 +1,16 @@
 @layer base {
-  .preloader-wrap {
+  .spinner-wrap {
     transform-origin: center;
-    animation: preloader-rotate 4s infinite;
+    animation: spinner-rotate 4s infinite;
   }
-  .preloader-knob {
+  .spinner-knob {
     transform-origin: left;
     animation:
-      preloader-knob-move 1s infinite,
-      preloader-knob-scale 1s infinite;
+      spinner-knob-move 1s infinite,
+      spinner-knob-scale 1s infinite;
   }
 
-  @keyframes preloader-rotate {
+  @keyframes spinner-rotate {
     0% {
       transform: rotate(0deg);
     }
@@ -33,7 +33,7 @@
     }
   }
 
-  @keyframes preloader-knob-move {
+  @keyframes spinner-knob-move {
     0%,
     10% {
       translate: 0px;
@@ -48,7 +48,7 @@
     }
   }
 
-  @keyframes preloader-knob-scale {
+  @keyframes spinner-knob-scale {
     0% {
       scale: 0.9 1;
       transform-origin: left;

package/ui.css

@@ -3,8 +3,8 @@
 
 @custom-variant dark (&:where(.dark, .dark *));
 @custom-variant light (&:where(.light, .light *));
-@import "./styles/colors.css";
-@import "./styles/safe-areas.css";
-@import "./styles/preloader.css";
-@import "./styles/popup.css";
-@import "./styles/range.css";
+@import './styles/colors.css';
+@import './styles/safe-areas.css';
+@import './styles/spinner.css';
+@import './styles/popup.css';
+@import './styles/slider.css';

package/components/BlockTitle.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode, Ref, ComponentPropsWithoutRef } from 'react';
-interface BlockTitleOwnProps {
-    children?: ReactNode;
-    className?: string;
-    ref?: Ref<HTMLDivElement>;
-}
-export type BlockTitleProps = BlockTitleOwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof BlockTitleOwnProps>;
-export declare const BlockTitle: (props: BlockTitleProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=BlockTitle.d.ts.map

package/components/BlockTitle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockTitle.d.ts","sourceRoot":"","sources":["../../../src/components/BlockTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAIjE,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,GAC9C,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC;AAElE,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAehD,CAAC"}

package/components/BlockTitle.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from '../shared/cn';
-export const BlockTitle = (props) => {
-    const { children, className = '', ref, ...rest } = props;
-    return (_jsx("div", { ref: ref, className: cn('block-title flex items-end gap-4 text-xs font-medium text-on-surface-dark uppercase select-none', className), ...rest, children: children }));
-};
-//# sourceMappingURL=BlockTitle.js.map

package/components/BlockTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlockTitle.js","sourceRoot":"","sources":["../../../src/components/BlockTitle.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAWlC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACnD,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEzD,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,iGAAiG,EACjG,SAAS,CACV,KACG,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/components/Preloader.d.ts

@@ -1,12 +0,0 @@
-import { Color } from '../types';
-export type PreloaderSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-export interface PreloaderProps {
-    /** Preloader dimension. Default `'sm'`. Drives the size, knob position, and border thickness. */
-    size?: PreloaderSize;
-    /** Accent color for the spinning knob and ring. Default: theme accent. */
-    color?: Color;
-    /** Extra classes for the preloader root element. */
-    className?: string;
-}
-export declare function Preloader(props: PreloaderProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Preloader.d.ts.map

package/components/Preloader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Preloader.d.ts","sourceRoot":"","sources":["../../../src/components/Preloader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAE9D,MAAM,WAAW,cAAc;IAC7B,iGAAiG;IACjG,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAsD9C"}