@datum-cloud/datum-ui 2.7.0 → 2.8.0

package/dist/components/base/switch/switch.d.ts

@@ -1,7 +1,13 @@
-import { Switch as ShadcnSwitch } from '../../../_shadcn/ui/switch';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as React from 'react';
-declare function Switch({ ref, className, ...props }: React.ComponentProps<typeof ShadcnSwitch> & {
-    ref?: React.RefObject<React.ElementRef<typeof ShadcnSwitch> | null>;
+/**
+ * Switch renders the Radix primitive directly rather than wrapping the shadcn
+ * one, because its state glyphs go inside the thumb. Building it here keeps the
+ * shadcn base untouched, so that base can be regenerated from upstream without
+ * losing anything of ours.
+ */
+declare function Switch({ ref, className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root> & {
+    ref?: React.RefObject<React.ElementRef<typeof SwitchPrimitive.Root> | null>;
 }): React.JSX.Element;
 declare namespace Switch {
     var displayName: string;

package/dist/form/index.mjs

@@ -1,3 +1,3 @@
-import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "../form-BKxvdIKB.mjs";
+import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "../form-BGlPoZ1G.mjs";
 import { n as useAdapter, t as FormAdapterProvider } from "../adapter-context-h0jCVqGO.mjs";
 export { Form, FormAdapterProvider, FormAutocomplete, FormAutosearch, FormButton, FormCheckbox, FormCombobox, FormCopyBox, FormCustom, FormDatePicker, FormDateTimePicker, FormDescription, FormDialog, FormError, FormField, FormFieldArray, FormInput, FormRadioGroup, FormRadioItem, FormRoot, FormSelect, FormSelectItem, FormSubmit, FormSwitch, FormTextarea, FormTimePicker, FormTransfer, FormWhen, useAdapter, useField, useFieldContext, useFormContext, useFormState, useWatch, useWatchAll };

package/dist/{form-BKxvdIKB.mjs → form-BGlPoZ1G.mjs}

@@ -9,7 +9,7 @@ import { t as Label } from "./label-Bk6FXsju.mjs";
 import { n as RadioGroupItem, t as RadioGroup } from "./radio-group-LduBVTnh.mjs";
 import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-CQsG8Kju.mjs";
 import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
-import { t as Switch } from "./switch-Z2pJMckf.mjs";
+import { t as Switch } from "./switch-BaR-Vna4.mjs";
 import { t as Textarea } from "./textarea-B6YhjFVC.mjs";
 import { t as Autocomplete } from "./autocomplete-BxtzndxZ.mjs";
 import { Autosearch } from "./autosearch/index.mjs";

package/dist/index.mjs

@@ -36,7 +36,7 @@ import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTri
 import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-BeWEEu7P.mjs";
 import { t as Tooltip } from "./tooltip-DhbN1BDK.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
-import { t as Switch } from "./switch-Z2pJMckf.mjs";
+import { t as Switch } from "./switch-BaR-Vna4.mjs";
 import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./table/index.mjs";
 import { Tabs, TabsContent, TabsLinkTrigger, TabsList, TabsTrigger } from "./tabs/index.mjs";
 import { t as Textarea } from "./textarea-B6YhjFVC.mjs";
@@ -63,7 +63,7 @@ import { t as DateTimePicker } from "./date-time-picker-Bd7qSZVr.mjs";
 import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "./dropdown-Xvduih96.mjs";
 import { i as FileInputButton, n as DropzoneContent, r as DropzoneEmptyState, t as Dropzone } from "./dropzone-ihksfjN2.mjs";
 import { t as EmptyContent } from "./empty-content-CmuVcU0P.mjs";
-import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "./form-BKxvdIKB.mjs";
+import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "./form-BGlPoZ1G.mjs";
 import { t as useCopyToClipboard } from "./use-copy-to-clipboard-DZDq_85T.mjs";
 import { n as useAdapter, t as FormAdapterProvider } from "./adapter-context-h0jCVqGO.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";

package/dist/switch/index.mjs

@@ -1,2 +1,2 @@
-import { t as Switch } from "../switch-Z2pJMckf.mjs";
+import { t as Switch } from "../switch-BaR-Vna4.mjs";
 export { Switch };

package/dist/switch-BaR-Vna4.mjs

@@ -0,0 +1,34 @@
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { CheckIcon, XIcon } from "lucide-react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+//#region src/components/base/switch/switch.tsx
+/**
+* Switch renders the Radix primitive directly rather than wrapping the shadcn
+* one, because its state glyphs go inside the thumb. Building it here keeps the
+* shadcn base untouched, so that base can be regenerated from upstream without
+* losing anything of ours.
+*/
+function Switch({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		ref,
+		"data-slot": "switch",
+		className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-6 w-11 shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", "transition-[background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-out", className),
+		...props,
+		children: /* @__PURE__ */ jsxs(SwitchPrimitive.Thumb, {
+			"data-slot": "switch-thumb",
+			className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground text-muted-foreground dark:data-[state=unchecked]:text-background dark:data-[state=checked]:text-primary group pointer-events-none flex size-5 items-center justify-center rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%+2px)] data-[state=unchecked]:translate-x-0"),
+			children: [/* @__PURE__ */ jsx(XIcon, {
+				"aria-hidden": true,
+				className: "size-3 group-data-[state=checked]:hidden"
+			}), /* @__PURE__ */ jsx(CheckIcon, {
+				"aria-hidden": true,
+				className: "hidden size-3 group-data-[state=checked]:block"
+			})]
+		})
+	});
+}
+Switch.displayName = "Switch";
+//#endregion
+export { Switch as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "2.7.0",
+  "version": "2.8.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"

package/dist/switch-Z2pJMckf.mjs

@@ -1,28 +0,0 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-//#region ../shadcn/ui/switch.tsx
-function Switch$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
-		"data-slot": "switch",
-		className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
-		...props,
-		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
-			"data-slot": "switch-thumb",
-			className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
-		})
-	});
-}
-//#endregion
-//#region src/components/base/switch/switch.tsx
-function Switch({ ref, className, ...props }) {
-	return /* @__PURE__ */ jsx(Switch$1, {
-		ref,
-		className: cn("transition-[background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-out", className),
-		...props
-	});
-}
-Switch.displayName = "Switch";
-//#endregion
-export { Switch as t };