@giddaa-housing/ui 2.1.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/generated/shared.css +1 -1
- package/css/theme.css +24 -0
- package/dist/accordion.js +1 -1
- package/dist/{button-BZIeyUw6.d.ts → button-DW5OijoR.d.ts} +1 -1
- package/dist/button-group.d.ts +1 -1
- package/dist/button-group.js +2 -2
- package/dist/button.d.ts +1 -1
- package/dist/button.js +4 -3
- package/dist/call-card.d.ts +131 -0
- package/dist/call-card.js +300 -0
- package/dist/carousel.js +12 -9
- package/dist/chat.d.ts +208 -0
- package/dist/chat.js +528 -0
- package/dist/checkbox.js +1 -1
- package/dist/combobox.js +1 -1
- package/dist/cta.d.ts +1 -1
- package/dist/data-table.d.ts +1 -1
- package/dist/dialog.js +2 -2
- package/dist/dropdown-menu.js +1 -1
- package/dist/file-upload.js +3 -3
- package/dist/infinite-scroll.js +1 -1
- package/dist/infotip.js +1 -1
- package/dist/input-group.d.ts +1 -1
- package/dist/media-player.js +15 -8
- package/dist/message.d.ts +263 -0
- package/dist/message.js +524 -0
- package/dist/multi-step-form.js +10 -6
- package/dist/page-header.d.ts +6 -6
- package/dist/page-header.js +21 -7
- package/dist/pagination.d.ts +1 -1
- package/dist/popover.js +1 -1
- package/dist/price-tag.js +1 -1
- package/dist/property-listing-card.d.ts +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/rich-text-editor.js +3 -3
- package/dist/select.js +1 -1
- package/dist/sheet.js +1 -1
- package/dist/sidebar.d.ts +1 -1
- package/dist/sidebar.js +5 -5
- package/dist/skeleton.js +1 -1
- package/dist/slider.js +3 -2
- package/dist/styles.css +1870 -162
- package/dist/switch.js +3 -3
- package/dist/tabs.js +2 -2
- package/dist/time-picker.js +85 -7
- package/dist/toast.js +1 -1
- package/dist/tooltip.d.ts +2 -1
- package/dist/tooltip.js +9 -2
- package/dist/use-reduced-motion-BDvOK14x.js +17 -0
- package/package.json +13 -1
package/dist/price-tag.js
CHANGED
|
@@ -74,7 +74,7 @@ function PriceTag({ amount, shortAmount, format = "full", size = "md", monthlyPa
|
|
|
74
74
|
align: "start",
|
|
75
75
|
children: /* @__PURE__ */ jsx(Popover.Popup, {
|
|
76
76
|
"data-slot": "price-tag-popover",
|
|
77
|
-
className: cn("z-50 flex w-[17.25rem] max-w-[calc(100vw-2rem)] origin-(--transform-origin) flex-col rounded-xl border border-line-subtle bg-surface-overlay p-2 text-fg-primary shadow-3 outline-hidden duration-
|
|
77
|
+
className: cn("z-50 flex w-[17.25rem] max-w-[calc(100vw-2rem)] origin-(--transform-origin) flex-col rounded-xl border border-line-subtle bg-surface-overlay p-2 text-fg-primary shadow-3 outline-hidden transition-[opacity,scale,translate] duration-[var(--duration-motion-popup)] ease-gdt-out data-starting-style:opacity-0 data-starting-style:scale-95 data-ending-style:opacity-0 data-ending-style:scale-95 data-[side=bottom]:data-starting-style:translate-y-2 data-[side=bottom]:data-ending-style:translate-y-2 data-[side=top]:data-starting-style:-translate-y-2 data-[side=top]:data-ending-style:-translate-y-2 motion-reduce:data-starting-style:scale-100 motion-reduce:data-ending-style:scale-100 motion-reduce:data-[side=bottom]:data-starting-style:translate-y-0 motion-reduce:data-[side=bottom]:data-ending-style:translate-y-0 motion-reduce:data-[side=top]:data-starting-style:translate-y-0 motion-reduce:data-[side=top]:data-ending-style:translate-y-0", popoverClassName),
|
|
78
78
|
children: currencies?.map((currency) => {
|
|
79
79
|
const active = currency.code === selectedCurrency;
|
|
80
80
|
const optionAmount = getDisplayAmount({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as ButtonLink, t as Button } from "./button-
|
|
1
|
+
import { n as ButtonLink, t as Button } from "./button-DW5OijoR.js";
|
|
2
2
|
import { useRender } from "@base-ui/react/use-render";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import * as React from "react";
|
package/dist/radio-group.js
CHANGED
|
@@ -13,7 +13,7 @@ function RadioGroup({ className, ...props }) {
|
|
|
13
13
|
...props
|
|
14
14
|
});
|
|
15
15
|
}
|
|
16
|
-
const radioVariants = cva("group/radio-group-item peer relative flex aspect-square shrink-0 rounded-full border-2 bg-transparent text-transparent outline-none transition-[background-color,border-color,box-shadow,color] after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-line-danger/20 aria-invalid:focus-visible:border-line-danger aria-invalid:focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-danger)] border-line-strong data-checked:border-action-primary data-checked:text-action-primary data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder size-5 [--radio-dot-size:0.75rem] group-data-[size=sm]/field:size-4 group-data-[size=sm]/field:[--radio-dot-size:0.625rem] group-data-[size=md]/field:size-5 group-data-[size=md]/field:[--radio-dot-size:0.75rem] group-data-[size=lg]/field:size-6 group-data-[size=lg]/field:[--radio-dot-size:0.875rem]", { variants: { size: {
|
|
16
|
+
const radioVariants = cva("group/radio-group-item peer relative flex aspect-square shrink-0 rounded-full border-2 bg-transparent text-transparent outline-none transition-[background-color,border-color,box-shadow,color,scale] duration-[var(--duration-motion-press)] ease-gdt-out active:scale-[0.97] motion-reduce:active:scale-100 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-line-focus focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] aria-invalid:border-line-danger aria-invalid:ring-3 aria-invalid:ring-line-danger/20 aria-invalid:focus-visible:border-line-danger aria-invalid:focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-danger)] border-line-strong data-checked:border-action-primary data-checked:text-action-primary data-disabled:cursor-not-allowed data-disabled:border-line-subtle data-disabled:bg-surface data-disabled:text-fg-caption-placeholder data-disabled:active:scale-100 size-5 [--radio-dot-size:0.75rem] group-data-[size=sm]/field:size-4 group-data-[size=sm]/field:[--radio-dot-size:0.625rem] group-data-[size=md]/field:size-5 group-data-[size=md]/field:[--radio-dot-size:0.75rem] group-data-[size=lg]/field:size-6 group-data-[size=lg]/field:[--radio-dot-size:0.875rem]", { variants: { size: {
|
|
17
17
|
sm: "size-4 [--radio-dot-size:0.625rem]",
|
|
18
18
|
md: "size-5 [--radio-dot-size:0.75rem]",
|
|
19
19
|
lg: "size-6 [--radio-dot-size:0.875rem]"
|
package/dist/rich-text-editor.js
CHANGED
|
@@ -3,13 +3,13 @@ import { t as cn } from "./cn-BI_4DMBf.js";
|
|
|
3
3
|
import { useComponentSize } from "./size-context.js";
|
|
4
4
|
import { Button } from "./button.js";
|
|
5
5
|
import { Input } from "./input.js";
|
|
6
|
-
import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
|
|
7
6
|
import { DropdownMenu, DropdownMenuContent, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger } from "./dropdown-menu.js";
|
|
7
|
+
import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
|
|
8
8
|
import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Baseline, Bold, ChevronDown, Code2, ImageIcon, Italic, Link2, List, ListOrdered, Quote, Redo2, Underline, Undo2 } from "lucide-react";
|
|
9
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
10
|
import * as React from "react";
|
|
11
11
|
import { Color } from "@tiptap/extension-color";
|
|
12
|
-
import { Image } from "@tiptap/extension-image";
|
|
12
|
+
import { Image as Image$1 } from "@tiptap/extension-image";
|
|
13
13
|
import { Placeholder } from "@tiptap/extension-placeholder";
|
|
14
14
|
import { TextAlign } from "@tiptap/extension-text-align";
|
|
15
15
|
import { TextStyle } from "@tiptap/extension-text-style";
|
|
@@ -387,7 +387,7 @@ const RichTextEditor = React.forwardRef(function RichTextEditor({ value, default
|
|
|
387
387
|
TextStyle,
|
|
388
388
|
Color,
|
|
389
389
|
TextAlign.configure({ types: ["heading", "paragraph"] }),
|
|
390
|
-
Image.configure({
|
|
390
|
+
Image$1.configure({
|
|
391
391
|
inline: false,
|
|
392
392
|
allowBase64: true
|
|
393
393
|
}),
|
package/dist/select.js
CHANGED
|
@@ -29,7 +29,7 @@ const selectTriggerVariants = cva("group/select-trigger flex w-fit min-w-0 items
|
|
|
29
29
|
} },
|
|
30
30
|
defaultVariants: { size: "md" }
|
|
31
31
|
});
|
|
32
|
-
const selectContentVariants = cva("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto border border-line-subtle bg-canvas text-fg-primary shadow-(--elevation-e1-shadow) duration-
|
|
32
|
+
const selectContentVariants = cva("relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-x-hidden overflow-y-auto border border-line-subtle bg-canvas text-fg-primary shadow-(--elevation-e1-shadow) transition-[opacity,scale,translate] duration-[var(--duration-motion-popup)] ease-gdt-out data-[align-trigger=true]:transition-none not-data-[align-trigger=true]:data-starting-style:opacity-0 not-data-[align-trigger=true]:data-starting-style:scale-95 not-data-[align-trigger=true]:data-ending-style:opacity-0 not-data-[align-trigger=true]:data-ending-style:scale-95 not-data-[align-trigger=true]:data-[side=bottom]:data-starting-style:translate-y-2 not-data-[align-trigger=true]:data-[side=bottom]:data-ending-style:translate-y-2 not-data-[align-trigger=true]:data-[side=top]:data-starting-style:-translate-y-2 not-data-[align-trigger=true]:data-[side=top]:data-ending-style:-translate-y-2 not-data-[align-trigger=true]:data-[side=left]:data-starting-style:translate-x-2 not-data-[align-trigger=true]:data-[side=left]:data-ending-style:translate-x-2 not-data-[align-trigger=true]:data-[side=right]:data-starting-style:-translate-x-2 not-data-[align-trigger=true]:data-[side=right]:data-ending-style:-translate-x-2 not-data-[align-trigger=true]:data-[side=inline-end]:data-starting-style:-translate-x-2 not-data-[align-trigger=true]:data-[side=inline-end]:data-ending-style:-translate-x-2 not-data-[align-trigger=true]:data-[side=inline-start]:data-starting-style:translate-x-2 not-data-[align-trigger=true]:data-[side=inline-start]:data-ending-style:translate-x-2 motion-reduce:not-data-[align-trigger=true]:data-starting-style:scale-100 motion-reduce:not-data-[align-trigger=true]:data-ending-style:scale-100 motion-reduce:not-data-[align-trigger=true]:data-[side=bottom]:data-starting-style:translate-y-0 motion-reduce:not-data-[align-trigger=true]:data-[side=bottom]:data-ending-style:translate-y-0 motion-reduce:not-data-[align-trigger=true]:data-[side=top]:data-starting-style:translate-y-0 motion-reduce:not-data-[align-trigger=true]:data-[side=top]:data-ending-style:translate-y-0 motion-reduce:not-data-[align-trigger=true]:data-[side=left]:data-starting-style:translate-x-0 motion-reduce:not-data-[align-trigger=true]:data-[side=left]:data-ending-style:translate-x-0 motion-reduce:not-data-[align-trigger=true]:data-[side=right]:data-starting-style:translate-x-0 motion-reduce:not-data-[align-trigger=true]:data-[side=right]:data-ending-style:translate-x-0 motion-reduce:not-data-[align-trigger=true]:data-[side=inline-end]:data-starting-style:translate-x-0 motion-reduce:not-data-[align-trigger=true]:data-[side=inline-end]:data-ending-style:translate-x-0 motion-reduce:not-data-[align-trigger=true]:data-[side=inline-start]:data-starting-style:translate-x-0 motion-reduce:not-data-[align-trigger=true]:data-[side=inline-start]:data-ending-style:translate-x-0", {
|
|
33
33
|
variants: { size: {
|
|
34
34
|
sm: "rounded-lg p-1",
|
|
35
35
|
md: "rounded-xl p-1.5",
|
package/dist/sheet.js
CHANGED
|
@@ -42,7 +42,7 @@ function SheetOverlay({ className, ...props }) {
|
|
|
42
42
|
...props
|
|
43
43
|
});
|
|
44
44
|
}
|
|
45
|
-
const sheetContentVariants = cva("group/sheet-content fixed z-50 flex flex-col gap-0 overflow-visible rounded-2xl border border-line-subtle bg-surface-overlay bg-clip-padding text-fg-primary shadow-(--elevation-e2-shadow) transition duration-
|
|
45
|
+
const sheetContentVariants = cva("group/sheet-content fixed z-50 flex flex-col gap-0 overflow-visible rounded-2xl border border-line-subtle bg-surface-overlay bg-clip-padding text-fg-primary shadow-(--elevation-e2-shadow) transition-[opacity,scale,translate] duration-[var(--duration-motion-surface)] ease-gdt-drawer data-ending-style:opacity-0 data-starting-style:opacity-0 [--sheet-padding-x:1rem] [--sheet-padding-top:1rem] data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:w-full data-[side=bottom]:rounded-b-none data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:w-full data-[side=top]:rounded-t-none data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:rounded-l-none data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:rounded-r-none data-[side=bottom]:data-ending-style:translate-y-full data-[side=bottom]:data-starting-style:translate-y-full data-[side=left]:data-ending-style:-translate-x-full data-[side=left]:data-starting-style:-translate-x-full data-[side=right]:data-ending-style:translate-x-full data-[side=right]:data-starting-style:translate-x-full data-[side=top]:data-ending-style:-translate-y-full data-[side=top]:data-starting-style:-translate-y-full motion-reduce:data-[side=bottom]:data-ending-style:translate-y-0 motion-reduce:data-[side=bottom]:data-starting-style:translate-y-0 motion-reduce:data-[side=left]:data-ending-style:translate-x-0 motion-reduce:data-[side=left]:data-starting-style:translate-x-0 motion-reduce:data-[side=right]:data-ending-style:translate-x-0 motion-reduce:data-[side=right]:data-starting-style:translate-x-0 motion-reduce:data-[side=top]:data-ending-style:translate-y-0 motion-reduce:data-[side=top]:data-starting-style:translate-y-0 data-[side=bottom]:data-[nested-dialog-open]:translate-y-[calc(var(--nested-dialogs)*-1.5rem)] data-[side=top]:data-[nested-dialog-open]:translate-y-[calc(var(--nested-dialogs)*1.5rem)] data-[side=left]:data-[nested-dialog-open]:translate-x-[calc(var(--nested-dialogs)*1.5rem)] data-[side=right]:data-[nested-dialog-open]:translate-x-[calc(var(--nested-dialogs)*-1.5rem)] data-[side=bottom]:data-[nested-dialog-open]:scale-x-[calc(1_-_var(--nested-dialogs)*0.05)] data-[side=top]:data-[nested-dialog-open]:scale-x-[calc(1_-_var(--nested-dialogs)*0.05)]", {
|
|
46
46
|
variants: { size: {
|
|
47
47
|
sm: "sm:[--sheet-padding-top:1.5rem] sm:[--sheet-padding-x:1.5rem] w-90 max-w-[calc(100vw-2.5rem)] [--sheet-title:var(--text-gdt-h5)]",
|
|
48
48
|
md: "sm:[--sheet-padding-top:1.5rem] sm:[--sheet-padding-x:2rem] xl:[--sheet-padding-x:2.5rem] w-120 max-w-[calc(100vw-2.5rem)] [--sheet-title:var(--text-gdt-h4)]",
|
package/dist/sidebar.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Separator } from "./separator.js";
|
|
2
|
-
import { t as Button } from "./button-
|
|
2
|
+
import { t as Button } from "./button-DW5OijoR.js";
|
|
3
3
|
import { t as Input } from "./input-CfoEJ8A6.js";
|
|
4
4
|
import { TooltipContent } from "./tooltip.js";
|
|
5
5
|
import { useRender } from "@base-ui/react/use-render";
|
package/dist/sidebar.js
CHANGED
|
@@ -142,11 +142,11 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas"
|
|
|
142
142
|
"data-slot": "sidebar",
|
|
143
143
|
children: [/* @__PURE__ */ jsx("div", {
|
|
144
144
|
"data-slot": "sidebar-gap",
|
|
145
|
-
className: cn("relative w-(--layout-nav-width) bg-transparent
|
|
145
|
+
className: cn("relative w-(--layout-nav-width) bg-transparent", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--layout-nav-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--layout-nav-width-icon)")
|
|
146
146
|
}), /* @__PURE__ */ jsx("div", {
|
|
147
147
|
"data-slot": "sidebar-container",
|
|
148
148
|
"data-side": side,
|
|
149
|
-
className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--layout-nav-width)
|
|
149
|
+
className: cn("fixed inset-y-0 z-10 hidden h-svh w-(--layout-nav-width) data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--layout-nav-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--layout-nav-width)*-1)] lg:flex", variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--layout-nav-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--layout-nav-width-icon) group-data-[side=left]:border-r group-data-[side=left]:border-r-line-subtle group-data-[side=right]:border-l group-data-[side=right]:border-l-line-subtle", className),
|
|
150
150
|
...props,
|
|
151
151
|
children: /* @__PURE__ */ jsx("div", {
|
|
152
152
|
"data-sidebar": "sidebar",
|
|
@@ -185,7 +185,7 @@ function SidebarRail({ className, ...props }) {
|
|
|
185
185
|
tabIndex: -1,
|
|
186
186
|
onClick: toggleSidebar,
|
|
187
187
|
title: "Toggle Sidebar",
|
|
188
|
-
className: cn("absolute inset-y-0 z-20 hidden w-4 transition-
|
|
188
|
+
className: cn("absolute inset-y-0 z-20 hidden w-4 transition-colors group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-line-subtle sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2", "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full hover:group-data-[collapsible=offcanvas]:bg-surface", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className),
|
|
189
189
|
...props
|
|
190
190
|
});
|
|
191
191
|
}
|
|
@@ -247,7 +247,7 @@ function SidebarGroup({ className, ...props }) {
|
|
|
247
247
|
function SidebarGroupLabel({ className, render, ...props }) {
|
|
248
248
|
return useRender({
|
|
249
249
|
defaultTagName: "div",
|
|
250
|
-
props: mergeProps({ className: cn("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-fg-caption-placeholder outline-hidden
|
|
250
|
+
props: mergeProps({ className: cn("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-fg-caption-placeholder outline-hidden group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:shadow-[0px_0px_0px_2px_var(--color-line-focus)] [&>svg]:size-4 [&>svg]:shrink-0", className) }, props),
|
|
251
251
|
render,
|
|
252
252
|
state: {
|
|
253
253
|
slot: "sidebar-group-label",
|
|
@@ -290,7 +290,7 @@ function SidebarMenuItem({ className, ...props }) {
|
|
|
290
290
|
...props
|
|
291
291
|
});
|
|
292
292
|
}
|
|
293
|
-
const sidebarMenuButtonVariants = cva("peer/menu-button group/menu-button flex w-full items-center gap-3 overflow-hidden rounded-[10px] px-3 py-3 text-left text-gdt-sm font-semibold text-fg-secondary outline-hidden transition-
|
|
293
|
+
const sidebarMenuButtonVariants = cva("peer/menu-button group/menu-button flex w-full items-center gap-3 overflow-hidden rounded-[10px] px-3 py-3 text-left text-gdt-sm font-semibold text-fg-secondary outline-hidden transition-colors group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:gap-0 group-data-[collapsible=icon]:px-5! group-data-[collapsible=icon]:[&>span]:max-w-0 group-data-[collapsible=icon]:[&>span]:opacity-0 hover:bg-surface-raised hover:text-fg-primary focus-visible:inset-ring-1 inset-ring-line-focus active:bg-surface-raised active:text-fg-primary disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-surface-raised data-open:hover:text-fg-primary data-active:bg-surface-brand-subtle data-active:font-medium data-active:text-fg-brand [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:text-current [&>span]:min-w-0 [&>span]:truncate [&>span]:transition-colors", {
|
|
294
294
|
variants: {
|
|
295
295
|
variant: {
|
|
296
296
|
default: "",
|
package/dist/skeleton.js
CHANGED
|
@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
4
4
|
function Skeleton({ className, ...props }) {
|
|
5
5
|
return /* @__PURE__ */ jsx("div", {
|
|
6
6
|
"data-slot": "skeleton",
|
|
7
|
-
className: cn("animate-pulse rounded-md bg-line", className),
|
|
7
|
+
className: cn("animate-pulse rounded-md bg-line motion-reduce:animate-none", className),
|
|
8
8
|
...props
|
|
9
9
|
});
|
|
10
10
|
}
|
package/dist/slider.js
CHANGED
|
@@ -18,6 +18,7 @@ function Slider({ className, children, size, disabled = false, ...props }) {
|
|
|
18
18
|
return /* @__PURE__ */ jsx(SizeProvider, {
|
|
19
19
|
size: resolvedSize,
|
|
20
20
|
children: /* @__PURE__ */ jsx(Slider$1.Root, {
|
|
21
|
+
thumbAlignment: "edge",
|
|
21
22
|
disabled,
|
|
22
23
|
"data-disabled": disabled,
|
|
23
24
|
"data-size": resolvedSize,
|
|
@@ -45,14 +46,14 @@ function SliderTrack({ className, ...props }) {
|
|
|
45
46
|
function SliderIndicator({ className, ...props }) {
|
|
46
47
|
return /* @__PURE__ */ jsx(Slider$1.Indicator, {
|
|
47
48
|
"data-slot": "slider-indicator",
|
|
48
|
-
className: cn("rounded-full bg-surface-brand transition-[
|
|
49
|
+
className: cn("rounded-full bg-surface-brand transition-colors duration-[var(--duration-motion-press)] ease-gdt-out select-none group-data-[disabled=true]/slider:bg-line-strong data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full", className),
|
|
49
50
|
...props
|
|
50
51
|
});
|
|
51
52
|
}
|
|
52
53
|
function SliderThumb({ className, ...props }) {
|
|
53
54
|
return /* @__PURE__ */ jsx(Slider$1.Thumb, {
|
|
54
55
|
"data-slot": "slider-thumb",
|
|
55
|
-
className: cn("relative box-border size-(--slider-thumb-size) rounded-full border-2 border-surface-brand bg-canvas shadow-[var(--shadow-1)] outline-none transition-[border-color,background-color,box-shadow,
|
|
56
|
+
className: cn("relative box-border size-(--slider-thumb-size) rounded-full border-2 border-surface-brand bg-canvas shadow-[var(--shadow-1)] outline-none transition-[border-color,background-color,box-shadow,scale] duration-200 ease-out select-none after:absolute after:-inset-2 has-[:focus-visible]:shadow-[0_0_0_2px_var(--color-line-focus),var(--shadow-1)] data-[dragging]:scale-105 motion-reduce:data-[dragging]:scale-100 data-[disabled]:border-line-strong data-[disabled]:bg-surface data-[disabled]:shadow-none", className),
|
|
56
57
|
...props
|
|
57
58
|
});
|
|
58
59
|
}
|