@cogentic-co/ds 0.6.0 → 0.7.0

package/dist/chunk-H4PJG7O3.js

@@ -0,0 +1,193 @@
+"use client";
+import { cn } from './chunk-MHRCB42B.js';
+import { __objRest, __spreadValues, __spreadProps } from './chunk-2NMEKWO5.js';
+import { Select as Select$1 } from '@base-ui/react/select';
+import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Select = Select$1.Root;
+function SelectGroup(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Select$1.Group,
+    __spreadValues({
+      "data-slot": "select-group",
+      className: cn("scroll-my-1 p-1", className)
+    }, props)
+  );
+}
+function SelectValue(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Select$1.Value,
+    __spreadValues({
+      "data-slot": "select-value",
+      className: cn("flex flex-1 text-left", className)
+    }, props)
+  );
+}
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    Select$1.Trigger,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: cn(
+        "flex w-fit items-center justify-between gap-1.5 whitespace-nowrap rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-placeholder:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          Select$1.Icon,
+          {
+            render: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })
+          }
+        )
+      ]
+    })
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    side = "bottom",
+    sideOffset = 4,
+    align = "center",
+    alignOffset = 0,
+    alignItemWithTrigger = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "side",
+    "sideOffset",
+    "align",
+    "alignOffset",
+    "alignItemWithTrigger"
+  ]);
+  return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(
+    Select$1.Positioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      alignItemWithTrigger,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ jsxs(
+        Select$1.Popup,
+        __spreadProps(__spreadValues({
+          "data-slot": "select-content",
+          "data-align-trigger": alignItemWithTrigger,
+          className: cn(
+            "data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 cn-menu-target relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-y-auto overflow-x-hidden rounded-lg border border-border-light bg-popover text-popover-foreground shadow-lg duration-100 data-[align-trigger=true]:animate-none data-closed:animate-out data-open:animate-in",
+            className
+          )
+        }, props), {
+          children: [
+            /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+            /* @__PURE__ */ jsx(Select$1.List, { children }),
+            /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+          ]
+        })
+      )
+    }
+  ) });
+}
+function SelectLabel(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Select$1.GroupLabel,
+    __spreadValues({
+      "data-slot": "select-label",
+      className: cn("px-2 py-1.5 text-muted-foreground text-xs", className)
+    }, props)
+  );
+}
+function SelectItem(_a) {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsxs(
+    Select$1.Item,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-item",
+      className: cn(
+        "relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(Select$1.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ jsx(
+          Select$1.ItemIndicator,
+          {
+            render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
+            children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
+          }
+        )
+      ]
+    })
+  );
+}
+function SelectSeparator(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    Select$1.Separator,
+    __spreadValues({
+      "data-slot": "select-separator",
+      className: cn("pointer-events-none -mx-1 my-1 h-px bg-border", className)
+    }, props)
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Select$1.ScrollUpArrow,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-scroll-up-button",
+      className: cn(
+        "top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Select$1.ScrollDownArrow,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-scroll-down-button",
+      className: cn(
+        "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+    })
+  );
+}
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+//# sourceMappingURL=chunk-H4PJG7O3.js.map
+//# sourceMappingURL=chunk-H4PJG7O3.js.map

package/dist/chunk-H4PJG7O3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/select.tsx"],"names":["SelectPrimitive"],"mappings":"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","file":"chunk-H4PJG7O3.js","sourcesContent":["\"use client\"\n\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\nimport type * as React from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n  return (\n    <SelectPrimitive.Group\n      data-slot=\"select-group\"\n      className={cn(\"scroll-my-1 p-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n  return (\n    <SelectPrimitive.Value\n      data-slot=\"select-value\"\n      className={cn(\"flex flex-1 text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: SelectPrimitive.Trigger.Props & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"flex w-fit items-center justify-between gap-1.5 whitespace-nowrap rounded-md border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm shadow-xs outline-none transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=default]:h-9 data-[size=sm]:h-8 data-placeholder:text-muted-foreground *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 dark:hover:bg-input/50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon\n        render={<ChevronDownIcon className=\"pointer-events-none size-4 text-muted-foreground\" />}\n      />\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  side = \"bottom\",\n  sideOffset = 4,\n  align = \"center\",\n  alignOffset = 0,\n  alignItemWithTrigger = true,\n  ...props\n}: SelectPrimitive.Popup.Props &\n  Pick<\n    SelectPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n  >) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        alignItemWithTrigger={alignItemWithTrigger}\n        className=\"isolate z-50\"\n      >\n        <SelectPrimitive.Popup\n          data-slot=\"select-content\"\n          data-align-trigger={alignItemWithTrigger}\n          className={cn(\n            \"data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 cn-menu-target relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-36 origin-(--transform-origin) overflow-y-auto overflow-x-hidden rounded-lg border border-border-light bg-popover text-popover-foreground shadow-lg duration-100 data-[align-trigger=true]:animate-none data-closed:animate-out data-open:animate-in\",\n            className,\n          )}\n          {...props}\n        >\n          <SelectScrollUpButton />\n          <SelectPrimitive.List>{children}</SelectPrimitive.List>\n          <SelectScrollDownButton />\n        </SelectPrimitive.Popup>\n      </SelectPrimitive.Positioner>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props) {\n  return (\n    <SelectPrimitive.GroupLabel\n      data-slot=\"select-label\"\n      className={cn(\"px-2 py-1.5 text-muted-foreground text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"relative flex w-full cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <SelectPrimitive.ItemText className=\"flex flex-1 shrink-0 gap-2 whitespace-nowrap\">\n        {children}\n      </SelectPrimitive.ItemText>\n      <SelectPrimitive.ItemIndicator\n        render={\n          <span className=\"pointer-events-none absolute right-2 flex size-4 items-center justify-center\" />\n        }\n      >\n        <CheckIcon className=\"pointer-events-none\" />\n      </SelectPrimitive.ItemIndicator>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"pointer-events-none -mx-1 my-1 h-px bg-border\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>) {\n  return (\n    <SelectPrimitive.ScrollUpArrow\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronUpIcon />\n    </SelectPrimitive.ScrollUpArrow>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>) {\n  return (\n    <SelectPrimitive.ScrollDownArrow\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <ChevronDownIcon />\n    </SelectPrimitive.ScrollDownArrow>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"]}

package/dist/chunk-H4T5OTVO.js

@@ -0,0 +1,83 @@
+"use client";
+import { Input } from './chunk-GR6J7HQK.js';
+import { Button } from './chunk-EN6GS7O4.js';
+import { cn } from './chunk-MHRCB42B.js';
+import { __objRest, __spreadValues } from './chunk-2NMEKWO5.js';
+import { MinusIcon, PlusIcon } from 'lucide-react';
+import { useState, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function NumberInput(_a) {
+  var _b = _a, {
+    value: controlledValue,
+    defaultValue = 0,
+    onChange,
+    min = -Infinity,
+    max = Infinity,
+    step = 1,
+    className,
+    disabled
+  } = _b, props = __objRest(_b, [
+    "value",
+    "defaultValue",
+    "onChange",
+    "min",
+    "max",
+    "step",
+    "className",
+    "disabled"
+  ]);
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const value = controlledValue != null ? controlledValue : internalValue;
+  const setValue = useCallback(
+    (next) => {
+      const clamped = Math.min(max, Math.max(min, next));
+      if (controlledValue === void 0) setInternalValue(clamped);
+      onChange == null ? void 0 : onChange(clamped);
+    },
+    [min, max, controlledValue, onChange]
+  );
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "number-input", className: cn("flex items-center gap-1", className), children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outline",
+        size: "icon",
+        className: "size-8 shrink-0",
+        onClick: () => setValue(value - step),
+        disabled: disabled || value <= min,
+        "aria-label": "Decrease",
+        children: /* @__PURE__ */ jsx(MinusIcon, { className: "size-3.5" })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Input,
+      __spreadValues({
+        type: "number",
+        value,
+        onChange: (e) => setValue(Number(e.target.value)),
+        min,
+        max,
+        step,
+        disabled,
+        className: "text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+      }, props)
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outline",
+        size: "icon",
+        className: "size-8 shrink-0",
+        onClick: () => setValue(value + step),
+        disabled: disabled || value >= max,
+        "aria-label": "Increase",
+        children: /* @__PURE__ */ jsx(PlusIcon, { className: "size-3.5" })
+      }
+    )
+  ] });
+}
+
+export { NumberInput };
+//# sourceMappingURL=chunk-H4T5OTVO.js.map
+//# sourceMappingURL=chunk-H4T5OTVO.js.map

package/dist/chunk-H4T5OTVO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/number-input.tsx"],"names":[],"mappings":";;;;;;;;AAkBA,SAAS,YAAY,EAAA,EAUA;AAVA,EAAA,IAAA,EAAA,GAAA,EAAA,EACnB;AAAA,IAAA,KAAA,EAAO,eAAA;AAAA,IACP,YAAA,GAAe,CAAA;AAAA,IACf,QAAA;AAAA,IACA,GAAA,GAAM,CAAA,QAAA;AAAA,IACN,GAAA,GAAM,QAAA;AAAA,IACN,IAAA,GAAO,CAAA;AAAA,IACP,SAAA;AAAA,IACA;AAAA,GA1BF,GAkBqB,EAAA,EAShB,KAAA,GAAA,SAAA,CATgB,EAAA,EAShB;AAAA,IARH,OAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAA;AAAA,IACA,KAAA;AAAA,IACA,KAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GAAA,CAAA;AAGA,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,YAAY,CAAA;AAC/D,EAAA,MAAM,QAAQ,eAAA,IAAA,IAAA,GAAA,eAAA,GAAmB,aAAA;AAEjC,EAAA,MAAM,QAAA,GAAW,WAAA;AAAA,IACf,CAAC,IAAA,KAAiB;AAChB,MAAA,MAAM,OAAA,GAAU,KAAK,GAAA,CAAI,GAAA,EAAK,KAAK,GAAA,CAAI,GAAA,EAAK,IAAI,CAAC,CAAA;AACjD,MAAA,IAAI,eAAA,KAAoB,MAAA,EAAW,gBAAA,CAAiB,OAAO,CAAA;AAC3D,MAAA,QAAA,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAW,OAAA,CAAA;AAAA,IACb,CAAA;AAAA,IACA,CAAC,GAAA,EAAK,GAAA,EAAK,eAAA,EAAiB,QAAQ;AAAA,GACtC;AAEA,EAAA,uBACE,IAAA,CAAC,SAAI,WAAA,EAAU,cAAA,EAAe,WAAW,EAAA,CAAG,yBAAA,EAA2B,SAAS,CAAA,EAC9E,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,IAAA,EAAK,MAAA;AAAA,QACL,SAAA,EAAU,iBAAA;AAAA,QACV,OAAA,EAAS,MAAM,QAAA,CAAS,KAAA,GAAQ,IAAI,CAAA;AAAA,QACpC,QAAA,EAAU,YAAY,KAAA,IAAS,GAAA;AAAA,QAC/B,YAAA,EAAW,UAAA;AAAA,QAEX,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAU,UAAA,EAAW;AAAA;AAAA,KAClC;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,KAAA;AAAA,QACA,QAAA,EAAU,CAAC,CAAA,KAAM,QAAA,CAAS,OAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,QAChD,GAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA,EAAU;AAAA,OAAA,EACN,KAAA;AAAA,KACN;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,IAAA,EAAK,MAAA;AAAA,QACL,SAAA,EAAU,iBAAA;AAAA,QACV,OAAA,EAAS,MAAM,QAAA,CAAS,KAAA,GAAQ,IAAI,CAAA;AAAA,QACpC,QAAA,EAAU,YAAY,KAAA,IAAS,GAAA;AAAA,QAC/B,YAAA,EAAW,UAAA;AAAA,QAEX,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAU,UAAA,EAAW;AAAA;AAAA;AACjC,GAAA,EACF,CAAA;AAEJ","file":"chunk-H4T5OTVO.js","sourcesContent":["\"use client\"\n\nimport { MinusIcon, PlusIcon } from \"lucide-react\"\nimport type * as React from \"react\"\nimport { useCallback, useState } from \"react\"\nimport { cn } from \"../lib/utils\"\nimport { Button } from \"./button\"\nimport { Input } from \"./input\"\n\ntype NumberInputProps = Omit<React.ComponentProps<\"input\">, \"type\" | \"value\" | \"onChange\"> & {\n  value?: number\n  defaultValue?: number\n  onChange?: (value: number) => void\n  min?: number\n  max?: number\n  step?: number\n}\n\nfunction NumberInput({\n  value: controlledValue,\n  defaultValue = 0,\n  onChange,\n  min = -Infinity,\n  max = Infinity,\n  step = 1,\n  className,\n  disabled,\n  ...props\n}: NumberInputProps) {\n  const [internalValue, setInternalValue] = useState(defaultValue)\n  const value = controlledValue ?? internalValue\n\n  const setValue = useCallback(\n    (next: number) => {\n      const clamped = Math.min(max, Math.max(min, next))\n      if (controlledValue === undefined) setInternalValue(clamped)\n      onChange?.(clamped)\n    },\n    [min, max, controlledValue, onChange],\n  )\n\n  return (\n    <div data-slot=\"number-input\" className={cn(\"flex items-center gap-1\", className)}>\n      <Button\n        variant=\"outline\"\n        size=\"icon\"\n        className=\"size-8 shrink-0\"\n        onClick={() => setValue(value - step)}\n        disabled={disabled || value <= min}\n        aria-label=\"Decrease\"\n      >\n        <MinusIcon className=\"size-3.5\" />\n      </Button>\n      <Input\n        type=\"number\"\n        value={value}\n        onChange={(e) => setValue(Number(e.target.value))}\n        min={min}\n        max={max}\n        step={step}\n        disabled={disabled}\n        className=\"text-center [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none\"\n        {...props}\n      />\n      <Button\n        variant=\"outline\"\n        size=\"icon\"\n        className=\"size-8 shrink-0\"\n        onClick={() => setValue(value + step)}\n        disabled={disabled || value >= max}\n        aria-label=\"Increase\"\n      >\n        <PlusIcon className=\"size-3.5\" />\n      </Button>\n    </div>\n  )\n}\n\nexport { NumberInput }\nexport type { NumberInputProps }\n"]}

package/dist/chunk-H5JU3APN.js

@@ -0,0 +1,36 @@
+"use client";
+import { cn } from './chunk-MHRCB42B.js';
+import { __objRest, __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
+import { cva } from 'class-variance-authority';
+import { LightbulbIcon, AlertCircleIcon, TriangleAlertIcon, InfoIcon } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var calloutVariants = cva("flex gap-3 rounded-lg border p-4", {
+  variants: {
+    variant: {
+      info: "border-blue-500/20 bg-blue-500/5 text-blue-900 dark:text-blue-200 [&>svg]:text-blue-500",
+      warning: "border-amber-500/20 bg-amber-500/5 text-amber-900 dark:text-amber-200 [&>svg]:text-amber-500",
+      danger: "border-red-500/20 bg-red-500/5 text-red-900 dark:text-red-200 [&>svg]:text-red-500",
+      tip: "border-emerald-500/20 bg-emerald-500/5 text-emerald-900 dark:text-emerald-200 [&>svg]:text-emerald-500"
+    }
+  },
+  defaultVariants: { variant: "info" }
+});
+var iconMap = {
+  info: InfoIcon,
+  warning: TriangleAlertIcon,
+  danger: AlertCircleIcon,
+  tip: LightbulbIcon
+};
+function Callout(_a) {
+  var _b = _a, { variant = "info", className, children } = _b, props = __objRest(_b, ["variant", "className", "children"]);
+  const Icon = iconMap[variant];
+  return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ "data-slot": "callout", className: cn(calloutVariants({ variant }), className) }, props), { children: [
+    /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 size-4 shrink-0" }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm [&>p]:leading-relaxed", children })
+  ] }));
+}
+
+export { Callout, calloutVariants };
+//# sourceMappingURL=chunk-H5JU3APN.js.map
+//# sourceMappingURL=chunk-H5JU3APN.js.map

package/dist/chunk-H5JU3APN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/callout.tsx"],"names":[],"mappings":";;;;;;AAKA,IAAM,eAAA,GAAkB,IAAI,kCAAA,EAAoC;AAAA,EAC9D,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,IAAA,EAAM,yFAAA;AAAA,MACN,OAAA,EACE,8FAAA;AAAA,MACF,MAAA,EAAQ,oFAAA;AAAA,MACR,GAAA,EAAK;AAAA;AACP,GACF;AAAA,EACA,eAAA,EAAiB,EAAE,OAAA,EAAS,MAAA;AAC9B,CAAC;AAED,IAAM,OAAA,GAAU;AAAA,EACd,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,EAAS,iBAAA;AAAA,EACT,MAAA,EAAQ,eAAA;AAAA,EACR,GAAA,EAAK;AACP,CAAA;AAIA,SAAS,QAAQ,EAAA,EAAmE;AAAnE,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAAA,OAAA,GAAU,MAAA,EAAQ,SAAA,EAAW,QAAA,EA3BhD,GA2BiB,IAA4C,KAAA,GAAA,SAAA,CAA5C,EAAA,EAA4C,CAA1C,SAAA,EAAkB,WAAA,EAAW,UAAA,CAAA,CAAA;AAC9C,EAAA,MAAM,IAAA,GAAO,QAAQ,OAAQ,CAAA;AAC7B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAI,WAAA,EAAU,SAAA,EAAU,WAAW,EAAA,CAAG,eAAA,CAAgB,EAAE,OAAA,EAAS,CAAA,EAAG,SAAS,CAAA,EAAA,EAAO,QAApF,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAU,wBAAA,EAAyB,CAAA;AAAA,oBACzC,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+BAAA,EAAiC,QAAA,EAAS;AAAA,GAAA,EAAA,CAC3D,CAAA;AAEJ","file":"chunk-H5JU3APN.js","sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { AlertCircleIcon, InfoIcon, LightbulbIcon, TriangleAlertIcon } from \"lucide-react\"\nimport type * as React from \"react\"\nimport { cn } from \"../lib/utils\"\n\nconst calloutVariants = cva(\"flex gap-3 rounded-lg border p-4\", {\n  variants: {\n    variant: {\n      info: \"border-blue-500/20 bg-blue-500/5 text-blue-900 dark:text-blue-200 [&>svg]:text-blue-500\",\n      warning:\n        \"border-amber-500/20 bg-amber-500/5 text-amber-900 dark:text-amber-200 [&>svg]:text-amber-500\",\n      danger: \"border-red-500/20 bg-red-500/5 text-red-900 dark:text-red-200 [&>svg]:text-red-500\",\n      tip: \"border-emerald-500/20 bg-emerald-500/5 text-emerald-900 dark:text-emerald-200 [&>svg]:text-emerald-500\",\n    },\n  },\n  defaultVariants: { variant: \"info\" },\n})\n\nconst iconMap = {\n  info: InfoIcon,\n  warning: TriangleAlertIcon,\n  danger: AlertCircleIcon,\n  tip: LightbulbIcon,\n}\n\ntype CalloutProps = React.ComponentProps<\"div\"> & VariantProps<typeof calloutVariants>\n\nfunction Callout({ variant = \"info\", className, children, ...props }: CalloutProps) {\n  const Icon = iconMap[variant!]\n  return (\n    <div data-slot=\"callout\" className={cn(calloutVariants({ variant }), className)} {...props}>\n      <Icon className=\"mt-0.5 size-4 shrink-0\" />\n      <div className=\"text-sm [&>p]:leading-relaxed\">{children}</div>\n    </div>\n  )\n}\n\nexport { Callout, calloutVariants }\nexport type { CalloutProps }\n"]}

package/dist/chunk-H6BQJNUX.js

@@ -0,0 +1,39 @@
+"use client";
+import { cn } from './chunk-MHRCB42B.js';
+import { useRef, useState, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var prefersReducedMotion = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : false;
+function FadeIn({ as: Tag = "div", delay = 0, className, children }) {
+  const ref = useRef(null);
+  const [visible, setVisible] = useState(prefersReducedMotion);
+  useEffect(() => {
+    const el = ref.current;
+    if (!el || visible) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          setVisible(true);
+          observer.disconnect();
+        }
+      },
+      { rootMargin: "-80px" }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [visible]);
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      ref,
+      "data-slot": "fade-in",
+      className: cn(className, visible ? "animate-[fade-up_0.5s_ease-out_both]" : "opacity-0"),
+      style: delay > 0 && visible ? { animationDelay: `${delay}ms` } : void 0,
+      children
+    }
+  );
+}
+
+export { FadeIn };
+//# sourceMappingURL=chunk-H6BQJNUX.js.map
+//# sourceMappingURL=chunk-H6BQJNUX.js.map

package/dist/chunk-H6BQJNUX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/fade-in.tsx"],"names":[],"mappings":";;;;AAaA,IAAM,oBAAA,GACJ,OAAO,MAAA,KAAW,WAAA,IAAe,OAAO,MAAA,CAAO,UAAA,KAAe,UAAA,GAC1D,MAAA,CAAO,UAAA,CAAW,kCAAkC,CAAA,CAAE,OAAA,GACtD,KAAA;AAEN,SAAS,MAAA,CAAO,EAAE,EAAA,EAAI,GAAA,GAAM,OAAO,KAAA,GAAQ,CAAA,EAAG,SAAA,EAAW,QAAA,EAAS,EAAgB;AAChF,EAAA,MAAM,GAAA,GAAM,OAAoB,IAAI,CAAA;AACpC,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,oBAAoB,CAAA;AAE3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,MAAM,OAAA,EAAS;AAEpB,IAAA,MAAM,WAAW,IAAI,oBAAA;AAAA,MACnB,CAAC,CAAC,KAAK,CAAA,KAAM;AACX,QAAA,IAAI,MAAM,cAAA,EAAgB;AACxB,UAAA,UAAA,CAAW,IAAI,CAAA;AACf,UAAA,QAAA,CAAS,UAAA,EAAW;AAAA,QACtB;AAAA,MACF,CAAA;AAAA,MACA,EAAE,YAAY,OAAA;AAAQ,KACxB;AAEA,IAAA,QAAA,CAAS,QAAQ,EAAE,CAAA;AACnB,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,SAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,SAAA,EAAW,OAAA,GAAU,yCAAyC,WAAW,CAAA;AAAA,MACvF,KAAA,EAAO,QAAQ,CAAA,IAAK,OAAA,GAAU,EAAE,cAAA,EAAgB,CAAA,EAAG,KAAK,CAAA,EAAA,CAAA,EAAK,GAAI,MAAA;AAAA,MAEhE;AAAA;AAAA,GACH;AAEJ","file":"chunk-H6BQJNUX.js","sourcesContent":["\"use client\"\n\nimport { useEffect, useRef, useState } from \"react\"\n\nimport { cn } from \"../lib/utils\"\n\ntype FadeInProps = {\n  as?: \"div\" | \"li\" | \"article\" | \"section\" | \"p\" | \"h2\"\n  delay?: number\n  className?: string\n  children: React.ReactNode\n}\n\nconst prefersReducedMotion =\n  typeof window !== \"undefined\" && typeof window.matchMedia === \"function\"\n    ? window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n    : false\n\nfunction FadeIn({ as: Tag = \"div\", delay = 0, className, children }: FadeInProps) {\n  const ref = useRef<HTMLElement>(null)\n  const [visible, setVisible] = useState(prefersReducedMotion)\n\n  useEffect(() => {\n    const el = ref.current\n    if (!el || visible) return\n\n    const observer = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.isIntersecting) {\n          setVisible(true)\n          observer.disconnect()\n        }\n      },\n      { rootMargin: \"-80px\" },\n    )\n\n    observer.observe(el)\n    return () => observer.disconnect()\n  }, [visible])\n\n  return (\n    <Tag\n      ref={ref as React.RefObject<never>}\n      data-slot=\"fade-in\"\n      className={cn(className, visible ? \"animate-[fade-up_0.5s_ease-out_both]\" : \"opacity-0\")}\n      style={delay > 0 && visible ? { animationDelay: `${delay}ms` } : undefined}\n    >\n      {children}\n    </Tag>\n  )\n}\n\nexport { FadeIn }\n"]}