@kayord/ui 1.0.13 → 1.0.15

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.
@@ -4,14 +4,15 @@
4
4
 
5
5
  interface Props {
6
6
  class?: ProgressRootProps["class"];
7
+ innerClass?: ProgressRootProps["class"];
7
8
  [key: string]: any;
8
9
  }
9
10
 
10
- let { class: className = undefined, ...rest }: Props = $props();
11
+ let { class: className = undefined, innerClass = undefined, ...rest }: Props = $props();
11
12
  </script>
12
13
 
13
14
  <Progress.Root class={cn("bg-secondary relative h-4 w-full overflow-hidden rounded-full", className)} {...rest}>
14
- <div class="progressbar-infinite bg-primary h-full w-full flex-1 transition-all"></div>
15
+ <div class={cn("progressbar-infinite bg-primary h-full w-full flex-1 transition-all", innerClass)}></div>
15
16
  </Progress.Root>
16
17
 
17
18
  <style>
@@ -1,6 +1,7 @@
1
1
  import { type ProgressRootProps } from "bits-ui";
2
2
  interface Props {
3
3
  class?: ProgressRootProps["class"];
4
+ innerClass?: ProgressRootProps["class"];
4
5
  [key: string]: any;
5
6
  }
6
7
  declare const ProgressLoading: import("svelte").Component<Props, {}, "">;
@@ -20,7 +20,7 @@
20
20
  data-slot="carousel-previous"
21
21
  {variant}
22
22
  {size}
23
- disabled={!emblaCtx.canScrollPrev}
23
+ aria-disabled={!emblaCtx.canScrollPrev}
24
24
  class={cn(
25
25
  "absolute size-8 rounded-full",
26
26
  emblaCtx.orientation === "horizontal"
@@ -54,16 +54,16 @@
54
54
  if (hideLabel || !tooltipCtx.payload?.length) return null;
55
55
 
56
56
  const [item] = tooltipCtx.payload;
57
- const key = labelKey || item?.label || item?.name || "value";
57
+ const key = labelKey ?? item?.label ?? item?.name ?? "value";
58
58
 
59
59
  const itemConfig = getPayloadConfigFromPayload(chart.config, item, key);
60
60
 
61
61
  const value =
62
62
  !labelKey && typeof label === "string"
63
- ? chart.config[label as keyof typeof chart.config]?.label || label
63
+ ? (chart.config[label as keyof typeof chart.config]?.label ?? label)
64
64
  : (itemConfig?.label ?? item.label);
65
65
 
66
- if (!value) return null;
66
+ if (value === undefined) return null;
67
67
  if (!labelFormatter) return value;
68
68
  return labelFormatter(value, tooltipCtx.payload);
69
69
  });
@@ -138,7 +138,7 @@
138
138
  {itemConfig?.label || item.name}
139
139
  </span>
140
140
  </div>
141
- {#if item.value}
141
+ {#if item.value !== undefined}
142
142
  <span class="text-foreground font-mono font-medium tabular-nums">
143
143
  {item.value.toLocaleString()}
144
144
  </span>
@@ -17,7 +17,7 @@ export function getPayloadConfigFromPayload(config, payload, key) {
17
17
  else if (key in payload && typeof payload[key] === "string") {
18
18
  configLabelKey = payload[key];
19
19
  }
20
- else if (payloadPayload &&
20
+ else if (payloadPayload !== undefined &&
21
21
  key in payloadPayload &&
22
22
  typeof payloadPayload[key] === "string") {
23
23
  configLabelKey = payloadPayload[key];
@@ -22,7 +22,7 @@
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 group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
25
+ "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-[calc(1/2*100%-1px)] after:w-[2px] sm:flex",
26
26
  "in-data-[side=left]:cursor-w-resize in-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
28
  "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
@@ -34,9 +34,9 @@
34
34
  class={cn(
35
35
  "bg-primary z-50 size-2.5 rotate-45 rounded-[2px]",
36
36
  "data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%_+_2px)]",
37
- "data-[side=bottom]:translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%_+_1px)]",
37
+ "data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%_+_1px)]",
38
38
  "data-[side=right]:translate-x-[calc(50%_+_2px)] data-[side=right]:translate-y-1/2",
39
- "data-[side=left]:translate-y-[calc(50%_-_3px)]",
39
+ "data-[side=left]:-translate-y-[calc(50%_-_3px)]",
40
40
  arrowClasses
41
41
  )}
42
42
  {...props}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kayord/ui",
3
3
  "private": false,
4
- "version": "1.0.13",
4
+ "version": "1.0.15",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
@@ -35,11 +35,11 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@internationalized/date": "^3.8.2",
38
- "bits-ui": "2.8.8",
38
+ "bits-ui": "2.8.10",
39
39
  "clsx": "^2.1.1",
40
40
  "embla-carousel-svelte": "8.6.0",
41
41
  "formsnap": "2.0.1",
42
- "mode-watcher": "^1.0.8",
42
+ "mode-watcher": "^1.1.0",
43
43
  "paneforge": "1.0.0",
44
44
  "svelte-sonner": "^1.0.5",
45
45
  "tailwind-merge": "^3.3.1",
@@ -47,39 +47,39 @@
47
47
  "vaul-svelte": "1.0.0-next.7"
48
48
  },
49
49
  "devDependencies": {
50
- "@lucide/svelte": "^0.523.0",
50
+ "@lucide/svelte": "^0.525.0",
51
51
  "@sveltejs/adapter-auto": "^6.0.1",
52
52
  "@sveltejs/kit": "^2.22.2",
53
53
  "@sveltejs/package": "^2.3.12",
54
54
  "@sveltejs/vite-plugin-svelte": "^5.1.0",
55
- "@tailwindcss/vite": "^4.1.10",
55
+ "@tailwindcss/vite": "^4.1.11",
56
56
  "@testing-library/jest-dom": "^6.6.3",
57
57
  "@testing-library/svelte": "^5.2.8",
58
58
  "@testing-library/user-event": "^14.6.1",
59
59
  "@types/d3-scale": "^4.0.9",
60
60
  "@types/d3-shape": "^3.1.7",
61
- "@typescript-eslint/eslint-plugin": "^8.35.0",
62
- "@typescript-eslint/parser": "^8.35.0",
61
+ "@typescript-eslint/eslint-plugin": "^8.35.1",
62
+ "@typescript-eslint/parser": "^8.35.1",
63
63
  "d3-scale": "^4.0.2",
64
64
  "d3-shape": "^3.2.0",
65
- "eslint": "^9.29.0",
65
+ "eslint": "^9.30.1",
66
66
  "eslint-config-prettier": "^10.1.5",
67
- "eslint-plugin-svelte": "^3.9.3",
67
+ "eslint-plugin-svelte": "^3.10.1",
68
68
  "happy-dom": "^18.0.1",
69
69
  "layerchart": "2.0.0-next.6",
70
- "prettier": "^3.6.1",
70
+ "prettier": "^3.6.2",
71
71
  "prettier-plugin-svelte": "^3.4.0",
72
72
  "prettier-plugin-tailwindcss": "^0.6.13",
73
73
  "publint": "^0.3.12",
74
- "svelte": "5.34.8",
74
+ "svelte": "5.35.1",
75
75
  "svelte-check": "^4.2.2",
76
- "tailwindcss": "^4.1.10",
76
+ "tailwindcss": "^4.1.11",
77
77
  "tslib": "^2.8.1",
78
78
  "tw-animate-css": "1.3.4",
79
79
  "typescript": "^5.8.3",
80
- "vite": "^7.0.0",
80
+ "vite": "^7.0.1",
81
81
  "vitest": "^3.2.4",
82
- "zod": "^3.25.67"
82
+ "zod": "^3.25.71"
83
83
  },
84
84
  "svelte": "./dist/index.js",
85
85
  "types": "./dist/index.d.ts",