@kayord/ui 0.13.8 → 0.13.9

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 (9) hide show
  1. package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts +8 -8
  2. package/dist/components/ui/menubar/menubar-content.svelte.d.ts +8 -8
  3. package/dist/components/ui/sidebar/sidebar-provider.svelte +2 -8
  4. package/dist/components/ui/sidebar/sidebar-provider.svelte.d.ts +0 -1
  5. package/dist/components/ui/sidebar/sidebar.svelte +1 -1
  6. package/dist/components/ui/slider/slider.svelte +6 -2
  7. package/dist/components/ui/slider/slider.svelte.d.ts +2 -2
  8. package/dist/components/ui/toggle/toggle.svelte.d.ts +0 -1
  9. package/package.json +10 -10
package/dist/components/ui/dropdown-menu/dropdown-menu-content.svelte.d.ts CHANGED
@@ -13,14 +13,14 @@ declare const DropdownMenuContent: import("svelte").Component<{
13
13
  trapFocus?: boolean | undefined;
14
14
  preventOverflowTextSelection?: boolean | undefined;
15
15
  preventScroll?: boolean | undefined;
16
- align?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Align | undefined;
17
- side?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side | undefined;
16
+ align?: import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Align | undefined;
17
+ side?: import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Side | undefined;
18
18
  sideOffset?: number | undefined;
19
19
  alignOffset?: number | undefined | undefined;
20
20
  arrowPadding?: number | undefined;
21
21
  avoidCollisions?: boolean | undefined | undefined;
22
- collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Boundary> | undefined;
23
- collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side, number>>) | undefined;
22
+ collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Boundary> | undefined;
23
+ collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Side, number>>) | undefined;
24
24
  sticky?: "partial" | "always" | undefined;
25
25
  hideWhenDetached?: boolean | undefined;
26
26
  updatePositionStrategy?: "optimized" | "always" | undefined;
@@ -46,14 +46,14 @@ declare const DropdownMenuContent: import("svelte").Component<{
46
46
  trapFocus?: boolean | undefined;
47
47
  preventOverflowTextSelection?: boolean | undefined;
48
48
  preventScroll?: boolean | undefined;
49
- align?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Align | undefined;
50
- side?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side | undefined;
49
+ align?: import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Align | undefined;
50
+ side?: import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Side | undefined;
51
51
  sideOffset?: number | undefined;
52
52
  alignOffset?: number | undefined | undefined;
53
53
  arrowPadding?: number | undefined;
54
54
  avoidCollisions?: boolean | undefined | undefined;
55
- collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Boundary> | undefined;
56
- collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side, number>>) | undefined;
55
+ collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Boundary> | undefined;
56
+ collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Side, number>>) | undefined;
57
57
  sticky?: "partial" | "always" | undefined;
58
58
  hideWhenDetached?: boolean | undefined;
59
59
  updatePositionStrategy?: "optimized" | "always" | undefined;
package/dist/components/ui/menubar/menubar-content.svelte.d.ts CHANGED
@@ -13,14 +13,14 @@ declare const MenubarContent: import("svelte").Component<{
13
13
  trapFocus?: boolean | undefined;
14
14
  preventOverflowTextSelection?: boolean | undefined;
15
15
  preventScroll?: boolean | undefined;
16
- align?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Align | undefined;
17
- side?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side | undefined;
16
+ align?: import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Align | undefined;
17
+ side?: import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Side | undefined;
18
18
  sideOffset?: number | undefined;
19
19
  alignOffset?: number | undefined | undefined;
20
20
  arrowPadding?: number | undefined;
21
21
  avoidCollisions?: boolean | undefined | undefined;
22
- collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Boundary> | undefined;
23
- collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side, number>>) | undefined;
22
+ collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Boundary> | undefined;
23
+ collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Side, number>>) | undefined;
24
24
  sticky?: "partial" | "always" | undefined;
25
25
  hideWhenDetached?: boolean | undefined;
26
26
  updatePositionStrategy?: "optimized" | "always" | undefined;
@@ -46,14 +46,14 @@ declare const MenubarContent: import("svelte").Component<{
46
46
  trapFocus?: boolean | undefined;
47
47
  preventOverflowTextSelection?: boolean | undefined;
48
48
  preventScroll?: boolean | undefined;
49
- align?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Align | undefined;
50
- side?: import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side | undefined;
49
+ align?: import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Align | undefined;
50
+ side?: import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Side | undefined;
51
51
  sideOffset?: number | undefined;
52
52
  alignOffset?: number | undefined | undefined;
53
53
  arrowPadding?: number | undefined;
54
54
  avoidCollisions?: boolean | undefined | undefined;
55
- collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Boundary> | undefined;
56
- collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/useFloatingLayer.svelte").Side, number>>) | undefined;
55
+ collisionBoundary?: import("bits-ui/dist/internal/types").Arrayable<import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Boundary> | undefined;
56
+ collisionPadding?: (number | Partial<Record<import("bits-ui/dist/bits/utilities/floating-layer/use-floating-layer.svelte").Side, number>>) | undefined;
57
57
  sticky?: "partial" | "always" | undefined;
58
58
  hideWhenDetached?: boolean | undefined;
59
59
  updatePositionStrategy?: "optimized" | "always" | undefined;
package/dist/components/ui/sidebar/sidebar-provider.svelte CHANGED
@@ -10,7 +10,6 @@
10
10
  ref = $bindable(null),
11
11
  open = $bindable(true),
12
12
  onOpenChange = () => {},
13
- controlledOpen = false,
14
13
  class: className,
15
14
  style,
16
15
  children,
@@ -18,18 +17,13 @@
18
17
  }: WithElementRef<HTMLAttributes<HTMLDivElement>> & {
19
18
  open?: boolean;
20
19
  onOpenChange?: (open: boolean) => void;
21
- controlledOpen?: boolean;
22
20
  } = $props();
23
21
 
24
22
  const sidebar = setSidebar({
25
23
  open: () => open,
26
24
  setOpen: (value: boolean) => {
27
- if (controlledOpen) {
28
- onOpenChange(value);
29
- } else {
30
- open = value;
31
- onOpenChange(value);
32
- }
25
+ open = value;
26
+ onOpenChange(value);
33
27
 
34
28
  // This sets the cookie to keep the sidebar state.
35
29
  document.cookie = `${SIDEBAR_COOKIE_NAME}=${open}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
package/dist/components/ui/sidebar/sidebar-provider.svelte.d.ts CHANGED
@@ -4,7 +4,6 @@ declare const SidebarProvider: import("svelte").Component<HTMLAttributes<HTMLDiv
4
4
  } & {
5
5
  open?: boolean;
6
6
  onOpenChange?: (open: boolean) => void;
7
- controlledOpen?: boolean;
8
7
  }, {}, "ref" | "open">;
9
8
  type SidebarProvider = ReturnType<typeof SidebarProvider>;
10
9
  export default SidebarProvider;
package/dist/components/ui/sidebar/sidebar.svelte CHANGED
@@ -32,7 +32,7 @@
32
32
  {@render children?.()}
33
33
  </div>
34
34
  {:else if sidebar.isMobile}
35
- <Sheet.Root controlledOpen open={sidebar.openMobile} onOpenChange={sidebar.setOpenMobile} {...restProps}>
35
+ <Sheet.Root bind:open={() => sidebar.openMobile, (v) => sidebar.setOpenMobile(v)} {...restProps}>
36
36
  <Sheet.Content
37
37
  data-sidebar="sidebar"
38
38
  data-mobile="true"
package/dist/components/ui/slider/slider.svelte CHANGED
@@ -4,15 +4,19 @@
4
4
 
5
5
  let {
6
6
  ref = $bindable(null),
7
- value = $bindable([0]),
7
+ value = $bindable(),
8
8
  class: className,
9
9
  ...restProps
10
10
  }: WithoutChildrenOrChild<SliderPrimitive.RootProps> = $props();
11
11
  </script>
12
12
 
13
+ <!--
14
+ Discriminated Unions + Destructing (required for bindable) do not
15
+ get along, so we shut typescript up by casting `value` to `never`.
16
+ -->
13
17
  <SliderPrimitive.Root
18
+ bind:value={value as never}
14
19
  bind:ref
15
- bind:value
16
20
  class={cn("relative flex w-full touch-none select-none items-center", className)}
17
21
  {...restProps}
18
22
  >
package/dist/components/ui/slider/slider.svelte.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Slider as SliderPrimitive } from "bits-ui";
2
- declare const Slider: import("svelte").Component<Omit<Omit<SliderPrimitive.RootProps, "child">, "children">, {}, "ref" | "value">;
1
+ import { Slider as SliderPrimitive, type WithoutChildrenOrChild } from "bits-ui";
2
+ declare const Slider: import("svelte").Component<WithoutChildrenOrChild<SliderPrimitive.RootProps>, {}, "ref" | "value">;
3
3
  type Slider = ReturnType<typeof Slider>;
4
4
  export default Slider;
package/dist/components/ui/toggle/toggle.svelte.d.ts CHANGED
@@ -77,7 +77,6 @@ declare const Toggle: import("svelte").Component<Omit<{
77
77
  pressed?: boolean | undefined;
78
78
  onPressedChange?: import("bits-ui/dist/internal/types").OnChangeFn<boolean>;
79
79
  disabled?: boolean | null | undefined;
80
- controlledPressed?: boolean;
81
80
  }, "child" | "children"> & {
82
81
  child?: import("svelte").Snippet<[import("bits-ui").ToggleRootSnippetProps & {
83
82
  props: Record<string, unknown>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kayord/ui",
3
3
  "private": false,
4
- "version": "0.13.8",
4
+ "version": "0.13.9",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
@@ -34,9 +34,9 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@internationalized/date": "^3.6.0",
37
- "bits-ui": "1.0.0-next.74",
37
+ "bits-ui": "1.0.0-next.77",
38
38
  "clsx": "^2.1.1",
39
- "embla-carousel-svelte": "8.5.1",
39
+ "embla-carousel-svelte": "8.5.2",
40
40
  "formsnap": "2.0.0",
41
41
  "mode-watcher": "^0.5.0",
42
42
  "paneforge": "1.0.0-next.2",
@@ -48,31 +48,31 @@
48
48
  "devDependencies": {
49
49
  "@kayord/tw-plugin": "^1.0.3",
50
50
  "@sveltejs/adapter-auto": "^3.3.1",
51
- "@sveltejs/kit": "^2.15.1",
51
+ "@sveltejs/kit": "^2.15.2",
52
52
  "@sveltejs/package": "^2.3.7",
53
53
  "@sveltejs/vite-plugin-svelte": "^5.0.3",
54
54
  "@testing-library/jest-dom": "^6.6.3",
55
55
  "@testing-library/svelte": "^5.2.6",
56
- "@typescript-eslint/eslint-plugin": "^8.18.2",
57
- "@typescript-eslint/parser": "^8.18.2",
56
+ "@typescript-eslint/eslint-plugin": "^8.19.1",
57
+ "@typescript-eslint/parser": "^8.19.1",
58
58
  "autoprefixer": "^10.4.20",
59
59
  "eslint": "^9.17.0",
60
60
  "eslint-config-prettier": "^9.1.0",
61
61
  "eslint-plugin-svelte": "^2.46.1",
62
- "happy-dom": "^16.0.1",
62
+ "happy-dom": "^16.3.0",
63
63
  "lucide-svelte": "^0.469.0",
64
64
  "postcss": "^8.4.49",
65
65
  "prettier": "^3.4.2",
66
66
  "prettier-plugin-svelte": "^3.3.2",
67
67
  "prettier-plugin-tailwindcss": "^0.6.9",
68
- "publint": "^0.2.12",
69
- "svelte": "^5.16.0",
68
+ "publint": "^0.3.0",
69
+ "svelte": "^5.16.5",
70
70
  "svelte-check": "^4.1.1",
71
71
  "tailwindcss": "^3.4.17",
72
72
  "tailwindcss-animate": "^1.0.7",
73
73
  "tslib": "^2.8.1",
74
74
  "typescript": "^5.7.2",
75
- "vite": "^6.0.6",
75
+ "vite": "^6.0.7",
76
76
  "vitest": "^2.1.8",
77
77
  "zod": "^3.24.1"
78
78
  },