@choice-ui/react 1.7.6 → 1.7.8

package/dist/styles/components.css

@@ -26,6 +26,9 @@
   --animate-spinner-bounce-right: spinner-bounce-right 0.5s infinite alternate ease;
   --animate-indeterminate-bar: indeterminate-bar 1.5s cubic-bezier(0.65, 0.815, 0.735, 0.395)
     infinite normal none running;
+
+  --theme-submit-btn-bg: var(--default-theme-submit-btn-bg);
+  --theme-submit-btn-text: var(--default-theme-submit-btn-text);
 }
 
 /* Base styles */
@@ -614,3 +617,55 @@
     }
   }
 }
+
+/* Colors styles */
+
+@layer components {
+  .input-fill {
+    @apply relative grid;
+    &::before {
+      @apply pointer-events-none z-2 h-6 rounded-md border border-transparent;
+      grid-row: 1 / 2;
+    }
+  }
+  .input-fill--hex {
+    grid-template-columns: 1fr;
+    grid-template-areas: "input-1";
+    &::before {
+      grid-column: 1 / 2;
+    }
+  }
+  .input-fill--hex-and-alpha {
+    grid-template-columns: 1fr 2px 52px;
+    grid-template-areas: "input-1 . input-2";
+    &::before {
+      grid-column: 1 / 4;
+    }
+  }
+  .input-fill--rgb {
+    grid-template-columns: 1fr 2px 1fr 2px 1fr;
+    grid-template-areas: "input-1 . input-2 . input-3";
+    &::before {
+      grid-column: 1 / 6;
+    }
+  }
+  .input-fill--rgb-and-alpha {
+    grid-template-columns: 1fr 2px 1fr 2px 1fr 2px 48px;
+    grid-template-areas: "input-1 . input-2 . input-3 . input-4";
+    &::before {
+      grid-column: 1 / 8;
+    }
+  }
+}
+
+/* Submit button theme variables */
+:root {
+  --default-theme-submit-btn-bg: #000;
+  --default-theme-submit-btn-text: #fff;
+}
+
+.dark,
+.light .dark {
+  --default-theme-submit-btn-bg: #fff;
+  --default-theme-submit-btn-text: #000;
+}

package/dist/tailwind.css

@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @plugin "@tailwindcss/typography";
+@plugin "@choice-ui/grid-areas";
 
 @import "@choice-ui/design-tokens/tokens.css";
 @import "@choice-ui/design-tokens/preflight.css";

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@choice-ui/react",
-  "version": "1.7.6",
+  "version": "1.7.8",
   "description": "A desktop-first React UI component library built for professional desktop applications with comprehensive documentation",
   "sideEffects": false,
   "type": "module",
   "source": "./app/index.ts",
   "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "types": "./app/index.ts",
   "files": [
     "dist",
     "README.md",
@@ -14,7 +14,7 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./app/index.ts",
       "import": "./dist/index.js"
     },
     "./styles/*": "./dist/styles/*",
@@ -22,10 +22,36 @@
     "./llms.txt": "./dist/llms.txt"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "types": "./dist/index.d.ts",
+    "main": "./dist/index.js",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js"
+      },
+      "./styles/*": "./dist/styles/*",
+      "./tailwind.css": "./dist/tailwind.css",
+      "./llms.txt": "./dist/llms.txt"
+    }
+  },
+  "scripts": {
+    "build": "pnpm run clean && pnpm --filter @choice-ui/shared build && vite build",
+    "build:watch": "vite build --watch",
+    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
+    "lint": "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .",
+    "lint:types": "tsc",
+    "clean": "rimraf dist",
+    "prepublishOnly": "pnpm run build",
+    "plop": "pnpm dlx plop",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "madge": "npx madge --circular --extensions ts app/"
   },
   "dependencies": {
     "@choiceform/icons-react": "^1.3.8",
+    "@choice-ui/design-tokens": "workspace:*",
     "classnames": "^2.5.1",
     "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^3.1.0",
@@ -59,8 +85,7 @@
     "remark-breaks": "^4.0.0",
     "remark-math": "^6.0.0",
     "harden-react-markdown": "^1.0.4",
-    "shiki": "^3.9.2",
-    "@choice-ui/design-tokens": "0.2.13"
+    "shiki": "^3.9.2"
   },
   "devDependencies": {
     "@babel/core": "^7.27.1",
@@ -111,18 +136,5 @@
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
-  },
-  "scripts": {
-    "build": "pnpm run clean && pnpm --filter @choice-ui/shared build && vite build",
-    "build:watch": "vite build --watch",
-    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
-    "lint": "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .",
-    "lint:types": "tsc",
-    "clean": "rimraf dist",
-    "plop": "pnpm dlx plop",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
-    "madge": "npx madge --circular --extensions ts app/"
   }
-}
+}

package/dist/components/virtual-select/dist/index.d.ts

@@ -1,48 +0,0 @@
-import { MenuContextContent, MenuDivider, MenuEmpty, MenuContextItem, MenuSearch, MenuTrigger, MenuValue } from '../../menus/src';
-import { FloatingFocusManagerProps } from '@floating-ui/react';
-import { default as React } from 'react';
-interface VirtualSelectOption<T = unknown> {
-    value: string;
-    label: string;
-    disabled?: boolean;
-    data?: T;
-}
-interface VirtualSelectProps<T = unknown> {
-    className?: string;
-    closeOnEscape?: boolean;
-    disabled?: boolean;
-    emptyText?: string;
-    focusManagerProps?: Partial<FloatingFocusManagerProps>;
-    matchTriggerWidth?: boolean;
-    maxHeight?: number;
-    onChange?: (value: string) => void;
-    onOpenChange?: (open: boolean) => void;
-    open?: boolean;
-    options: VirtualSelectOption<T>[];
-    overscan?: number;
-    placeholder?: string;
-    placement?: "bottom-start" | "bottom-end";
-    portalId?: string;
-    readOnly?: boolean;
-    renderOption?: (option: VirtualSelectOption<T>, isSelected: boolean) => React.ReactNode;
-    renderValue?: (option: VirtualSelectOption<T> | null) => React.ReactNode;
-    root?: HTMLElement | null;
-    searchPlaceholder?: string;
-    size?: "default" | "large";
-    value?: string | null;
-    variant?: "default" | "light" | "reset";
-}
-interface VirtualSelectComponentType {
-    <T = unknown>(props: VirtualSelectProps<T>): React.ReactElement | null;
-    displayName?: string;
-    Content: typeof MenuContextContent;
-    Divider: typeof MenuDivider;
-    Empty: typeof MenuEmpty;
-    Item: typeof MenuContextItem;
-    Search: typeof MenuSearch;
-    Trigger: typeof MenuTrigger;
-    Value: typeof MenuValue;
-}
-declare const VirtualSelect: VirtualSelectComponentType;
-
-export { VirtualSelect, type VirtualSelectOption, type VirtualSelectProps };