@pycolors/ui 1.0.6 → 1.1.1

package/README.md

@@ -4,41 +4,74 @@
 
 # @pycolors/ui
 
+Production-ready UI primitives for modern SaaS apps — built for
+**speed**, **consistency**, and **real-world patterns**.
+
+👉 Docs: https://pycolors.io/docs \
+👉 Discussions: https://github.com/pycolors-io/pycolors-ui/discussions
+
+------------------------------------------------------------------------
+
 ## Status
 
-✅ Production-ready for modern SaaS starters
-⚡ Actively maintained
+✅ Production-ready for modern SaaS starters\
+⚡ Actively maintained\
 🔁 Automated releases from the PyColors monorepo
 
+------------------------------------------------------------------------
 
 > ⚠️ **Read-only mirror**
 >
-> This repository is automatically synced from the **PyColors monorepo**.\
-> **Source of truth:** https://github.com/pycolors-io/pycolors/tree/main/packages/ui
+> This repository is automatically synced from the **PyColors
+> monorepo**.\
+> **Source of truth:**
+> https://github.com/pycolors-io/pycolors/tree/main/packages/ui
 >
-> 👉 Please open issues and pull requests here — they are synced upstream.
+> You can safely open **Issues and Discussions here** --- they are part
+> of the public community surface.
+
+------------------------------------------------------------------------
 
-Production-ready UI primitives for modern SaaS apps — built for **speed**, **consistency**, and **real-world patterns**.
+## Why PyColors UI?
+
+PyColors UI is a **documentation-first design system** focused on one
+goal:
+
+👉 **Help developers ship SaaS interfaces faster.**
+
+It prioritizes:
+
+-   clarity over cleverness
+-   consistency over trendiness
+-   production readiness over demos
+
+If it helps you ship faster, it belongs here.
+
+------------------------------------------------------------------------
 
-- Accessible defaults (Radix + sane patterns)
-- Tailwind-friendly (tokens-driven styling)
-- “Starter-grade” components: Tables, Dialogs, Sheets, Alerts, Tabs…
-- Designed to power the **PyColors SaaS Starter** and future Pro templates
+## Community 💬
 
----
+Questions, feedback, ideas, or showcase your product:
+
+👉 https://github.com/pycolors-io/pycolors-ui/discussions
+
+We especially love seeing **real products built with PyColors**.
+
+------------------------------------------------------------------------
 
 ## Release & publishing
 
 This repository is a **distribution mirror**.
 
-- **NPM publishing** happens from the **PyColors monorepo** (Changesets).
-- This mirror receives version bumps (`package.json`) + `CHANGELOG.md` via sync PRs.
-- A GitHub Release is automatically created/updated on this repo when `package.json` + `CHANGELOG.md` change on `main`.
+-   NPM publishing happens from the **PyColors monorepo** (Changesets)
+-   This mirror receives version bumps + CHANGELOG via sync PRs
+-   A GitHub Release is automatically created when `package.json` and
+    `CHANGELOG.md` change on `main`
 
-If you want to propose changes, please contribute to the monorepo source of truth:
+If you want to propose changes, contribute to the monorepo:
 https://github.com/pycolors-io/pycolors/tree/main/packages/ui
 
----
+------------------------------------------------------------------------
 
 ## Install
 
@@ -50,14 +83,16 @@ npm i @pycolors/ui
 yarn add @pycolors/ui
 ```
 
-## Peer dependencies
+------------------------------------------------------------------------
 
-This library expects React + lucide-react:
+## Peer dependencies
 
 ``` bash
 pnpm add react react-dom lucide-react
 ```
 
+------------------------------------------------------------------------
+
 ## Quick usage
 
 ``` tsx
@@ -77,9 +112,11 @@ export function Example() {
 }
 ```
 
+------------------------------------------------------------------------
+
 ## What's inside (v1)
 
-Exports currently include:
+Starter-grade components focused on real SaaS interfaces:
 
 -   Button
 -   Card
@@ -98,15 +135,15 @@ Exports currently include:
 -   EmptyState
 -   cn / utils
 
-This is intentionally small and "starter-first": the goal is to ship a
-credible SaaS UX surface quickly, then expand.
+The library is intentionally **small and starter-first**:\
+ship fast → expand with real usage.
 
 ------------------------------------------------------------------------
 
 ## Design approach
 
-PyColors UI is not "just components".\
-It's a product system:
+PyColors UI is not just components.\
+It's a **product system** built around real SaaS needs:
 
 -   predictable layout primitives
 -   consistent tokens + spacing
@@ -117,21 +154,26 @@ It's a product system:
 
 ## Roadmap
 
-Next planned steps:
+Next steps:
 
--   `@pycolors/tokens` (CSS variables + semantic tokens)
 -   richer form primitives (Select, Checkbox, Radio, Switch)
--   "Pro" layer: advanced components/patterns for paid templates
+-   advanced SaaS patterns
+-   Pro layer for premium starters & templates
+
+Full roadmap → https://pycolors.io/roadmap
 
 ------------------------------------------------------------------------
 
 ## License
 
-MIT (unless you decide otherwise).
+MIT
 
 ------------------------------------------------------------------------
 
 ## Links
 
--   PyColors: https://pycolors.io
--   Starters: https://pycolors.io/starters
+Website → https://pycolors.io \
+Docs → https://pycolors.io/docs \
+Starters → https://pycolors.io/starters \
+Roadmap → https://pycolors.io/roadmap \
+Discussions → https://github.com/pycolors-io/pycolors-ui/discussions

package/dist/components/ui/badge.js

@@ -12,7 +12,7 @@ const badgeVariants = cva('inline-flex items-center gap-1 rounded-full border px
             secondary: 'border-transparent bg-secondary text-secondary-foreground',
             muted: 'border-transparent bg-muted text-muted-foreground',
             outline: 'border-border bg-background text-foreground',
-            success: 'border-transparent bg-success text-success-foreground',
+            success: 'border-transparent bg-success text-success-foreground text-primary-foreground',
             warning: 'border-transparent bg-warning text-warning-foreground',
             destructive: 'border-transparent bg-destructive text-destructive-foreground',
         },

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+export type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type CheckboxFieldProps = React.HTMLAttributes<HTMLDivElement>;
+declare function CheckboxField({ className, ...props }: Readonly<CheckboxFieldProps>): import("react/jsx-runtime").JSX.Element;
+export type CheckboxContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare function CheckboxContent({ className, ...props }: Readonly<CheckboxContentProps>): import("react/jsx-runtime").JSX.Element;
+export type CheckboxLabelProps = React.LabelHTMLAttributes<HTMLLabelElement>;
+declare function CheckboxLabel({ className, ...props }: Readonly<CheckboxLabelProps>): import("react/jsx-runtime").JSX.Element;
+export type CheckboxDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
+declare function CheckboxDescription({ className, ...props }: Readonly<CheckboxDescriptionProps>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox, CheckboxField, CheckboxContent, CheckboxLabel, CheckboxDescription, };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/ui/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAS9D,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CACxD,OAAO,iBAAiB,CAAC,IAAI,CAC9B,CAAC;AAEF,QAAA,MAAM,QAAQ,iKA+BZ,CAAC;AAOH,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEtE,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,kBAAkB,CAAC,2CAQ9B;AAED,MAAM,MAAM,oBAAoB,GAC9B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvC,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAQhC;AAED,MAAM,MAAM,kBAAkB,GAC5B,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAE9C,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,kBAAkB,CAAC,2CAa9B;AAED,MAAM,MAAM,wBAAwB,GAClC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvC,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,wBAAwB,CAAC,2CAYpC;AAMD,OAAO,EACL,QAAQ,EACR,aAAa,EACb,eAAe,EACf,aAAa,EACb,mBAAmB,GACpB,CAAC"}

package/dist/components/ui/checkbox.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { Check, Minus } from 'lucide-react';
+import { cn } from '../../lib/utils.js';
+const Checkbox = React.forwardRef(({ className, checked, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, "data-slot": "checkbox", checked: checked, className: cn('peer mt-0.5 size-4 shrink-0 rounded-sm border border-input bg-background shadow-xs transition-colors', 'hover:border-foreground/30', 'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', 'disabled:cursor-not-allowed disabled:opacity-50', 'data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground', 'data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground', 'aria-invalid:border-destructive aria-invalid:ring-destructive/20', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current", children: checked === 'indeterminate' ? (_jsx(Minus, { className: "size-3", "aria-hidden": "true" })) : (_jsx(Check, { className: "size-3", "aria-hidden": "true" })) }) })));
+Checkbox.displayName = 'Checkbox';
+function CheckboxField({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "checkbox-field", className: cn('flex items-start gap-3', className), ...props }));
+}
+function CheckboxContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "checkbox-content", className: cn('grid min-w-0 gap-1', className), ...props }));
+}
+function CheckboxLabel({ className, ...props }) {
+    return (_jsx("label", { "data-slot": "checkbox-label", className: cn('block cursor-pointer text-sm font-medium leading-5 text-foreground', 'peer-disabled:cursor-not-allowed peer-disabled:opacity-50', '[&_p]:m-0 [&_p]:text-sm [&_p]:font-medium [&_p]:leading-5 [&_p]:text-foreground', className), ...props }));
+}
+function CheckboxDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "checkbox-description", className: cn('text-sm leading-5 text-muted-foreground', '[&_p]:m-0 [&_p]:text-sm [&_p]:leading-5 [&_p]:text-muted-foreground', className), ...props }));
+}
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { Checkbox, CheckboxField, CheckboxContent, CheckboxLabel, CheckboxDescription, };

package/dist/components/ui/separator.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+    decorative?: boolean;
+}
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

package/dist/components/ui/separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,SAAS,uFAkCd,CAAC;AAOF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/ui/separator.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+const Separator = React.forwardRef(({ className, orientation = 'horizontal', decorative = true, ...props }, ref) => {
+    const semanticProps = decorative
+        ? { role: 'none' }
+        : {
+            role: 'separator',
+            'aria-orientation': orientation,
+        };
+    return (_jsx("div", { ref: ref, "data-slot": "separator", "data-orientation": orientation, className: cn('shrink-0 bg-border', orientation === 'horizontal'
+            ? 'h-px w-full'
+            : 'h-full w-px', className), ...semanticProps, ...props }));
+});
+Separator.displayName = 'Separator';
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { Separator };

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const textareaVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+    hasError?: boolean | null | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TextareaSize = 'sm' | 'md' | 'lg';
+export type TextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, VariantProps<typeof textareaVariants> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    size?: TextareaSize;
+    resize?: TextareaResize;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea, textareaVariants };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/ui/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,gBAAgB;;;;8EA0BrB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,cAAc,GACtB,MAAM,GACN,UAAU,GACV,YAAY,GACZ,MAAM,CAAC;AAEX,MAAM,WAAW,aACf,SACE,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,EAC/D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,QAAA,MAAM,QAAQ,2FA0Fb,CAAC;AAIF,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ui/textarea.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+const textareaVariants = cva('flex min-h-24 w-full rounded-md border bg-background px-3.5 py-2.5 text-sm ring-offset-background transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', {
+    variants: {
+        size: {
+            sm: 'min-h-20 px-3 py-2 text-sm',
+            md: 'min-h-24 px-3.5 py-2.5 text-sm',
+            lg: 'min-h-32 px-4 py-3 text-base',
+        },
+        hasError: {
+            false: 'border-input',
+            true: 'border-destructive focus-visible:ring-destructive',
+        },
+        resize: {
+            none: 'resize-none',
+            vertical: 'resize-y',
+            horizontal: 'resize-x',
+            both: 'resize',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        hasError: false,
+        resize: 'vertical',
+    },
+});
+const Textarea = React.forwardRef(({ label, helperText, error, className, size, resize, id, disabled, required, ...props }, ref) => {
+    const generatedId = React.useId();
+    const textareaId = id ?? generatedId;
+    const describedByIds = [];
+    if (helperText && !error) {
+        describedByIds.push(`${textareaId}-helper`);
+    }
+    if (error) {
+        describedByIds.push(`${textareaId}-error`);
+    }
+    const describedBy = describedByIds.length > 0
+        ? describedByIds.join(' ')
+        : undefined;
+    return (_jsxs("div", { className: "w-full", children: [label ? (_jsxs("label", { htmlFor: textareaId, className: "mb-1 block text-sm font-medium text-foreground", children: [label, required ? (_jsx("span", { className: "ml-1 text-destructive", children: "*" })) : null] })) : null, _jsx("textarea", { id: textareaId, ref: ref, disabled: disabled, required: required, "aria-invalid": !!error, "aria-describedby": describedBy, "aria-errormessage": error ? `${textareaId}-error` : undefined, "aria-required": required ? true : undefined, className: cn(textareaVariants({
+                    size,
+                    resize,
+                    hasError: !!error,
+                }), className), ...props }), helperText && !error ? (_jsx("p", { id: `${textareaId}-helper`, className: "mt-1 text-xs text-muted-foreground", children: helperText })) : null, error ? (_jsx("p", { id: `${textareaId}-error`, className: "mt-1 text-xs text-destructive", children: error })) : null] }));
+});
+Textarea.displayName = 'Textarea';
+export { Textarea, textareaVariants };

package/dist/index.d.ts

@@ -1,17 +1,20 @@
 export * from './components/ui/button.js';
 export * from './components/ui/card.js';
+export * from './components/ui/checkbox.js';
 export * from './components/ui/badge.js';
 export * from './components/ui/input.js';
 export * from './components/ui/skeleton.js';
 export * from './components/ui/empty-state.js';
 export * from './components/ui/alert.js';
 export * from './components/ui/dialog.js';
+export * from './components/ui/separator.js';
 export * from './components/ui/sheet.js';
 export * from './components/ui/dropdown-menu.js';
 export * from './components/ui/tabs.js';
 export * from './components/ui/toast.js';
 export * from './components/ui/pagination.js';
 export * from './components/ui/table.js';
+export * from './components/ui/textarea.js';
 export * from './components/ui/password-input.js';
 export * from './lib/utils.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -1,16 +1,19 @@
 export * from './components/ui/button.js';
 export * from './components/ui/card.js';
+export * from './components/ui/checkbox.js';
 export * from './components/ui/badge.js';
 export * from './components/ui/input.js';
 export * from './components/ui/skeleton.js';
 export * from './components/ui/empty-state.js';
 export * from './components/ui/alert.js';
 export * from './components/ui/dialog.js';
+export * from './components/ui/separator.js';
 export * from './components/ui/sheet.js';
 export * from './components/ui/dropdown-menu.js';
 export * from './components/ui/tabs.js';
 export * from './components/ui/toast.js';
 export * from './components/ui/pagination.js';
 export * from './components/ui/table.js';
+export * from './components/ui/textarea.js';
 export * from './components/ui/password-input.js';
 export * from './lib/utils.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pycolors/ui",
-  "version": "1.0.6",
+  "version": "1.1.1",
   "description": "Production-ready UI primitives for modern SaaS apps (Radix + Tailwind-friendly).",
   "keywords": [
     "pycolors",
@@ -42,9 +42,9 @@
     "access": "public"
   },
   "peerDependencies": {
+    "lucide-react": ">=0.300.0",
     "react": ">=18",
-    "react-dom": ">=18",
-    "lucide-react": ">=0.300.0"
+    "react-dom": ">=18"
   },
   "peerDependenciesMeta": {
     "lucide-react": {
@@ -53,6 +53,7 @@
   },
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-slot": "^1.2.4",
@@ -63,13 +64,13 @@
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
+    "@pycolors/eslint-config": "^1.0.0",
+    "@pycolors/typescript-config": "^1.0.0",
     "@types/node": "^22.15.3",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
     "eslint": "^9.39.1",
-    "typescript": "5.9.2",
-    "@repo/eslint-config": "0.0.0",
-    "@repo/typescript-config": "0.0.0"
+    "typescript": "5.9.2"
   },
   "scripts": {
     "clean": "rm -rf dist",