@kubetail/ui 2.0.0-rc4 → 2.0.0-rc6

package/dist/elements/search-box.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),l=require("lucide-react"),d=require("./input.cjs"),t=require("../lib/utils.cjs"),a=u.forwardRef(({className:s,containerClassName:c,placeholder:n="",...r},i)=>{const{disabled:o}=r;return e.jsxs("div",{className:t.cn("relative w-full max-w-sm",c),children:[e.jsx(l.Search,{"aria-hidden":!0,className:t.cn("pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground",o&&"opacity-50")}),e.jsx(d.Input,{ref:i,type:"search",placeholder:n,className:t.cn("pl-9",s),...r})]})});a.displayName="SearchBox";exports.SearchBox=a;
+//# sourceMappingURL=search-box.cjs.map

package/dist/elements/search-box.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-box.cjs","sources":["../../src/elements/search-box.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Search } from 'lucide-react';\n\nimport { Input } from '@/elements/input';\nimport { cn } from '@/lib/utils';\n\nexport type SearchBoxProps = React.ComponentProps<typeof Input> & {\n  containerClassName?: string;\n};\n\n/**\n * A compact search box.\n * - Uses shadcn <Input/>\n * - Leading search icon\n */\nconst SearchBox = forwardRef<HTMLInputElement, SearchBoxProps>(\n  ({ className, containerClassName, placeholder = '', ...props }, ref) => {\n    const { disabled } = props;\n\n    return (\n      <div className={cn('relative w-full max-w-sm', containerClassName)}>\n        <Search\n          aria-hidden\n          className={cn(\n            'pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground',\n            disabled && 'opacity-50',\n          )}\n        />\n        <Input ref={ref} type=\"search\" placeholder={placeholder} className={cn('pl-9', className)} {...props} />\n      </div>\n    );\n  },\n);\n\nSearchBox.displayName = 'SearchBox';\n\nexport { SearchBox };\n"],"names":["SearchBox","forwardRef","className","containerClassName","placeholder","props","ref","disabled","cn","jsx","Search","Input"],"mappings":"yNAeMA,EAAYC,EAAAA,WAChB,CAAC,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,YAAAC,EAAc,GAAI,GAAGC,CAAA,EAASC,IAAQ,CACtE,KAAM,CAAE,SAAAC,GAAaF,EAErB,cACG,MAAA,CAAI,UAAWG,EAAAA,GAAG,2BAA4BL,CAAkB,EAC/D,SAAA,CAAAM,EAAAA,IAACC,EAAAA,OAAA,CACC,cAAW,GACX,UAAWF,EAAAA,GACT,6FACAD,GAAY,YAAA,CACd,CAAA,EAEFE,EAAAA,IAACE,EAAAA,MAAA,CAAM,IAAAL,EAAU,KAAK,SAAS,YAAAF,EAA0B,UAAWI,EAAAA,GAAG,OAAQN,CAAS,EAAI,GAAGG,CAAA,CAAO,CAAA,EACxG,CAEJ,CACF,EAEAL,EAAU,YAAc"}

package/dist/elements/search-box.d.ts

@@ -0,0 +1,11 @@
+import { Input } from './input';
+export type SearchBoxProps = React.ComponentProps<typeof Input> & {
+    containerClassName?: string;
+};
+/**
+ * A compact search box.
+ * - Uses shadcn <Input/>
+ * - Leading search icon
+ */
+declare const SearchBox: import('react').ForwardRefExoticComponent<Omit<SearchBoxProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export { SearchBox };

package/dist/elements/search-box.js

@@ -0,0 +1,28 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { Search as c } from "lucide-react";
+import { Input as p } from "./input.js";
+import { cn as e } from "../lib/utils.js";
+const d = n(
+  ({ className: a, containerClassName: o, placeholder: m = "", ...r }, s) => {
+    const { disabled: i } = r;
+    return /* @__PURE__ */ l("div", { className: e("relative w-full max-w-sm", o), children: [
+      /* @__PURE__ */ t(
+        c,
+        {
+          "aria-hidden": !0,
+          className: e(
+            "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground",
+            i && "opacity-50"
+          )
+        }
+      ),
+      /* @__PURE__ */ t(p, { ref: s, type: "search", placeholder: m, className: e("pl-9", a), ...r })
+    ] });
+  }
+);
+d.displayName = "SearchBox";
+export {
+  d as SearchBox
+};
+//# sourceMappingURL=search-box.js.map

package/dist/elements/search-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-box.js","sources":["../../src/elements/search-box.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { Search } from 'lucide-react';\n\nimport { Input } from '@/elements/input';\nimport { cn } from '@/lib/utils';\n\nexport type SearchBoxProps = React.ComponentProps<typeof Input> & {\n  containerClassName?: string;\n};\n\n/**\n * A compact search box.\n * - Uses shadcn <Input/>\n * - Leading search icon\n */\nconst SearchBox = forwardRef<HTMLInputElement, SearchBoxProps>(\n  ({ className, containerClassName, placeholder = '', ...props }, ref) => {\n    const { disabled } = props;\n\n    return (\n      <div className={cn('relative w-full max-w-sm', containerClassName)}>\n        <Search\n          aria-hidden\n          className={cn(\n            'pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground',\n            disabled && 'opacity-50',\n          )}\n        />\n        <Input ref={ref} type=\"search\" placeholder={placeholder} className={cn('pl-9', className)} {...props} />\n      </div>\n    );\n  },\n);\n\nSearchBox.displayName = 'SearchBox';\n\nexport { SearchBox };\n"],"names":["SearchBox","forwardRef","className","containerClassName","placeholder","props","ref","disabled","cn","jsx","Search","Input"],"mappings":";;;;;AAeA,MAAMA,IAAYC;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,aAAAC,IAAc,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACtE,UAAM,EAAE,UAAAC,MAAaF;AAErB,6BACG,OAAA,EAAI,WAAWG,EAAG,4BAA4BL,CAAkB,GAC/D,UAAA;AAAA,MAAA,gBAAAM;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAWF;AAAA,YACT;AAAA,YACAD,KAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAEF,gBAAAE,EAACE,GAAA,EAAM,KAAAL,GAAU,MAAK,UAAS,aAAAF,GAA0B,WAAWI,EAAG,QAAQN,CAAS,GAAI,GAAGG,EAAA,CAAO;AAAA,IAAA,GACxG;AAAA,EAEJ;AACF;AAEAL,EAAU,cAAc;"}

package/dist/elements/search-box.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: import('react').ForwardRefExoticComponent<Omit<import('./search-box').SearchBoxProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        defaultValue: string;
+        disabled: false;
+        placeholder: string;
+    };
+    argTypes: {
+        defaultValue: {
+            control: "text";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        placeholder: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Filled: Story;
+export declare const Disabled: Story;

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: var(--color-blue-700);                           /* 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-50);                          /* color-bg-secondary */
   --secondary-foreground: var(--color-zinc-950);              /* color-text */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubetail/ui",
-  "version": "v2.0.0-rc4",
+  "version": "v2.0.0-rc6",
   "type": "module",
   "sideEffects": false,
   "module": "./dist/index.js",
@@ -15,61 +15,9 @@
       "import": "./dist/elements/index.js",
       "require": "./dist/elements/index.cjs"
     },
-    "./elements/DataTable": {
-      "import": "./dist/elements/DataTable/index.js",
-      "require": "./dist/elements/DataTable/index.cjs"
-    },
-    "./elements/button": {
-      "import": "./dist/elements/button.js",
-      "require": "./dist/elements/button.cjs"
-    },
-    "./elements/calendar": {
-      "import": "./dist/elements/calendar.js",
-      "require": "./dist/elements/calendar.cjs"
-    },
-    "./elements/card": {
-      "import": "./dist/elements/card.js",
-      "require": "./dist/elements/card.cjs"
-    },
-    "./elements/checkbox": {
-      "import": "./dist/elements/checkbox.js",
-      "require": "./dist/elements/checkbox.cjs"
-    },
-    "./elements/dropdown-menu": {
-      "import": "./dist/elements/dropdown-menu.js",
-      "require": "./dist/elements/dropdown-menu.cjs"
-    },
-    "./elements/form": {
-      "import": "./dist/elements/form.js",
-      "require": "./dist/elements/form.cjs"
-    },
-    "./elements/input": {
-      "import": "./dist/elements/input.js",
-      "require": "./dist/elements/input.cjs"
-    },
-    "./elements/label": {
-      "import": "./dist/elements/label.js",
-      "require": "./dist/elements/label.cjs"
-    },
-    "./elements/popover": {
-      "import": "./dist/elements/popover.js",
-      "require": "./dist/elements/popover.cjs"
-    },
-    "./elements/select": {
-      "import": "./dist/elements/select.js",
-      "require": "./dist/elements/select.cjs"
-    },
-    "./elements/spinner": {
-      "import": "./dist/elements/spinner.js",
-      "require": "./dist/elements/spinner.cjs"
-    },
-    "./elements/table": {
-      "import": "./dist/elements/table.js",
-      "require": "./dist/elements/table.cjs"
-    },
-    "./elements/tabs": {
-      "import": "./dist/elements/tabs.js",
-      "require": "./dist/elements/tabs.cjs"
+    "./elements/*": {
+      "import": "./dist/elements/*.js",
+      "require": "./dist/elements/*.cjs"
     },
     "./package.json": "./package.json"
   },