@kubetail/ui 2.4.1 → 2.6.0

package/dist/elements/tooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.cjs","names":[],"sources":["../../src/elements/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\nfunction TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background 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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":"8PAMA,SAAS,EAAgB,CAAE,gBAAgB,EAAG,GAAG,GAAiE,CAChH,OAAA,EAAA,EAAA,KAAQ,EAAiB,SAAlB,CAA2B,YAAU,mBAAkC,gBAAe,GAAI,EAAS,CAAA,CAG5G,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAA,EAAA,EAAA,KACG,EAAD,CAAA,UAAA,EAAA,EAAA,KACG,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,EAAS,CAAA,CACxC,CAAA,CAItB,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAA,EAAA,EAAA,KAAQ,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,EAAS,CAAA,CAG5E,SAAS,EAAe,CACtB,YACA,aAAa,EACb,WACA,GAAG,GACqD,CACxD,OAAA,EAAA,EAAA,KACG,EAAiB,OAAlB,CAAA,UAAA,EAAA,EAAA,MACG,EAAiB,QAAlB,CACE,YAAU,kBACE,aACZ,UAAW,EAAA,GACT,oaACA,EACD,CACD,GAAI,WAPN,CASG,GAAA,EAAA,EAAA,KACA,EAAiB,MAAlB,CAAwB,UAAU,qGAAuG,CAAA,CAChH,GACH,CAAA"}
+{"version":3,"file":"tooltip.cjs","names":[],"sources":["../../src/elements/tooltip.tsx"],"sourcesContent":["'use client';\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\nfunction TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return <TooltipPrimitive.Provider data-slot=\"tooltip-provider\" delayDuration={delayDuration} {...props} />;\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background 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 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":"8PAMA,SAAS,EAAgB,CAAE,gBAAgB,EAAG,GAAG,GAAiE,CAChH,OAAO,EAAA,EAAA,KAAC,EAAiB,SAAlB,CAA2B,YAAU,mBAAkC,gBAAe,GAAI,EAAS,CAAA,CAG5G,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OACE,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,EAAS,CAAA,CACxC,CAAA,CAItB,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAAA,EAAA,KAAC,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,EAAS,CAAA,CAG5E,SAAS,EAAe,CACtB,YACA,aAAa,EACb,WACA,GAAG,GACqD,CACxD,OACE,EAAA,EAAA,KAAC,EAAiB,OAAlB,CAAA,UACE,EAAA,EAAA,MAAC,EAAiB,QAAlB,CACE,YAAU,kBACE,aACZ,UAAW,EAAA,GACT,oaACA,EACD,CACD,GAAI,WAPN,CASG,GACD,EAAA,EAAA,KAAC,EAAiB,MAAlB,CAAwB,UAAU,qGAAuG,CAAA,CAChH,GACH,CAAA"}

package/dist/hooks/use-mobile.cjs

@@ -1,2 +1,2 @@
-require(`../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=768;function n(){let[n,r]=(0,e.useState)(void 0);return(0,e.useEffect)(()=>{let e=window.matchMedia(`(max-width: ${t-1}px)`),n=()=>{r(window.innerWidth<t)};return e.addEventListener(`change`,n),r(window.innerWidth<t),()=>e.removeEventListener(`change`,n)},[]),!!n}exports.useIsMobile=n;
+require(`../_virtual/_rolldown/runtime.cjs`);let e=require(`react`);var t=768;function n(){let[n,r]=(0,e.useState)(typeof window<`u`?window.innerWidth<t:!1);return(0,e.useEffect)(()=>{let e=window.matchMedia(`(max-width: ${t-1}px)`),n=()=>{r(window.innerWidth<t)};return e.addEventListener(`change`,n),()=>e.removeEventListener(`change`,n)},[]),n}exports.useIsMobile=n;
 //# sourceMappingURL=use-mobile.cjs.map

package/dist/hooks/use-mobile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.cjs","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":"oEAEA,IAAM,EAAoB,IAE1B,SAAgB,GAAc,CAC5B,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UAA6C,IAAA,GAAU,CAYxE,OAVA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAM,OAAO,WAAW,eAAe,EAAoB,EAAE,KAAK,CAClE,MAAiB,CACrB,EAAY,OAAO,WAAa,EAAkB,EAIpD,OAFA,EAAI,iBAAiB,SAAU,EAAS,CACxC,EAAY,OAAO,WAAa,EAAkB,KACrC,EAAI,oBAAoB,SAAU,EAAS,EACvD,EAAE,CAAC,CAEC,CAAC,CAAC"}
+{"version":3,"file":"use-mobile.cjs","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState(\n    typeof window !== 'undefined' ? window.innerWidth < MOBILE_BREAKPOINT : false,\n  );\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return isMobile;\n}\n"],"mappings":"oEAEA,IAAM,EAAoB,IAE1B,SAAgB,GAAc,CAC5B,GAAM,CAAC,EAAU,IAAA,EAAA,EAAA,UACf,OAAO,OAAW,IAAc,OAAO,WAAa,EAAoB,GACzE,CAWD,OATA,EAAA,EAAA,eAAgB,CACd,IAAM,EAAM,OAAO,WAAW,eAAe,EAAoB,EAAE,KAAK,CAClE,MAAiB,CACrB,EAAY,OAAO,WAAa,EAAkB,EAGpD,OADA,EAAI,iBAAiB,SAAU,EAAS,KAC3B,EAAI,oBAAoB,SAAU,EAAS,EACvD,EAAE,CAAC,CAEC"}

package/dist/hooks/use-mobile.js

@@ -2,13 +2,13 @@ import { useEffect as e, useState as t } from "react";
 //#region src/hooks/use-mobile.ts
 var n = 768;
 function r() {
-	let [r, i] = t(void 0);
+	let [r, i] = t(typeof window < "u" ? window.innerWidth < n : !1);
 	return e(() => {
 		let e = window.matchMedia(`(max-width: ${n - 1}px)`), t = () => {
 			i(window.innerWidth < n);
 		};
-		return e.addEventListener("change", t), i(window.innerWidth < n), () => e.removeEventListener("change", t);
-	}, []), !!r;
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, []), r;
 }
 //#endregion
 export { r as useIsMobile };

package/dist/hooks/use-mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return !!isMobile;\n}\n"],"mappings":";;AAEA,IAAM,IAAoB;AAE1B,SAAgB,IAAc;CAC5B,IAAM,CAAC,GAAU,KAAe,EAA8B,KAAA,EAAU;AAYxE,QAVA,QAAgB;EACd,IAAM,IAAM,OAAO,WAAW,eAAe,IAAoB,EAAE,KAAK,EAClE,UAAiB;AACrB,KAAY,OAAO,aAAa,EAAkB;;AAIpD,SAFA,EAAI,iBAAiB,UAAU,EAAS,EACxC,EAAY,OAAO,aAAa,EAAkB,QACrC,EAAI,oBAAoB,UAAU,EAAS;IACvD,EAAE,CAAC,EAEC,CAAC,CAAC"}
+{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n  const [isMobile, setIsMobile] = useState(\n    typeof window !== 'undefined' ? window.innerWidth < MOBILE_BREAKPOINT : false,\n  );\n\n  useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener('change', onChange);\n    return () => mql.removeEventListener('change', onChange);\n  }, []);\n\n  return isMobile;\n}\n"],"mappings":";;AAEA,IAAM,IAAoB;AAE1B,SAAgB,IAAc;CAC5B,IAAM,CAAC,GAAU,KAAe,EAC9B,OAAO,SAAW,MAAc,OAAO,aAAa,IAAoB,GACzE;AAWD,QATA,QAAgB;EACd,IAAM,IAAM,OAAO,WAAW,eAAe,IAAoB,EAAE,KAAK,EAClE,UAAiB;AACrB,KAAY,OAAO,aAAa,EAAkB;;AAGpD,SADA,EAAI,iBAAiB,UAAU,EAAS,QAC3B,EAAI,oBAAoB,UAAU,EAAS;IACvD,EAAE,CAAC,EAEC"}

package/dist/hooks/use-mobile.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.css

@@ -9,7 +9,7 @@
   --card-foreground: var(--color-zinc-950);
   --popover: var(--color-white);
   --popover-foreground: var(--color-zinc-950);
-  --primary: oklch(0.563 0.194 262.62);                       /* color-bg-primary */
+  --primary: oklch(0.563 0.194 262.62);                     /* color-bg-primary */
   --primary-foreground: var(--color-white);                   /* color-text-on-color */
   --secondary: var(--color-zinc-100);                         /* color-bg-secondary */
   --secondary-foreground: var(--color-zinc-950);              /* color-text */
@@ -43,7 +43,7 @@
   --foreground: var(--color-zinc-50);                        /* color-text */
   --card: var(--color-zinc-950);
   --card-foreground: var(--color-white);
-  --popover: var(--color-zinc-950);
+  --popover: var(--color-neutral-950);
   --popover-foreground: var(--color-white);
   --primary: var(--color-blue-500);                          /* color-bg-primary */
   --primary-foreground: var(--color-white);                  /* color-text-on-color */
@@ -53,10 +53,10 @@
   --muted-foreground: var(--color-zinc-400);                 /* color-text-muted */
   --accent: var(--color-blue-950);
   --accent-foreground: var(--color-white);
-  --destructive: var(--color-red-400);                       /* color-bg-error-strong */
+  --destructive: var(--color-red-700);                       /* color-bg-error-strong */
   --destructive-foreground: var(--color-zinc-50);            /* color-text */
-  --border: var(--color-zinc-700);                           /* color-border */
-  --input: var(--color-zinc-600);                            /* color-border-input */
+  --border: var(--color-zinc-800);                           /* color-border */
+  --input: var(--color-zinc-700);                            /* color-border-input */
   --ring: var(--color-blue-500);                             /* color-border-focusRing */
   --chart-1: oklch(0.488 0.243 264.376);
   --chart-2: oklch(0.696 0.17 162.48);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubetail/ui",
-  "version": "v2.4.1",
+  "version": "v2.6.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/kubetail-org/kubetail-ui"
@@ -36,6 +36,7 @@
   "peerDependencies": {
     "@radix-ui/react-avatar": "^1",
     "@radix-ui/react-checkbox": "^1",
+    "@radix-ui/react-context-menu": "^2",
     "@radix-ui/react-dialog": "^1",
     "@radix-ui/react-dropdown-menu": "^2",
     "@radix-ui/react-label": "^2",
@@ -61,6 +62,9 @@
     "@radix-ui/react-checkbox": {
       "optional": true
     },
+    "@radix-ui/react-context-menu": {
+      "optional": true
+    },
     "@radix-ui/react-dialog": {
       "optional": true
     },
@@ -106,12 +110,13 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.1.1",
-    "@eslint/compat": "^2.0.3",
+    "@eslint/compat": "^2.0.5",
     "@eslint/js": "^9.39.1",
     "@fontsource-variable/roboto-flex": "^5.2.8",
-    "@microsoft/api-extractor": "^7.57.7",
+    "@microsoft/api-extractor": "^7.58.1",
     "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-context-menu": "^2.2.16",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-label": "^2.1.8",
@@ -123,23 +128,23 @@
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "@storybook/addon-docs": "^10.3.4",
-    "@storybook/addon-links": "^10.3.4",
-    "@storybook/addon-themes": "^10.3.4",
-    "@storybook/builder-vite": "^10.3.4",
-    "@storybook/react-vite": "^10.3.4",
-    "@stylistic/eslint-plugin": "^3.1.0",
-    "@tailwindcss/vite": "^4.2.1",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-links": "^10.3.5",
+    "@storybook/addon-themes": "^10.3.5",
+    "@storybook/builder-vite": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@stylistic/eslint-plugin": "^5.10.0",
+    "@tailwindcss/vite": "^4.2.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@types/node": "^24.10.1",
+    "@types/node": "^25.5.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@types/rollup-plugin-auto-external": "^2.0.5",
     "@vitejs/plugin-react": "^6.0.1",
     "@vueless/storybook-dark-mode": "^10.0.7",
     "eslint": "^9.39.1",
-    "eslint-config-airbnb-extended": "^2.3.3",
+    "eslint-config-airbnb-extended": "^3.1.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^4.4.3",
     "eslint-plugin-import-x": "^4.16.2",
@@ -148,26 +153,26 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.5.2",
+    "eslint-plugin-storybook": "10.3.5",
     "glob": "^13.0.6",
     "globals": "^17.4.0",
-    "jsdom": "^29.0.0",
-    "lucide-react": "^0.577.0",
+    "jsdom": "^29.0.2",
+    "lucide-react": "^1.7.0",
     "prettier": "^3.8.1",
     "react-day-picker": "^9.14.0",
     "react-docgen-typescript": "^2.4.0",
-    "react-hook-form": "^7.71.2",
+    "react-hook-form": "^7.72.1",
     "rollup-plugin-auto-external": "^2.0.0",
     "rollup-plugin-copy": "^3.5.0",
-    "storybook": "^10.3.4",
-    "tailwindcss": "^4.2.1",
+    "storybook": "^10.3.5",
+    "tailwindcss": "^4.2.2",
     "tslib": "^2.8.1",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.57.0",
+    "typescript-eslint": "^8.58.1",
     "unplugin-dts": "1.0.0-beta.6",
-    "unplugin-fonts": "^1.4.0",
-    "vite": "^8.0.0",
-    "vitest": "^4.1.0",
-    "eslint-plugin-storybook": "10.3.4"
+    "unplugin-fonts": "^2.0.0",
+    "vite": "^8.0.7",
+    "vitest": "^4.1.3"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",