@blenx-dev/components 0.0.1 → 0.0.3

package/{dist/components → components}/Slider/slider.js

@@ -1,6 +1,6 @@
 "use client";
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { control, controlHorizontal, controlVertical, indicator, thumb, track, trackHorizontal, trackVertical, value } from "./slider.css.js";
+import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Slider } from "@base-ui/react/slider";

package/{dist/components → components}/Spinner/spinner.js

@@ -1,6 +1,6 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { spinner } from "./spinner.css.js";
 import { CircleNotchIcon } from "@phosphor-icons/react";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Spinner/spinner.tsx
 function Spinner({ className, style, ...props }) {

package/{dist/components → components}/Splitter/splitter.css.js

@@ -1,5 +1,5 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                        */
 //#region src/components/Splitter/splitter.css.ts
 var root = "w4j08r0";

package/{dist/components → components}/Splitter/splitter.js

@@ -1,6 +1,6 @@
 "use client";
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { handle, handleHorizontal, handleVertical, panel, root, rootHorizontal, rootVertical } from "./splitter.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import React, { createContext, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 //#region src/components/Splitter/splitter.tsx

package/{dist/components → components}/Stack/stack.css.js

@@ -1,7 +1,7 @@
-/* empty css                                               */
-/* empty css                                             */
-import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                     */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/Stack/stack.css.ts
 var stackRecipe = createRuntimeFn({
 	defaultClassName: "_82zwcu0",

package/{dist/components → components}/Stack/stack.js

@@ -1,6 +1,6 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { Box } from "../Box/box.js";
 import { stackRecipe } from "./stack.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Stack/stack.tsx
 function Stack({ gap, align, justify, wrap, className, style, ...props }) {

package/{dist/components → components}/Surface/surface.css.js

@@ -1,6 +1,6 @@
-/* empty css                                               */
-import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                                      */
 /* empty css                       */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/Surface/surface.css.ts
 var variantRecipe = createRuntimeFn({
 	defaultClassName: "_1vnk5c40",

package/{dist/components → components}/Surface/surface.js

@@ -1,6 +1,6 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { Box } from "../Box/box.js";
 import { variantRecipe } from "./surface.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Surface/surface.tsx
 function Surface({ variant, interactive, className, style, ...props }) {

package/{dist/components → components}/Switch/switch.css.js

@@ -1,5 +1,5 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                      */
 //#region src/components/Switch/switch.css.ts
 var root = "dv64p10";

package/{dist/components → components}/Switch/switch.js

@@ -1,5 +1,5 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { root, thumb } from "./switch.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { Switch } from "@base-ui/react/switch";
 //#region src/components/Switch/switch.tsx

package/{dist/components → components}/Table/table.css.js

@@ -1,5 +1,5 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                     */
 //#region src/components/Table/table.css.ts
 var root = "ksfrvb0";

package/{dist/components → components}/Table/table.js

@@ -1,5 +1,5 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { alignCenter, alignLeft, alignRight, cell, head, header, root, row, wrapper } from "./table.css.js";
+import clsx from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Table/table.tsx
 var cellAlignMap = {

package/{dist/components → components}/Tabs/tabs.css.js

@@ -1,5 +1,5 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                    */
 //#region src/components/Tabs/tabs.css.ts
 var root = "wawfqz0";

package/{dist/components → components}/Tabs/tabs.js

@@ -1,5 +1,5 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { list, panel, root, tab } from "./tabs.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { Tabs } from "@base-ui/react/tabs";

package/{dist/components → components}/Text/text.css.js

@@ -1,7 +1,7 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                    */
-import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/Text/text.css.ts
 var textVariants = createRuntimeFn({
 	defaultClassName: "_1wmhbih0",

package/{dist/components → components}/Text/text.js

@@ -1,6 +1,6 @@
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { textVariants } from "./text.css.js";
 import { applyBaseSprinkles } from "../../utils/ve-style.utils.js";
+import clsx from "clsx";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/Text/text.tsx
 var variantTag = {

package/{dist/components → components}/Textarea/textarea.css.js

@@ -1,4 +1,4 @@
-/* empty css                                               */
+/* empty css                                      */
 /* empty css                        */
 //#region src/components/Textarea/textarea.css.ts
 var shell = "hqkv0u0";

package/{dist/components → components}/Textarea/textarea.js

@@ -1,6 +1,6 @@
 "use client";
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { shell, textarea } from "./textarea.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { Field } from "@base-ui/react/field";
 //#region src/components/Textarea/textarea.tsx

package/{dist/components → components}/Toggle/toggle.css.js

@@ -1,7 +1,7 @@
-/* empty css                                               */
-/* empty css                                             */
-import { createRuntimeFn } from "../../node_modules/.bun/@vanilla-extract_recipes@0.5.7_19e937df7e0b57ed/node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js";
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                      */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 //#region src/components/Toggle/toggle.css.ts
 var base = "_11fokac0";
 var size = createRuntimeFn({

package/{dist/components → components}/Toggle/toggle.js

@@ -1,6 +1,6 @@
 "use client";
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { base, pressed, radius, size, variant } from "./toggle.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { Toggle } from "@base-ui/react/toggle";
 //#region src/components/Toggle/toggle.tsx

package/{dist/components → components}/ToggleGroup/toggle-group.css.js

@@ -1,5 +1,5 @@
-/* empty css                                               */
-/* empty css                                             */
+/* empty css                                      */
+/* empty css                                    */
 /* empty css                            */
 //#region src/components/ToggleGroup/toggle-group.css.ts
 var groupBase = "_17u13gr0";

package/{dist/components → components}/ToggleGroup/toggle-group.js

@@ -1,8 +1,8 @@
 "use client";
-import clsx from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { Separator } from "../Separator/separator.js";
 import { Toggle } from "../Toggle/toggle.js";
 import { groupBase, groupDefault, groupHorizontal, groupOutline, groupVertical } from "./toggle-group.css.js";
+import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import * as React$1 from "react";
 import { ToggleGroup } from "@base-ui/react/toggle-group";

package/package.json

@@ -1,60 +1,231 @@
 {
   "name": "@blenx-dev/components",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
-  "types": "./src/index.ts",
+  "files": [
+    "**/*"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
-    "./globals.css": "./src/styles/globals.css",
-    "./lib/*": {
-      "types": "./src/lib/*",
-      "default": "./src/lib/*"
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
     },
-    "./components": {
-      "types": "./src/components/index.ts",
-      "default": "./src/components/index.ts"
+    "./Tabs": {
+      "types": "./components/Tabs/index.d.ts",
+      "import": "./components/Tabs/index.js"
     },
-    "./components/*": {
-      "types": "./src/components/*",
-      "default": "./src/components/*"
+    "./CopyButton": {
+      "types": "./components/CopyButton/index.d.ts",
+      "import": "./components/CopyButton/index.js"
     },
-    "./utils/*": {
-      "types": "./src/utils/*",
-      "default": "./src/utils/*"
+    "./Drawer": {
+      "types": "./components/Drawer/index.d.ts",
+      "import": "./components/Drawer/index.js"
     },
-    ".": {
-      "types": "./src/index.ts",
-      "default": "./src/index.ts"
-    }
-  },
-  "publishConfig": {
-    "access": "public"
+    "./Box": {
+      "types": "./components/Box/index.d.ts",
+      "import": "./components/Box/index.js"
+    },
+    "./Calendar": {
+      "types": "./components/Calendar/index.d.ts",
+      "import": "./components/Calendar/index.js"
+    },
+    "./Radio": {
+      "types": "./components/Radio/index.d.ts",
+      "import": "./components/Radio/index.js"
+    },
+    "./Card": {
+      "types": "./components/Card/index.d.ts",
+      "import": "./components/Card/index.js"
+    },
+    "./Autocomplete": {
+      "types": "./components/Autocomplete/index.d.ts",
+      "import": "./components/Autocomplete/index.js"
+    },
+    "./Progress": {
+      "types": "./components/Progress/index.d.ts",
+      "import": "./components/Progress/index.js"
+    },
+    "./Input": {
+      "types": "./components/Input/index.d.ts",
+      "import": "./components/Input/index.js"
+    },
+    "./Alert": {
+      "types": "./components/Alert/index.d.ts",
+      "import": "./components/Alert/index.js"
+    },
+    "./Accordion": {
+      "types": "./components/Accordion/index.d.ts",
+      "import": "./components/Accordion/index.js"
+    },
+    "./Separator": {
+      "types": "./components/Separator/index.d.ts",
+      "import": "./components/Separator/index.js"
+    },
+    "./ToggleGroup": {
+      "types": "./components/ToggleGroup/index.d.ts",
+      "import": "./components/ToggleGroup/index.js"
+    },
+    "./CloseButton": {
+      "types": "./components/CloseButton/index.d.ts",
+      "import": "./components/CloseButton/index.js"
+    },
+    "./Checkbox": {
+      "types": "./components/Checkbox/index.d.ts",
+      "import": "./components/Checkbox/index.js"
+    },
+    "./Splitter": {
+      "types": "./components/Splitter/index.d.ts",
+      "import": "./components/Splitter/index.js"
+    },
+    "./Slider": {
+      "types": "./components/Slider/index.d.ts",
+      "import": "./components/Slider/index.js"
+    },
+    "./Surface": {
+      "types": "./components/Surface/index.d.ts",
+      "import": "./components/Surface/index.js"
+    },
+    "./Spinner": {
+      "types": "./components/Spinner/index.d.ts",
+      "import": "./components/Spinner/index.js"
+    },
+    "./Field": {
+      "types": "./components/Field/index.d.ts",
+      "import": "./components/Field/index.js"
+    },
+    "./ScrollArea": {
+      "types": "./components/ScrollArea/index.d.ts",
+      "import": "./components/ScrollArea/index.js"
+    },
+    "./Combobox": {
+      "types": "./components/Combobox/index.d.ts",
+      "import": "./components/Combobox/index.js"
+    },
+    "./Toggle": {
+      "types": "./components/Toggle/index.d.ts",
+      "import": "./components/Toggle/index.js"
+    },
+    "./Dialog": {
+      "types": "./components/Dialog/index.d.ts",
+      "import": "./components/Dialog/index.js"
+    },
+    "./Popover": {
+      "types": "./components/Popover/index.d.ts",
+      "import": "./components/Popover/index.js"
+    },
+    "./Container": {
+      "types": "./components/Container/index.d.ts",
+      "import": "./components/Container/index.js"
+    },
+    "./Textarea": {
+      "types": "./components/Textarea/index.d.ts",
+      "import": "./components/Textarea/index.js"
+    },
+    "./Button": {
+      "types": "./components/Button/index.d.ts",
+      "import": "./components/Button/index.js"
+    },
+    "./Table": {
+      "types": "./components/Table/index.d.ts",
+      "import": "./components/Table/index.js"
+    },
+    "./SegmentedControl": {
+      "types": "./components/SegmentedControl/index.d.ts",
+      "import": "./components/SegmentedControl/index.js"
+    },
+    "./ColorSwatch": {
+      "types": "./components/ColorSwatch/index.d.ts",
+      "import": "./components/ColorSwatch/index.js"
+    },
+    "./Menu": {
+      "types": "./components/Menu/index.d.ts",
+      "import": "./components/Menu/index.js"
+    },
+    "./Avatar": {
+      "types": "./components/Avatar/index.d.ts",
+      "import": "./components/Avatar/index.js"
+    },
+    "./ColorPicker": {
+      "types": "./components/ColorPicker/index.d.ts",
+      "import": "./components/ColorPicker/index.js"
+    },
+    "./Switch": {
+      "types": "./components/Switch/index.d.ts",
+      "import": "./components/Switch/index.js"
+    },
+    "./OTPField": {
+      "types": "./components/OTPField/index.d.ts",
+      "import": "./components/OTPField/index.js"
+    },
+    "./IconButton": {
+      "types": "./components/IconButton/index.d.ts",
+      "import": "./components/IconButton/index.js"
+    },
+    "./Command": {
+      "types": "./components/Command/index.d.ts",
+      "import": "./components/Command/index.js"
+    },
+    "./Text": {
+      "types": "./components/Text/index.d.ts",
+      "import": "./components/Text/index.js"
+    },
+    "./Select": {
+      "types": "./components/Select/index.d.ts",
+      "import": "./components/Select/index.js"
+    },
+    "./Stack": {
+      "types": "./components/Stack/index.d.ts",
+      "import": "./components/Stack/index.js"
+    },
+    "./Icon": {
+      "types": "./components/Icon/index.d.ts",
+      "import": "./components/Icon/index.js"
+    },
+    "./Sheet": {
+      "types": "./components/Sheet/index.d.ts",
+      "import": "./components/Sheet/index.js"
+    },
+    "./Breadcrumbs": {
+      "types": "./components/Breadcrumbs/index.d.ts",
+      "import": "./components/Breadcrumbs/index.js"
+    },
+    "./AlertDialog": {
+      "types": "./components/AlertDialog/index.d.ts",
+      "import": "./components/AlertDialog/index.js"
+    },
+    "./InputGroup": {
+      "types": "./components/InputGroup/index.d.ts",
+      "import": "./components/InputGroup/index.js"
+    },
+    "./Grid": {
+      "types": "./components/Grid/index.d.ts",
+      "import": "./components/Grid/index.js"
+    },
+    "./Badge": {
+      "types": "./components/Badge/index.d.ts",
+      "import": "./components/Badge/index.js"
+    },
+    "./globals.css": "./assets/components.css"
   },
-  "scripts": {
-    "check-types": "tsc --noEmit",
-    "build": "vite build && bun scripts/generate-package.ts"
+  "peerDependencies": {
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6"
   },
   "dependencies": {
     "@base-ui/react": "^1.0.0",
-    "@blenx-dev/theme": "0.0.1",
+    "@blenx-dev/theme": "^0.0.3",
     "@phosphor-icons/react": "^2.1.10",
     "@tanstack/react-table": "^8.21.3",
     "@vanilla-extract/css": "^1.20.1",
     "@vanilla-extract/recipes": "^0.5.7",
     "@vanilla-extract/sprinkles": "^1.6.5",
     "clsx": "^2.1.1",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
     "shadcn": "^4.11.0",
     "sonner": "^2.0.5",
     "tailwind-merge": "^3.3.1"
-  },
-  "devDependencies": {
-    "@blenx-dev/config": "0.0.0",
-    "@types/react": "^19.2.15",
-    "@types/react-dom": "^19.2.3",
-    "@vanilla-extract/vite-plugin": "^5.2.2",
-    "fs-extra": "^11.3.5",
-    "tailwindcss": "^4.1.18",
-    "typescript": "^6"
   }
-}
+}

package/{dist/utils → utils}/sprinkles.css.js

@@ -1,6 +1,6 @@
-/* empty css                                            */
+/* empty css                                   */
 /* empty css                         */
-import { createSprinkles } from "../node_modules/.bun/@vanilla-extract_sprinkles@1.6.5_19e937df7e0b57ed/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js";
+import { createSprinkles } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
 //#region src/utils/sprinkles.css.ts
 var gridSprinkles = createSprinkles({
 	conditions: {

package/.turbo/turbo-check-types.log

@@ -1 +0,0 @@
-$ tsc --noEmit