@kayord/ui 0.12.16 → 0.12.18

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.
Files changed (21) hide show
  1. package/dist/components/ui/accordion/accordion-content.svelte +1 -1
  2. package/dist/components/ui/alert-dialog/alert-dialog-content.svelte +1 -1
  3. package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte +1 -1
  4. package/dist/components/ui/dialog/dialog-content.svelte +1 -1
  5. package/dist/components/ui/dialog/dialog-overlay.svelte +1 -1
  6. package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte +1 -1
  7. package/dist/components/ui/input-otp/input-otp-slot.svelte +1 -1
  8. package/dist/components/ui/popover/popover-content.svelte +1 -1
  9. package/dist/components/ui/select/select-content.svelte +1 -1
  10. package/dist/components/ui/sheet/sheet-overlay.svelte +1 -1
  11. package/dist/components/ui/sidebar/sidebar-input.svelte +1 -1
  12. package/dist/components/ui/sidebar/sidebar-menu-badge.svelte +1 -1
  13. package/dist/components/ui/sidebar/sidebar-menu-sub.svelte +1 -1
  14. package/dist/components/ui/sidebar/sidebar-provider.svelte +1 -1
  15. package/dist/components/ui/sidebar/sidebar-rail.svelte +2 -2
  16. package/dist/components/ui/sidebar/sidebar-separator.svelte +1 -1
  17. package/dist/components/ui/sidebar/sidebar.svelte +4 -4
  18. package/dist/components/ui/switch/switch.svelte +1 -1
  19. package/dist/components/ui/table/table-footer.svelte +1 -1
  20. package/dist/components/ui/tooltip/tooltip-content.svelte +1 -1
  21. package/package.json +7 -5
package/dist/components/ui/accordion/accordion-content.svelte CHANGED
@@ -13,7 +13,7 @@
13
13
  <AccordionPrimitive.Content
14
14
  bind:ref
15
15
  class={cn(
16
- "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
16
+ "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
17
17
  className
18
18
  )}
19
19
  {...restProps}
package/dist/components/ui/alert-dialog/alert-dialog-content.svelte CHANGED
@@ -15,7 +15,7 @@
15
15
  <AlertDialogPrimitive.Content
16
16
  bind:ref
17
17
  class={cn(
18
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg",
18
+ "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
19
19
  className
20
20
  )}
21
21
  {...restProps}
package/dist/components/ui/alert-dialog/alert-dialog-overlay.svelte CHANGED
@@ -8,7 +8,7 @@
8
8
  <AlertDialogPrimitive.Overlay
9
9
  bind:ref
10
10
  class={cn(
11
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
11
+ "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
12
12
  className
13
13
  )}
14
14
  {...restProps}
package/dist/components/ui/dialog/dialog-content.svelte CHANGED
@@ -20,7 +20,7 @@
20
20
  <DialogPrimitive.Content
21
21
  bind:ref
22
22
  class={cn(
23
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg",
23
+ "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
24
24
  className
25
25
  )}
26
26
  {...restProps}
package/dist/components/ui/dialog/dialog-overlay.svelte CHANGED
@@ -8,7 +8,7 @@
8
8
  <DialogPrimitive.Overlay
9
9
  bind:ref
10
10
  class={cn(
11
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
11
+ "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
12
12
  className
13
13
  )}
14
14
  {...restProps}
package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte CHANGED
@@ -14,7 +14,7 @@
14
14
  bind:ref
15
15
  {sideOffset}
16
16
  class={cn(
17
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none",
17
+ "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
18
18
  className
19
19
  )}
20
20
  {...restProps}
package/dist/components/ui/input-otp/input-otp-slot.svelte CHANGED
@@ -24,7 +24,7 @@
24
24
  {cell.char}
25
25
  {#if cell.hasFakeCaret}
26
26
  <div class="pointer-events-none absolute inset-0 flex items-center justify-center">
27
- <div class="animate-caret-blink h-4 w-px bg-foreground duration-1000"></div>
27
+ <div class="h-4 w-px animate-caret-blink bg-foreground duration-1000"></div>
28
28
  </div>
29
29
  {/if}
30
30
  </InputOTPPrimitive.Cell>
package/dist/components/ui/popover/popover-content.svelte CHANGED
@@ -17,7 +17,7 @@
17
17
  {sideOffset}
18
18
  {align}
19
19
  class={cn(
20
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none",
20
+ "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
21
21
  className
22
22
  )}
23
23
  {...restProps}
package/dist/components/ui/select/select-content.svelte CHANGED
@@ -18,7 +18,7 @@
18
18
  bind:ref
19
19
  {sideOffset}
20
20
  class={cn(
21
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
21
+ "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
22
22
  className
23
23
  )}
24
24
  {...restProps}
package/dist/components/ui/sheet/sheet-overlay.svelte CHANGED
@@ -10,7 +10,7 @@
10
10
  <SheetPrimitive.Overlay
11
11
  bind:ref
12
12
  class={cn(
13
- "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
13
+ "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
14
14
  className
15
15
  )}
16
16
  {...restProps}
package/dist/components/ui/sidebar/sidebar-input.svelte CHANGED
@@ -15,6 +15,6 @@
15
15
  bind:ref
16
16
  bind:value
17
17
  data-sidebar="input"
18
- class={cn("focus-visible:ring-sidebar-ring h-8 w-full bg-background shadow-none focus-visible:ring-2", className)}
18
+ class={cn("h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring", className)}
19
19
  {...restProps}
20
20
  />
package/dist/components/ui/sidebar/sidebar-menu-badge.svelte CHANGED
@@ -15,7 +15,7 @@
15
15
  bind:this={ref}
16
16
  data-sidebar="menu-badge"
17
17
  class={cn(
18
- "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums",
18
+ "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground",
19
19
  "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
20
20
  "peer-data-[size=sm]/menu-button:top-1",
21
21
  "peer-data-[size=default]/menu-button:top-1.5",
package/dist/components/ui/sidebar/sidebar-menu-sub.svelte CHANGED
@@ -15,7 +15,7 @@
15
15
  bind:this={ref}
16
16
  data-sidebar="menu-sub"
17
17
  class={cn(
18
- "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
18
+ "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
19
19
  "group-data-[collapsible=icon]:hidden",
20
20
  className
21
21
  )}
package/dist/components/ui/sidebar/sidebar-provider.svelte CHANGED
@@ -42,7 +42,7 @@
42
42
  <Tooltip.Provider delayDuration={0}>
43
43
  <div
44
44
  style="--sidebar-width: {SIDEBAR_WIDTH}; --sidebar-width-icon: {SIDEBAR_WIDTH_ICON}; {style}"
45
- class={cn("group/sidebar-wrapper has-[[data-variant=inset]]:bg-sidebar flex min-h-svh w-full", className)}
45
+ class={cn("group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar", className)}
46
46
  bind:this={ref}
47
47
  {...restProps}
48
48
  >
package/dist/components/ui/sidebar/sidebar-rail.svelte CHANGED
@@ -22,10 +22,10 @@
22
22
  onclick={() => sidebar.toggle()}
23
23
  title="Toggle Sidebar"
24
24
  class={cn(
25
- "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
25
+ "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
26
26
  "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
27
27
  "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
28
- "group-data-[collapsible=offcanvas]:hover:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
28
+ "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar",
29
29
  "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
30
30
  "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
31
31
  className
package/dist/components/ui/sidebar/sidebar-separator.svelte CHANGED
@@ -6,4 +6,4 @@
6
6
  let { ref = $bindable(null), class: className, ...restProps }: ComponentProps<typeof Separator> = $props();
7
7
  </script>
8
8
 
9
- <Separator bind:ref data-sidebar="separator" class={cn("bg-sidebar-border mx-2 w-auto", className)} {...restProps} />
9
+ <Separator bind:ref data-sidebar="separator" class={cn("mx-2 w-auto bg-sidebar-border", className)} {...restProps} />
package/dist/components/ui/sidebar/sidebar.svelte CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  {#if collapsible === "none"}
27
27
  <div
28
- class={cn("bg-sidebar text-sidebar-foreground flex h-full w-[--sidebar-width] flex-col", className)}
28
+ class={cn("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className)}
29
29
  bind:this={ref}
30
30
  {...restProps}
31
31
  >
@@ -36,7 +36,7 @@
36
36
  <Sheet.Content
37
37
  data-sidebar="sidebar"
38
38
  data-mobile="true"
39
- class="bg-sidebar text-sidebar-foreground w-[--sidebar-width] p-0 [&>button]:hidden"
39
+ class="w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden"
40
40
  style="--sidebar-width: {SIDEBAR_WIDTH_MOBILE};"
41
41
  {side}
42
42
  >
@@ -48,7 +48,7 @@
48
48
  {:else}
49
49
  <div
50
50
  bind:this={ref}
51
- class="text-sidebar-foreground group peer hidden md:block"
51
+ class="group peer hidden text-sidebar-foreground md:block"
52
52
  data-state={sidebar.state}
53
53
  data-collapsible={sidebar.state === "collapsed" ? collapsible : ""}
54
54
  data-variant={variant}
@@ -81,7 +81,7 @@
81
81
  >
82
82
  <div
83
83
  data-sidebar="sidebar"
84
- class="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow"
84
+ class="flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow"
85
85
  >
86
86
  {@render children?.()}
87
87
  </div>
package/dist/components/ui/switch/switch.svelte CHANGED
@@ -14,7 +14,7 @@
14
14
  bind:ref
15
15
  bind:checked
16
16
  class={cn(
17
- "peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
17
+ "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
18
18
  className
19
19
  )}
20
20
  {...restProps}
package/dist/components/ui/table/table-footer.svelte CHANGED
@@ -11,6 +11,6 @@
11
11
  }: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props();
12
12
  </script>
13
13
 
14
- <tfoot bind:this={ref} class={cn("bg-muted/50 font-medium text-primary-foreground", className)} {...restProps}>
14
+ <tfoot bind:this={ref} class={cn("bg-muted/50 font-medium", className)} {...restProps}>
15
15
  {@render children?.()}
16
16
  </tfoot>
package/dist/components/ui/tooltip/tooltip-content.svelte CHANGED
@@ -14,7 +14,7 @@
14
14
  bind:ref
15
15
  {sideOffset}
16
16
  class={cn(
17
- "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md",
17
+ "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
18
18
  className
19
19
  )}
20
20
  {...restProps}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kayord/ui",
3
3
  "private": false,
4
- "version": "0.12.16",
4
+ "version": "0.12.18",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
@@ -34,7 +34,7 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@internationalized/date": "^3.5.6",
37
- "bits-ui": "1.0.0-next.45",
37
+ "bits-ui": "1.0.0-next.46",
38
38
  "clsx": "^2.1.1",
39
39
  "embla-carousel-svelte": "8.3.1",
40
40
  "formsnap": "2.0.0-next.1",
@@ -46,8 +46,9 @@
46
46
  "vaul-svelte": "1.0.0-next.2"
47
47
  },
48
48
  "devDependencies": {
49
+ "@kayord/tw-plugin": "^1.0.3",
49
50
  "@sveltejs/adapter-auto": "^3.3.1",
50
- "@sveltejs/kit": "^2.7.5",
51
+ "@sveltejs/kit": "^2.7.7",
51
52
  "@sveltejs/package": "^2.3.7",
52
53
  "@sveltejs/vite-plugin-svelte": "^4.0.0",
53
54
  "@testing-library/jest-dom": "^6.6.3",
@@ -58,16 +59,17 @@
58
59
  "eslint": "^9.14.0",
59
60
  "eslint-config-prettier": "^9.1.0",
60
61
  "eslint-plugin-svelte": "^2.46.0",
61
- "happy-dom": "^15.9.0",
62
+ "happy-dom": "^15.10.1",
62
63
  "lucide-svelte": "^0.454.0",
63
64
  "postcss": "^8.4.47",
64
65
  "prettier": "^3.3.3",
65
66
  "prettier-plugin-svelte": "^3.2.7",
66
67
  "prettier-plugin-tailwindcss": "^0.6.8",
67
68
  "publint": "^0.2.12",
68
- "svelte": "^5.1.9",
69
+ "svelte": "^5.1.11",
69
70
  "svelte-check": "^4.0.5",
70
71
  "tailwindcss": "^3.4.14",
72
+ "tailwindcss-animate": "^1.0.7",
71
73
  "tslib": "^2.8.1",
72
74
  "typescript": "^5.6.3",
73
75
  "vite": "^5.4.10",