@shepai/cli 1.27.0 → 1.29.0

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" })] })),
+};