@collective-intelligence/ui-react 0.0.0-stage → 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { ClassValue, clsx } from 'clsx';
+
+export declare const themeTokens: {
+	readonly radius: {
+		readonly lg: "0.75rem";
+		readonly md: "0.5rem";
+		readonly sm: "0.25rem";
+	};
+	readonly spacing: {
+		readonly lg: "1.5rem";
+		readonly md: "1rem";
+		readonly sm: "0.5rem";
+		readonly xl: "2rem";
+		readonly xs: "0.25rem";
+	};
+};
+export type ThemeTokens = typeof themeTokens;
+export declare const cn: (...inputs: Parameters<typeof clsx>) => string;
+export declare const uiReactEntrypoint: "react";
+
+export {
+	ClassValue,
+};
+
+export {};

package/dist/index.js

@@ -0,0 +1 @@
+import{a as n}from"./index-f91yzwpm.js";import{Ih as y}from"./index-mtc4857g.js";import"./index-225zhfvs.js";var t="react";export{t as uiReactEntrypoint,n as themeTokens,y as cn};

package/dist/resources.d.ts

@@ -0,0 +1,138 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { CSSProperties, ElementType, InputHTMLAttributes, ReactNode } from 'react';
+
+export type ResourceColumn = Readonly<{
+	id: string;
+	label: ReactNode;
+}>;
+export type ResourceTablePrimitiveProps<Row> = Readonly<{
+	caption?: ReactNode;
+	className?: string;
+	columns: readonly ResourceColumn[];
+	empty?: ReactNode;
+	getRowKey: (row: Row) => string;
+	onRowClick?: (row: Row) => void;
+	renderActions?: (row: Row) => ReactNode;
+	actionsLabel?: string;
+	stickyActions?: boolean;
+	isPending?: boolean;
+	isRowSelected?: (row: Row) => boolean;
+	isRowExpanded?: (row: Row) => boolean;
+	onExpandedChange?: (row: Row, expanded: boolean) => void;
+	renderDetails?: (row: Row, expanded: boolean) => ReactNode;
+	renderContextMenu?: (row: Row) => ReactNode;
+	renderCell: (row: Row, column: ResourceColumn) => ReactNode;
+	rows: readonly Row[];
+	style?: CSSProperties;
+}>;
+export type ResourceListPrimitiveProps<Item> = Readonly<{
+	ariaLabel?: string;
+	className?: string;
+	empty?: ReactNode;
+	getItemKey: (item: Item) => string;
+	items: readonly Item[];
+	renderItem: (item: Item, index: number) => ReactNode;
+	renderContainer?: (children: ReactNode) => ReactNode;
+	style?: CSSProperties;
+}>;
+export type ResourceFilterPrimitiveProps = Readonly<{
+	className?: string;
+	inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "aria-label" | "onChange" | "value">;
+	label: string;
+	onChange: (value: string) => void;
+	style?: CSSProperties;
+	value: string;
+}>;
+export type ResourcePaginationPrimitiveProps = Readonly<{
+	className?: string;
+	currentPage?: number;
+	hasNextPage: boolean;
+	hasPreviousPage?: boolean;
+	isPending?: boolean;
+	nextLabel?: ReactNode;
+	onNext: () => void;
+	onPrevious: () => void;
+	onPageChange?: (page: number) => void;
+	totalPages?: number;
+	ellipsisLabel?: string;
+	previousLabel?: ReactNode;
+	style?: CSSProperties;
+}>;
+export type ResourceActionPrimitiveProps = Readonly<{
+	children: ReactNode;
+	className?: string;
+	components?: Readonly<{
+		Button?: ElementType;
+	}>;
+	disabled?: boolean;
+	pending?: boolean;
+	onClick?: () => void;
+	style?: CSSProperties;
+}>;
+export type ResourceDialogPrimitiveProps = Readonly<{
+	children: ReactNode;
+	className?: string;
+	components?: Readonly<{
+		Dialog?: ElementType;
+	}>;
+	open: boolean;
+	onOpenChange?: (open: boolean) => void;
+	description?: ReactNode;
+	style?: CSSProperties;
+	title: ReactNode;
+}>;
+export type ResourceValue = string | number | boolean | null | readonly ResourceValue[] | ResourceObject;
+export interface ResourceObject {
+	readonly [key: string]: ResourceValue;
+}
+/** Display-ready controls. Schema inference and registry selection belong to the consumer. */
+export type ResourceField = Readonly<{
+	name: string;
+	label: string;
+	control: "text" | "email" | "number" | "checkbox" | "date" | "datetime-local" | "select" | "custom";
+	required?: boolean;
+	readOnly?: boolean;
+	nullable?: boolean;
+	options?: readonly Readonly<{
+		label: string;
+		value: string | number | boolean;
+	}>[];
+}>;
+export type ResourceFieldControlProps = Readonly<{
+	field: ResourceField;
+	id: string;
+	value: ResourceValue | undefined;
+	disabled: boolean;
+	errorId?: string | undefined;
+	onChange: (value: ResourceValue) => void;
+}>;
+export type ResourceFormPrimitiveProps = Readonly<{
+	label: string;
+	fields: readonly ResourceField[];
+	values: Readonly<Record<string, ResourceValue>>;
+	errors?: Readonly<Record<string, string | undefined>>;
+	onChange: (name: string, value: ResourceValue) => void;
+	onSubmit: () => void;
+	onCancel?: () => void;
+	renderControl?: (props: ResourceFieldControlProps) => ReactNode;
+	pending?: boolean;
+	disabled?: boolean;
+	submitLabel?: ReactNode;
+	cancelLabel?: ReactNode;
+	error?: ReactNode;
+	className?: string;
+}>;
+export type ResourceFilterControl = Readonly<{
+	key: string;
+	fullWidth?: boolean;
+	control: ReactNode;
+}>;
+export type ResourceFiltersBarProps = Readonly<{
+	label?: ReactNode;
+	layout?: "stacked" | "inline";
+	controls: readonly ResourceFilterControl[];
+}>;
+export declare const ResourceActionPrimitive: ({ children, className, components, disabled, onClick, pending, style }: ResourceActionPrimitiveProps) => import("react").JSX.Element, ResourceDialogPrimitive: ({ children, className, components, open, onOpenChange, description, style, title }: ResourceDialogPrimitiveProps) => import("react").JSX.Element | null, ResourceFilterPrimitive: ({ className, inputProps, label, onChange, style, value }: ResourceFilterPrimitiveProps) => import("react").JSX.Element, ResourceFormPrimitive: ({ label, fields, values, errors, onChange, onSubmit, onCancel, renderControl, pending, disabled, submitLabel, cancelLabel, error, className }: ResourceFormPrimitiveProps) => import("react").JSX.Element, ResourceFiltersBar: ({ label, layout, controls }: ResourceFiltersBarProps) => import("react").JSX.Element | null, ResourceListPrimitive: <Item>({ ariaLabel, className, empty, getItemKey, items, renderItem, renderContainer, style }: ResourceListPrimitiveProps<Item>) => string | number | bigint | boolean | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined, ResourcePaginationPrimitive: ({ className, currentPage, hasNextPage, hasPreviousPage, isPending, nextLabel, onNext, onPrevious, onPageChange, totalPages, ellipsisLabel, previousLabel, style }: ResourcePaginationPrimitiveProps) => import("react").JSX.Element, ResourceTablePrimitive: <Row>({ caption, className, columns, empty, getRowKey, onRowClick, renderActions, actionsLabel, stickyActions, isPending, isRowSelected, isRowExpanded, onExpandedChange, renderDetails, renderContextMenu, renderCell, rows, style }: ResourceTablePrimitiveProps<Row>) => import("react").JSX.Element;
+
+export {};

package/dist/resources.js

@@ -0,0 +1,2 @@
+"use client";
+import{Ad as h,Bd as M,Cd as w,Dd as oe,Ed as A,Hc as K,Ic as V,Pc as G,dd as J,id as Q,md as U,nd as X,od as S,pd as Y,qd as Z,rd as F,vd as q,wd as x,xd as j,yd as ee}from"./index-eevg910d.js";import{ae as g}from"./index-gzgwcnnv.js";import{Hf as O,Jf as $}from"./index-fdh3nr3r.js";import"./index-mtc4857g.js";import{Mh as Ce}from"./index-225zhfvs.js";var L={};Ce(L,{ResourceTablePrimitive:()=>re,ResourcePaginationPrimitive:()=>ne,ResourceListPrimitive:()=>ie,ResourceFormPrimitive:()=>ce,ResourceFiltersBar:()=>pe,ResourceFilterPrimitive:()=>ae,ResourceDialogPrimitive:()=>se,ResourceActionPrimitive:()=>le});import{Fragment as te,useId as z}from"react";import{jsx as r,jsxs as y}from"react/jsx-runtime";var D=(...e)=>e.filter(Boolean).join(" "),Pe={border:"1px solid currentColor",borderRadius:"0.5rem",padding:"0.75rem"},re=({caption:e,className:i,columns:t,empty:n="No resources found",getRowKey:l,onRowClick:o,renderActions:s,actionsLabel:m="Actions",stickyActions:a=!0,isPending:c=!1,isRowSelected:N,isRowExpanded:d,onExpandedChange:v,renderDetails:R,renderContextMenu:p,renderCell:B,rows:I,style:Re})=>{let k=s!==void 0||R!==void 0,E=a?"sticky right-0 z-10 shadow-[-4px_0_8px_-6px_rgba(0,0,0,0.1)]":"";return y(x,{className:D("ci-resource-table",i),style:{borderCollapse:"collapse",width:"100%",...Re},children:[e?r(oe,{children:e}):null,r(j,{children:y(h,{children:[t.map((u)=>r(M,{scope:"col",children:u.label},u.id)),k?r(M,{className:E,children:r("span",{className:"sr-only",children:m})}):null]})}),r(ee,{children:I.length===0?r(h,{children:r(w,{className:"py-10",colSpan:Math.max(t.length+(k?1:0),1),children:n})}):I.map((u)=>{let C=d?.(u)??!1,H=R?.(u,C),_=!!H,W=y(h,{"data-state":N?.(u)?"selected":void 0,tabIndex:o?0:void 0,className:o?"cursor-pointer":void 0,onKeyDown:(P)=>{if(P.target===P.currentTarget&&(P.key==="Enter"||P.key===" "))P.preventDefault(),o?.(u)},onClick:(P)=>{if(P.target instanceof Element&&P.target.closest("[data-slot='row-actions']"))return;o?.(u)},children:[t.map((P)=>r(w,{children:B(u,P)},P.id)),k?y(w,{"data-slot":"row-actions",className:`flex gap-2 justify-end ${E}`,children:[s?.(u),_&&v?r(g,{type:"button",variant:"ghost",size:"icon","aria-label":C?"Collapse":"Expand","aria-expanded":C,disabled:c,onClick:()=>v(u,!C),children:C?r(O,{}):r($,{})}):null]}):null]},l(u));return y(te,{children:[p?y(K,{children:[r(V,{asChild:!0,children:W}),r(G,{children:p(u)})]}):W,_&&C?r(h,{className:"hover:bg-transparent",children:r(w,{colSpan:t.length+(k?1:0),children:H})}):null]},l(u))})})]})},ie=({ariaLabel:e="Resources",className:i,empty:t="No resources found",getItemKey:n,items:l,renderItem:o,renderContainer:s,style:m})=>s?s(l.length===0?t:l.map((a,c)=>r(te,{children:o(a,c)},n(a)))):r("ul",{"aria-label":e,className:D("ci-resource-list",i),style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"none",...m},children:l.length===0?r("li",{children:t}):l.map((a,c)=>r("li",{children:o(a,c)},n(a)))}),ae=({className:e,inputProps:i,label:t,onChange:n,style:l,value:o})=>r(S,{...i,"aria-label":t,className:D("ci-resource-filter",e),onChange:(s)=>{n(s.currentTarget.value)},style:l,type:"search",value:o}),ye=(e,i)=>{if(i<=7)return Array.from({length:i},(l,o)=>o+1);let t=Math.max(2,Math.min(e-1,i-3)),n=Math.min(i-1,Math.max(e+1,4));return[1,...t>2?[null]:[],...Array.from({length:n-t+1},(l,o)=>t+o),...n<i-1?[null]:[],i]},ne=({className:e,currentPage:i,hasNextPage:t,hasPreviousPage:n=!1,isPending:l=!1,nextLabel:o="Next",onNext:s,onPrevious:m,onPageChange:a,totalPages:c,ellipsisLabel:N="More pages",previousLabel:d="Previous",style:v})=>r(Y,{"aria-label":"Resource pagination",className:D("ci-resource-pagination",e),style:v,children:y(Z,{children:[r(F,{children:r(g,{variant:"ghost",disabled:!n||l,onClick:m,type:"button",children:d})}),i!==void 0&&c!==void 0&&a?ye(i,c).map((R,p)=>r(F,{children:R===null?r(q,{"aria-label":N}):r(g,{type:"button",size:"icon",variant:R===i?"outline":"ghost","aria-current":R===i?"page":void 0,disabled:l,onClick:()=>a(R),children:R})},R??`gap-${p}`)):null,i!==void 0&&(c===void 0||!a)?r(F,{children:y("span",{"aria-live":"polite",children:["Page ",i]})}):null,r(F,{children:r(g,{variant:"ghost",disabled:!t||l,onClick:s,type:"button",children:o})})]})}),le=({children:e,className:i,components:t,disabled:n=!1,onClick:l,pending:o=!1,style:s})=>{let m=t?.Button??g;return r(m,{"aria-busy":o,className:D("ci-resource-action",i),disabled:n||o,onClick:l,style:s,type:"button",children:e})},se=({children:e,className:i,components:t,open:n,onOpenChange:l,description:o,style:s,title:m})=>{let a=z(),c=z();if(!t?.Dialog)return r(J,{open:n,...l?{onOpenChange:l}:{},children:y(Q,{className:i,style:s,"aria-describedby":o?c:void 0,children:[r(U,{children:m}),o?r(X,{id:c,children:o}):null,e]})});if(!n)return null;let N=t.Dialog;return y(N,{open:n,"aria-labelledby":a,"aria-modal":"true",className:D("ci-resource-dialog",i),style:{...Pe,...s},children:[r("h2",{id:a,children:m}),e]})};import{useId as ge}from"react";import{jsx as b,jsxs as T}from"react/jsx-runtime";var be=(e)=>e===null||e===void 0?"":String(e),Ne=({field:e,id:i,value:t,disabled:n,errorId:l,onChange:o})=>{let s={"aria-describedby":l,"aria-invalid":l!==void 0,disabled:n,id:i,name:e.name,required:e.control!=="checkbox"&&e.required===!0&&t!==null};if(e.control==="select"){let m=e.options??[];return T("select",{...s,disabled:n||e.readOnly,className:"border-input bg-background h-9 w-full rounded-md border px-3 text-sm focus-visible:ring-ring focus-visible:ring-2",value:m.findIndex((a)=>a.value===t),onChange:(a)=>{let c=m[Number(a.currentTarget.value)];if(c)o(c.value)},children:[T("option",{value:-1,disabled:!0,children:["Select ",e.label]}),m.map((a,c)=>b("option",{value:c,children:a.label},c))]})}if(e.control==="checkbox")return b(S,{...s,className:"size-4",type:"checkbox",checked:t===!0,disabled:n||e.readOnly,onChange:(m)=>o(m.currentTarget.checked)});if(e.control==="custom")return T("p",{role:"alert",children:["A custom control is required for ",e.label,"."]});return b(S,{...s,readOnly:e.readOnly,type:e.control,value:be(t),onChange:(m)=>{let a=m.currentTarget;o(e.control==="number"&&a.value!==""?a.valueAsNumber:a.value)}})},ve=({field:e,value:i,error:t,disabled:n,onChange:l,renderControl:o})=>{let s=ge(),m=t?`${s}-error`:void 0,a={disabled:n,errorId:m,field:e,id:s,onChange:(c)=>{if(!n&&!e.readOnly)l(c)},value:i};return T("div",{className:"grid gap-2",children:[T(A,{htmlFor:s,children:[e.label,e.required?" *":""]}),e.control==="custom"&&o?o(a):b(Ne,{...a}),e.nullable?b(g,{"aria-label":`Clear ${e.label}`,type:"button",variant:"ghost",size:"sm",className:"justify-self-start",disabled:n||e.readOnly||i===null,onClick:()=>l(null),children:"Clear"}):null,t?b("p",{id:m,role:"alert",className:"text-destructive text-sm",children:t}):null]})},ce=({label:e,fields:i,values:t,errors:n,onChange:l,onSubmit:o,onCancel:s,renderControl:m,pending:a=!1,disabled:c=!1,submitLabel:N="Save",cancelLabel:d="Cancel",error:v,className:R})=>T("form",{"aria-label":e,"aria-busy":a,className:R??"grid gap-4",onSubmit:(p)=>{if(p.preventDefault(),!a&&!c)o()},children:[v?b("div",{role:"alert",className:"text-destructive text-sm",children:v}):null,i.map((p)=>b(ve,{field:p,value:t[p.name],error:n?.[p.name],disabled:c||a,onChange:(B)=>l(p.name,B),renderControl:m},p.name)),T("div",{"data-slot":"form-actions",className:"flex justify-end gap-2",children:[s?b(g,{type:"button",variant:"outline",disabled:a,onClick:s,children:d}):null,b(g,{type:"submit",disabled:c||a,children:N})]})]});import{jsx as f,jsxs as ue,Fragment as Te}from"react/jsx-runtime";var me=(e)=>f("div",{className:"contents",children:e.control},e.key),pe=({label:e="Filter by",layout:i="stacked",controls:t})=>{if(t.length===0)return null;let n=t.filter((o)=>!o.fullWidth),l=t.filter((o)=>o.fullWidth);return f("div",{className:"mb-4",children:i==="inline"?f("form",{className:"flex flex-wrap items-end gap-2",onSubmit:(o)=>o.preventDefault(),children:t.map(me)}):ue(Te,{children:[n.length>0?ue("form",{className:"flex flex-wrap gap-2 mb-2",onSubmit:(o)=>o.preventDefault(),children:[f(A,{className:"mt-3 mr-2",children:e}),n.map(me)]}):null,l.map((o)=>f("form",{className:"mb-2 last:mb-0",onSubmit:(s)=>s.preventDefault(),children:o.control},o.key))]})})};var{ResourceActionPrimitive:Ge,ResourceDialogPrimitive:Je,ResourceFilterPrimitive:Qe,ResourceFormPrimitive:Ue,ResourceFiltersBar:Xe,ResourceListPrimitive:Ye,ResourcePaginationPrimitive:Ze,ResourceTablePrimitive:qe}=L;export{qe as ResourceTablePrimitive,Ze as ResourcePaginationPrimitive,Ye as ResourceListPrimitive,Ue as ResourceFormPrimitive,Xe as ResourceFiltersBar,Qe as ResourceFilterPrimitive,Je as ResourceDialogPrimitive,Ge as ResourceActionPrimitive};

package/dist/tokens/theme.d.ts

@@ -0,0 +1,19 @@
+// Generated by dts-bundle-generator v9.5.1
+
+export declare const themeTokens: {
+	readonly radius: {
+		readonly lg: "0.75rem";
+		readonly md: "0.5rem";
+		readonly sm: "0.25rem";
+	};
+	readonly spacing: {
+		readonly lg: "1.5rem";
+		readonly md: "1rem";
+		readonly sm: "0.5rem";
+		readonly xl: "2rem";
+		readonly xs: "0.25rem";
+	};
+};
+export type ThemeTokens = typeof themeTokens;
+
+export {};

package/dist/tokens/theme.js

@@ -0,0 +1 @@
+import{a as j}from"../index-f91yzwpm.js";import"../index-225zhfvs.js";export{j as themeTokens};

package/dist/utils/cn.d.ts

@@ -0,0 +1,11 @@
+// Generated by dts-bundle-generator v9.5.1
+
+import { ClassValue, clsx } from 'clsx';
+
+export declare const cn: (...inputs: Parameters<typeof clsx>) => string;
+
+export {
+	ClassValue,
+};
+
+export {};

package/dist/utils/cn.js

@@ -0,0 +1 @@
+import{Ih as j}from"../index-mtc4857g.js";import"../index-225zhfvs.js";export{j as cn};

package/package.json

@@ -1,6 +1,194 @@
 {
   "name": "@collective-intelligence/ui-react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Public React primitives, design-system components, icons, illustrations, and utilities for Collective Intelligence applications.",
+  "type": "module",
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "ci-source": "./src/index.ts",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./resources": {
+      "ci-source": "./src/resources.ts",
+      "types": "./dist/resources.d.ts",
+      "import": "./dist/resources.js",
+      "default": "./dist/resources.js"
+    },
+    "./ui": {
+      "ci-source": "./src/components/ui/index.ts",
+      "types": "./dist/components/ui/index.d.ts",
+      "import": "./dist/components/ui/index.js",
+      "default": "./dist/components/ui/index.js"
+    },
+    "./ui-extensions": {
+      "ci-source": "./src/components/ui-extensions/index.ts",
+      "types": "./dist/components/ui-extensions/index.d.ts",
+      "import": "./dist/components/ui-extensions/index.js",
+      "default": "./dist/components/ui-extensions/index.js"
+    },
+    "./ui-extensions/theme-toggle": {
+      "ci-source": "./src/components/ui-extensions/atoms/ThemeToggle/index.tsx",
+      "types": "./dist/components/ui-extensions/atoms/ThemeToggle/index.d.ts",
+      "import": "./dist/components/ui-extensions/atoms/ThemeToggle/index.js",
+      "default": "./dist/components/ui-extensions/atoms/ThemeToggle/index.js"
+    },
+    "./icons": {
+      "ci-source": "./src/components/icons/index.tsx",
+      "types": "./dist/components/icons/index.d.ts",
+      "import": "./dist/components/icons/index.js",
+      "default": "./dist/components/icons/index.js"
+    },
+    "./illustrations": {
+      "ci-source": "./src/components/illustrations/index.tsx",
+      "types": "./dist/components/illustrations/index.d.ts",
+      "import": "./dist/components/illustrations/index.js",
+      "default": "./dist/components/illustrations/index.js"
+    },
+    "./hooks": {
+      "ci-source": "./src/hooks/index.ts",
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js",
+      "default": "./dist/hooks/index.js"
+    },
+    "./hooks/use-mobile": {
+      "ci-source": "./src/components/ui-extensions/hooks/use-mobile.ts",
+      "types": "./dist/components/ui-extensions/hooks/use-mobile.d.ts",
+      "import": "./dist/components/ui-extensions/hooks/use-mobile.js",
+      "default": "./dist/components/ui-extensions/hooks/use-mobile.js"
+    },
+    "./hooks/operations": {
+      "ci-source": "./src/hooks/operations.ts",
+      "types": "./dist/hooks/operations.d.ts",
+      "import": "./dist/hooks/operations.js",
+      "default": "./dist/hooks/operations.js"
+    },
+    "./hooks/useDebouncedCallback": {
+      "ci-source": "./src/hooks/use-debounced-callback.ts",
+      "types": "./dist/hooks/use-debounced-callback.d.ts",
+      "import": "./dist/hooks/use-debounced-callback.js",
+      "default": "./dist/hooks/use-debounced-callback.js"
+    },
+    "./hooks/useMountAction": {
+      "ci-source": "./src/hooks/use-mount-action.ts",
+      "types": "./dist/hooks/use-mount-action.d.ts",
+      "import": "./dist/hooks/use-mount-action.js",
+      "default": "./dist/hooks/use-mount-action.js"
+    },
+    "./utils/cn": {
+      "ci-source": "./src/utils/cn.ts",
+      "types": "./dist/utils/cn.d.ts",
+      "import": "./dist/utils/cn.js",
+      "default": "./dist/utils/cn.js"
+    },
+    "./tokens/theme": {
+      "ci-source": "./src/tokens/theme.ts",
+      "types": "./dist/tokens/theme.d.ts",
+      "import": "./dist/tokens/theme.js",
+      "default": "./dist/tokens/theme.js"
+    }
+  },
+  "scripts": {
+    "build": "bun tools/build.ts",
+    "test": "vitest run src test && bun test tools",
+    "test:pack": "bun tools/test-pack.ts",
+    "format": "oxfmt --write .",
+    "format:check": "oxfmt --check .",
+    "format:check:staged": "oxfmt --check",
+    "lint": "node \"../../../.agents/scripts/managed-lint-runner.mjs\" --scope \"packages/public/ui-react\"",
+    "lint:staged": "oxlint --no-error-on-unmatched-pattern",
+    "storybook": "storybook dev -p ${CI_STORYBOOK_PORT:-6006} --no-open",
+    "build-storybook": "storybook build",
+    "prepack": "bun run build",
+    "type-check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@hookform/resolvers": "^5.2.2",
+    "@mantine/hooks": "^9.0.2",
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.8",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@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",
+    "@radix-ui/react-menubar": "^1.1.16",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.8",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.577.0",
+    "radix-ui": "^1.4.3",
+    "react-day-picker": "^9.14.0",
+    "react-markdown": "^10.1.0",
+    "react-resizable-panels": "^4",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.0.2",
+    "vaul": "^1.1.2"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20",
+    "react-hook-form": "^7.72.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@oxlint/plugins": "1.85.0",
+    "@storybook/addon-a11y": "^10.4.6",
+    "@storybook/addon-docs": "^10.4.6",
+    "@storybook/addon-themes": "^10.4.6",
+    "@storybook/react": "^10.4.6",
+    "@storybook/react-vite": "^10.4.6",
+    "@tailwindcss/vite": "^4.1.18",
+    "@types/bun": "1.3.14",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "dts-bundle-generator": "9.5.1",
+    "eslint-plugin-react-you-might-not-need-an-effect": "latest",
+    "jsdom": "^28.1.0",
+    "oxfmt": "0.66.0",
+    "oxlint": "1.82.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-hook-form": "^7.72.1",
+    "storybook": "^10.4.6",
+    "tailwindcss": "^4.1.18",
+    "typescript": "5.9.3",
+    "ultracite": "7.10.7",
+    "vite": "^8.0.0",
+    "vitest": "4.1.10"
+  }
+}