@shepai/cli 1.27.0 → 1.28.0

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,yBAAyB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,yBAAyB,EAAE,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjE,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CAqTpB"}
+{"version":3,"file":"use-control-center-state.d.ts","sourceRoot":"","sources":["../../../../../../../src/presentation/web/components/features/control-center/use-control-center-state.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAmB,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAEhF,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;IACrC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,aAAa,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,cAAc,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,yBAAyB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD,yBAAyB,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9D,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAID,wBAAgB,qBAAqB,CACnC,YAAY,EAAE,cAAc,EAAE,EAC9B,YAAY,EAAE,IAAI,EAAE,GACnB,kBAAkB,CA4SpB"}

package/dist/src/presentation/web/components/features/control-center/use-control-center-state.js

@@ -169,22 +169,12 @@ export function useControlCenterState(initialNodes, initialEdges) {
         setIsCreateDrawerOpen(true);
     }, []);
     const handleCreateFeatureSubmit = useCallback(async (data) => {
-        if (!pendingRepoNodeId) {
-            toast.error('Please create the feature from a repository node.');
-            return;
-        }
-        const repositoryPath = pendingRepoNodeId.replace(/^repo-/, '');
         setIsSubmitting(true);
         try {
             const response = await fetch('/api/features/create', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({
-                    name: data.name,
-                    description: data.description || '',
-                    repositoryPath,
-                    attachments: data.attachments,
-                }),
+                body: JSON.stringify(data),
             });
             if (!response.ok) {
                 const body = await response.json();
@@ -202,7 +192,7 @@ export function useControlCenterState(initialNodes, initialEdges) {
         finally {
             setIsSubmitting(false);
         }
-    }, [pendingRepoNodeId, router]);
+    }, [router]);
     const closeCreateDrawer = useCallback(() => {
         setIsCreateDrawerOpen(false);
     }, []);
@@ -252,12 +242,14 @@ export function useControlCenterState(initialNodes, initialEdges) {
                 .concat(newNode);
         });
     }, []);
+    const pendingRepositoryPath = pendingRepoNodeId?.replace(/^repo-/, '') ?? '';
     return {
         nodes,
         edges,
         selectedNode,
         isCreateDrawerOpen,
         isSubmitting,
+        pendingRepositoryPath,
         onNodesChange,
         handleConnect,
         clearSelection,

package/dist/src/presentation/web/components/ui/checkbox-group-item.d.ts

@@ -0,0 +1,11 @@
+export interface CheckboxGroupItemProps {
+    id: string;
+    label: string;
+    description?: string;
+    checked: boolean;
+    onCheckedChange: (checked: boolean) => void;
+    disabled?: boolean;
+}
+declare function CheckboxGroupItem({ id, label, description, checked, onCheckedChange, disabled, }: CheckboxGroupItemProps): import("react/jsx-runtime").JSX.Element;
+export { CheckboxGroupItem };
+//# sourceMappingURL=checkbox-group-item.d.ts.map

package/dist/src/presentation/web/components/ui/checkbox-group-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-item.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/checkbox-group-item.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,EACzB,EAAE,EACF,KAAK,EACL,WAAW,EACX,OAAO,EACP,eAAe,EACf,QAAQ,GACT,EAAE,sBAAsB,2CAsBxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/checkbox-group-item.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from '../ui/checkbox.js';
+import { Label } from '../ui/label.js';
+function CheckboxGroupItem({ id, label, description, checked, onCheckedChange, disabled, }) {
+    return (_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Checkbox, { id: id, className: "mt-0.75", checked: checked, onCheckedChange: (v) => onCheckedChange(v === true), disabled: disabled }), _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx(Label, { htmlFor: id, className: "cursor-pointer text-sm font-medium", children: label }), description ? (_jsx(Label, { htmlFor: id, className: "text-muted-foreground cursor-pointer text-xs font-normal", children: description })) : null] })] }));
+}
+export { CheckboxGroupItem };

package/dist/src/presentation/web/components/ui/checkbox-group-item.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CheckboxGroupItem } from './checkbox-group-item.js';
+/**
+ * **CheckboxGroupItem** renders a single checkbox row with a label and optional
+ * description. It is the building block used inside `CheckboxGroup` but can
+ * also be used standalone when you need a labelled checkbox with a description.
+ */
+declare const meta: Meta<typeof CheckboxGroupItem>;
+export default meta;
+type Story = StoryObj<typeof CheckboxGroupItem>;
+/** Unchecked item with label only. */
+export declare const Default: Story;
+/** Item with label and description text. */
+export declare const WithDescription: Story;
+/** Disabled state — both checked and unchecked. */
+export declare const Disabled: Story;
+//# sourceMappingURL=checkbox-group-item.stories.d.ts.map

package/dist/src/presentation/web/components/ui/checkbox-group-item.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group-item.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/checkbox-group-item.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D;;;;GAIG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAKxC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,sCAAsC;AACtC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC;AAEF,mDAAmD;AACnD,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAC"}

package/dist/src/presentation/web/components/ui/checkbox-group-item.stories.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { CheckboxGroupItem } from './checkbox-group-item.js';
+/**
+ * **CheckboxGroupItem** renders a single checkbox row with a label and optional
+ * description. It is the building block used inside `CheckboxGroup` but can
+ * also be used standalone when you need a labelled checkbox with a description.
+ */
+const meta = {
+    title: 'Primitives/CheckboxGroupItem',
+    component: CheckboxGroupItem,
+    parameters: { layout: 'centered' },
+    tags: ['autodocs'],
+};
+export default meta;
+/** Unchecked item with label only. */
+export const Default = {
+    render: function Render() {
+        const [checked, setChecked] = useState(false);
+        return (_jsx(CheckboxGroupItem, { id: "demo", label: "Enable notifications", checked: checked, onCheckedChange: setChecked }));
+    },
+};
+/** Item with label and description text. */
+export const WithDescription = {
+    render: function Render() {
+        const [checked, setChecked] = useState(false);
+        return (_jsx(CheckboxGroupItem, { id: "demo-desc", label: "Auto-approve PRD", description: "Automatically approve requirements and move to planning.", checked: checked, onCheckedChange: setChecked }));
+    },
+};
+/** Disabled state — both checked and unchecked. */
+export const Disabled = {
+    render: () => (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(CheckboxGroupItem, { id: "disabled-off", label: "Disabled unchecked", description: "Cannot be toggled.", checked: false, onCheckedChange: () => undefined, disabled: true }), _jsx(CheckboxGroupItem, { id: "disabled-on", label: "Disabled checked", description: "Cannot be toggled.", checked: true, onCheckedChange: () => undefined, disabled: true })] })),
+};

package/dist/src/presentation/web/components/ui/checkbox-group.d.ts

@@ -0,0 +1,21 @@
+export interface CheckboxGroupOption {
+    id: string;
+    label: string;
+    description?: string;
+}
+export interface CheckboxGroupProps {
+    /** Visible group label rendered next to the parent checkbox. */
+    label: string;
+    /** Optional description rendered below the parent label. */
+    description?: string;
+    /** Accessible name for the parent checkbox (used as aria-label). */
+    parentAriaLabel?: string;
+    options: CheckboxGroupOption[];
+    /** Record mapping option id → checked state. */
+    value: Record<string, boolean>;
+    onValueChange: (value: Record<string, boolean>) => void;
+    disabled?: boolean;
+}
+declare function CheckboxGroup({ label, description, parentAriaLabel, options, value, onValueChange, disabled, }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export { CheckboxGroup };
+//# sourceMappingURL=checkbox-group.d.ts.map

package/dist/src/presentation/web/components/ui/checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/checkbox-group.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,eAAe,EACf,OAAO,EACP,KAAK,EACL,aAAa,EACb,QAAQ,GACT,EAAE,kBAAkB,2CA+DpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/checkbox-group.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from '../ui/checkbox.js';
+import { Label } from '../ui/label.js';
+import { CheckboxGroupItem } from '../ui/checkbox-group-item.js';
+function CheckboxGroup({ label, description, parentAriaLabel, options, value, onValueChange, disabled, }) {
+    const selectedCount = options.filter((o) => value[o.id]).length;
+    const parentChecked = selectedCount === options.length;
+    const parentIndeterminate = selectedCount > 0 && !parentChecked;
+    const handleParentToggle = () => {
+        const target = selectedCount < options.length;
+        const next = {};
+        for (const o of options) {
+            next[o.id] = target;
+        }
+        onValueChange(next);
+    };
+    const handleItemChange = (id, checked) => {
+        onValueChange({ ...value, [id]: checked });
+    };
+    const parentId = `${label.toLowerCase().replace(/\s+/g, '-')}-group`;
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx(Checkbox, { id: parentId, className: "mt-0.75", checked: parentIndeterminate ? 'indeterminate' : parentChecked, onCheckedChange: handleParentToggle, disabled: disabled, "aria-label": parentAriaLabel ?? `${label} select all` }), _jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx(Label, { htmlFor: parentId, className: "cursor-pointer text-sm font-medium", children: label }), description ? (_jsx(Label, { htmlFor: parentId, className: "text-muted-foreground cursor-pointer text-xs font-normal", children: description })) : null] })] }), _jsx("div", { className: "flex flex-col gap-3 pl-6", children: options.map((option) => (_jsx(CheckboxGroupItem, { id: option.id, label: option.label, description: option.description, checked: value[option.id] ?? false, onCheckedChange: (checked) => handleItemChange(option.id, checked), disabled: disabled }, option.id))) })] }));
+}
+export { CheckboxGroup };

package/dist/src/presentation/web/components/ui/checkbox-group.stories.d.ts

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { CheckboxGroup } from './checkbox-group.js';
+/**
+ * **CheckboxGroup** is a tri-state parent checkbox with child items.
+ *
+ * - **Parent unchecked**: no children selected. Click → selects all.
+ * - **Parent checked**: all children selected. Click → deselects all.
+ * - **Parent indeterminate** (dash): some children selected. Click → selects all.
+ *
+ * Built on `Checkbox` and `CheckboxGroupItem`.
+ */
+declare const meta: Meta<typeof CheckboxGroup>;
+export default meta;
+type Story = StoryObj<typeof CheckboxGroup>;
+/** All unchecked — parent shows empty checkbox. */
+export declare const AllUnchecked: Story;
+/** All checked — parent shows checkmark. */
+export declare const AllChecked: Story;
+/** Partial selection — parent shows indeterminate dash. */
+export declare const Indeterminate: Story;
+/** Disabled state — all controls non-interactive. */
+export declare const Disabled: Story;
+//# sourceMappingURL=checkbox-group.stories.d.ts.map

package/dist/src/presentation/web/components/ui/checkbox-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/checkbox-group.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQjD;;;;;;;;GAQG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAKpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,mDAAmD;AACnD,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC"}

package/dist/src/presentation/web/components/ui/checkbox-group.stories.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { CheckboxGroup } from './checkbox-group.js';
+const DEMO_OPTIONS = [
+    { id: 'prd', label: 'PRD', description: 'Auto-approve requirements move to planning.' },
+    { id: 'plan', label: 'Plan', description: 'Auto-approve planning move to implementation.' },
+    { id: 'merge', label: 'Merge', description: 'Auto-approve merge move to Done.' },
+];
+/**
+ * **CheckboxGroup** is a tri-state parent checkbox with child items.
+ *
+ * - **Parent unchecked**: no children selected. Click → selects all.
+ * - **Parent checked**: all children selected. Click → deselects all.
+ * - **Parent indeterminate** (dash): some children selected. Click → selects all.
+ *
+ * Built on `Checkbox` and `CheckboxGroupItem`.
+ */
+const meta = {
+    title: 'Primitives/CheckboxGroup',
+    component: CheckboxGroup,
+    parameters: { layout: 'centered' },
+    tags: ['autodocs'],
+};
+export default meta;
+/** All unchecked — parent shows empty checkbox. */
+export const AllUnchecked = {
+    render: function Render() {
+        const [value, setValue] = useState({
+            prd: false,
+            plan: false,
+            merge: false,
+        });
+        return (_jsx(CheckboxGroup, { label: "All", description: "YOLO!", parentAriaLabel: "Auto approve all", options: DEMO_OPTIONS, value: value, onValueChange: setValue }));
+    },
+};
+/** All checked — parent shows checkmark. */
+export const AllChecked = {
+    render: function Render() {
+        const [value, setValue] = useState({
+            prd: true,
+            plan: true,
+            merge: true,
+        });
+        return (_jsx(CheckboxGroup, { label: "All", description: "YOLO!", parentAriaLabel: "Auto approve all", options: DEMO_OPTIONS, value: value, onValueChange: setValue }));
+    },
+};
+/** Partial selection — parent shows indeterminate dash. */
+export const Indeterminate = {
+    render: function Render() {
+        const [value, setValue] = useState({
+            prd: true,
+            plan: false,
+            merge: false,
+        });
+        return (_jsx(CheckboxGroup, { label: "All", description: "YOLO!", parentAriaLabel: "Auto approve all", options: DEMO_OPTIONS, value: value, onValueChange: setValue }));
+    },
+};
+/** Disabled state — all controls non-interactive. */
+export const Disabled = {
+    render: () => (_jsx(CheckboxGroup, { label: "All", parentAriaLabel: "Auto approve all", options: DEMO_OPTIONS, value: { prd: true, plan: false, merge: true }, onValueChange: () => undefined, disabled: true })),
+};

package/dist/src/presentation/web/components/ui/checkbox.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/src/presentation/web/components/ui/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAIzD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAsB7F;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/src/presentation/web/components/ui/checkbox.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CheckIcon, MinusIcon } from 'lucide-react';
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
+import { cn } from '../../lib/utils.js';
+function Checkbox({ className, ...props }) {
+    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 cursor-pointer rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none", children: props.checked === 'indeterminate' ? (_jsx(MinusIcon, { className: "size-3.5" })) : (_jsx(CheckIcon, { className: "size-3.5" })) }) }));
+}
+export { Checkbox };

package/dist/src/presentation/web/components/ui/checkbox.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Checkbox } from './checkbox.js';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const WithLabel: Story;
+//# sourceMappingURL=checkbox.stories.d.ts.map

package/dist/src/presentation/web/components/ui/checkbox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/presentation/web/components/ui/checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC"}

package/dist/src/presentation/web/components/ui/checkbox.stories.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from './checkbox.js';
+import { Label } from './label.js';
+const meta = {
+    title: 'Primitives/Checkbox',
+    component: Checkbox,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+export default meta;
+export const Default = {
+    render: () => _jsx(Checkbox, {}),
+};
+export const Checked = {
+    render: () => _jsx(Checkbox, { defaultChecked: true }),
+};
+export const Disabled = {
+    render: () => (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(Checkbox, { disabled: true }), _jsx(Checkbox, { disabled: true, defaultChecked: true })] })),
+};
+export const WithLabel = {
+    render: () => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "terms" }), _jsx(Label, { htmlFor: "terms", children: "Accept terms and conditions" })] })),
+};