@hyddenlabs/hydn-ui 0.3.0-alpha.99 → 0.3.1

package/dist/components/forms/button-group/button-group.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export type ButtonGroupProps = {
+    /** Button components to group together */
+    children: ReactNode;
+    /** Additional CSS classes applied to the container */
+    className?: string;
+    /** Grouping style - default merges buttons with shared borders, separated adds gap between buttons */
+    variant?: 'default' | 'separated';
+    /** Layout direction - horizontal arranges buttons in a row, vertical stacks them */
+    orientation?: 'horizontal' | 'vertical';
+};
+/**
+ * ButtonGroup - Groups related buttons together
+ */
+declare function ButtonGroup({ children, className, variant, orientation }: Readonly<ButtonGroupProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace ButtonGroup {
+    var displayName: string;
+}
+export default ButtonGroup;
+//# sourceMappingURL=button-group.d.ts.map

package/dist/components/forms/button-group/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button-group/button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0CAA0C;IAC1C,QAAQ,EAAE,SAAS,CAAC;IACpB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sGAAsG;IACtG,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,oFAAoF;IACpF,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,SAAc,EACd,OAAmB,EACnB,WAA0B,EAC3B,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAgB5B;kBArBQ,WAAW;;;AAyBpB,eAAe,WAAW,CAAC"}

package/dist/components/forms/button-group/button-group.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+function ButtonGroup({
+  children,
+  className = "",
+  variant = "default",
+  orientation = "horizontal"
+}) {
+  const baseClasses = "inline-flex";
+  const orientationClasses = orientation === "horizontal" ? "flex-row" : "flex-col";
+  let variantClasses = "";
+  if (variant === "separated") {
+    variantClasses = "gap-2";
+  } else if (orientation === "horizontal") {
+    variantClasses = "[&>button]:rounded-none [&>button:first-child]:rounded-l-md [&>button:last-child]:rounded-r-md [&>button:not(:last-child)]:border-r-0";
+  } else {
+    variantClasses = "[&>button]:rounded-none [&>button:first-child]:rounded-t-md [&>button:last-child]:rounded-b-md [&>button:not(:last-child)]:border-b-0";
+  }
+  return /* @__PURE__ */ jsx("div", { className: `${baseClasses} ${orientationClasses} ${variantClasses} ${className}`, children });
+}
+ButtonGroup.displayName = "ButtonGroup";
+export {
+  ButtonGroup as default
+};
+//# sourceMappingURL=button-group.js.map

package/dist/components/forms/button-group/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sources":["../../../../src/components/forms/button-group/button-group.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type ButtonGroupProps = {\n  /** Button components to group together */\n  children: ReactNode;\n  /** Additional CSS classes applied to the container */\n  className?: string;\n  /** Grouping style - default merges buttons with shared borders, separated adds gap between buttons */\n  variant?: 'default' | 'separated';\n  /** Layout direction - horizontal arranges buttons in a row, vertical stacks them */\n  orientation?: 'horizontal' | 'vertical';\n};\n\n/**\n * ButtonGroup - Groups related buttons together\n */\nfunction ButtonGroup({\n  children,\n  className = '',\n  variant = 'default',\n  orientation = 'horizontal'\n}: Readonly<ButtonGroupProps>) {\n  const baseClasses = 'inline-flex';\n  const orientationClasses = orientation === 'horizontal' ? 'flex-row' : 'flex-col';\n\n  let variantClasses = '';\n  if (variant === 'separated') {\n    variantClasses = 'gap-2';\n  } else if (orientation === 'horizontal') {\n    variantClasses =\n      '[&>button]:rounded-none [&>button:first-child]:rounded-l-md [&>button:last-child]:rounded-r-md [&>button:not(:last-child)]:border-r-0';\n  } else {\n    variantClasses =\n      '[&>button]:rounded-none [&>button:first-child]:rounded-t-md [&>button:last-child]:rounded-b-md [&>button:not(:last-child)]:border-b-0';\n  }\n\n  return <div className={`${baseClasses} ${orientationClasses} ${variantClasses} ${className}`}>{children}</div>;\n}\n\nButtonGroup.displayName = 'ButtonGroup';\n\nexport default ButtonGroup;\n"],"names":[],"mappings":";AAgBA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAChB,GAA+B;AAC7B,QAAM,cAAc;AACpB,QAAM,qBAAqB,gBAAgB,eAAe,aAAa;AAEvE,MAAI,iBAAiB;AACrB,MAAI,YAAY,aAAa;AAC3B,qBAAiB;AAAA,EACnB,WAAW,gBAAgB,cAAc;AACvC,qBACE;AAAA,EACJ,OAAO;AACL,qBACE;AAAA,EACJ;AAEA,SAAO,oBAAC,OAAA,EAAI,WAAW,GAAG,WAAW,IAAI,kBAAkB,IAAI,cAAc,IAAI,SAAS,IAAK,SAAA,CAAS;AAC1G;AAEA,YAAY,cAAc;"}

package/dist/components/forms/button-group/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './button-group';
+export type { ButtonGroupProps } from './button-group';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/button-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/forms/calendar/calendar.d.ts

@@ -0,0 +1,37 @@
+export type CalendarProps = {
+    /**
+     * The currently selected date
+     */
+    value?: Date;
+    /**
+     * Callback when a date is selected
+     */
+    onChange?: (date: Date) => void;
+    /**
+     * Minimum selectable date
+     */
+    minDate?: Date;
+    /**
+     * Maximum selectable date
+     */
+    maxDate?: Date;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+};
+/**
+ * Calendar - A simple date picker component
+ *
+ * Displays a month view calendar for date selection with keyboard navigation support.
+ */
+declare function Calendar({ value, onChange, minDate, maxDate, disabled, className }: Readonly<CalendarProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export default Calendar;
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/forms/calendar/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/calendar/calendar.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,QAAgB,EAAE,SAAc,EAAE,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAsJjH;kBAtJQ,QAAQ;;;AA0JjB,eAAe,QAAQ,CAAC"}

package/dist/components/forms/calendar/calendar.js

@@ -0,0 +1,131 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+function Calendar({ value, onChange, minDate, maxDate, disabled = false, className = "" }) {
+  const [currentMonth, setCurrentMonth] = useState(value || /* @__PURE__ */ new Date());
+  const [selectedDate, setSelectedDate] = useState(value);
+  const getDaysInMonth = (date) => {
+    return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
+  };
+  const getFirstDayOfMonth = (date) => {
+    return new Date(date.getFullYear(), date.getMonth(), 1).getDay();
+  };
+  const handleDateClick = (day) => {
+    if (disabled) return;
+    const newDate = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day);
+    if (minDate && newDate < minDate) return;
+    if (maxDate && newDate > maxDate) return;
+    setSelectedDate(newDate);
+    onChange?.(newDate);
+  };
+  const handlePreviousMonth = () => {
+    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1));
+  };
+  const handleNextMonth = () => {
+    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1));
+  };
+  const daysInMonth = getDaysInMonth(currentMonth);
+  const firstDayOfMonth = getFirstDayOfMonth(currentMonth);
+  const monthName = currentMonth.toLocaleDateString("en-US", { month: "long", year: "numeric" });
+  const weekDays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+  const isDateSelected = (day) => {
+    if (!selectedDate) return false;
+    return selectedDate.getDate() === day && selectedDate.getMonth() === currentMonth.getMonth() && selectedDate.getFullYear() === currentMonth.getFullYear();
+  };
+  const isDateDisabled = (day) => {
+    const date = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day);
+    if (minDate && date < minDate) return true;
+    if (maxDate && date > maxDate) return true;
+    return false;
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `inline-block border border-border rounded-lg bg-card text-card-foreground shadow-sm p-4 ${disabled ? "opacity-50 pointer-events-none" : ""} ${className}`.trim(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handlePreviousMonth,
+              className: "p-2 hover:bg-muted rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
+              "aria-label": "Previous month",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "font-semibold text-sm", children: monthName }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleNextMonth,
+              className: "p-2 hover:bg-muted rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-ring",
+              "aria-label": "Next month",
+              children: /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "20",
+                  height: "20",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: weekDays.map((day) => /* @__PURE__ */ jsx("div", { className: "w-9 h-9 flex items-center justify-center text-xs font-medium text-muted-foreground", children: day }, day)) }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-1", children: [
+          Array.from({ length: firstDayOfMonth }).map((_, index) => /* @__PURE__ */ jsx("div", { className: "w-9 h-9" }, `empty-${index}`)),
+          Array.from({ length: daysInMonth }).map((_, index) => {
+            const day = index + 1;
+            const selected = isDateSelected(day);
+            const dateDisabled = isDateDisabled(day);
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleDateClick(day),
+                disabled: dateDisabled,
+                className: `
+                w-9 h-9 flex items-center justify-center text-sm rounded-md transition-colors
+                focus:outline-none focus:ring-2 focus:ring-ring
+                ${selected ? "bg-primary text-primary-foreground font-semibold" : "hover:bg-muted"}
+                ${dateDisabled ? "text-muted-foreground cursor-not-allowed opacity-50" : ""}
+              `.trim(),
+                "aria-label": `Select ${day} ${monthName}`,
+                "aria-pressed": selected,
+                children: day
+              },
+              day
+            );
+          })
+        ] })
+      ]
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+export {
+  Calendar as default
+};
+//# sourceMappingURL=calendar.js.map

package/dist/components/forms/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../../../src/components/forms/calendar/calendar.tsx"],"sourcesContent":["import { useState } from 'react';\n\nexport type CalendarProps = {\n  /**\n   * The currently selected date\n   */\n  value?: Date;\n  /**\n   * Callback when a date is selected\n   */\n  onChange?: (date: Date) => void;\n  /**\n   * Minimum selectable date\n   */\n  minDate?: Date;\n  /**\n   * Maximum selectable date\n   */\n  maxDate?: Date;\n  /**\n   * Disabled state\n   */\n  disabled?: boolean;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n};\n\n/**\n * Calendar - A simple date picker component\n *\n * Displays a month view calendar for date selection with keyboard navigation support.\n */\nfunction Calendar({ value, onChange, minDate, maxDate, disabled = false, className = '' }: Readonly<CalendarProps>) {\n  const [currentMonth, setCurrentMonth] = useState(value || new Date());\n  const [selectedDate, setSelectedDate] = useState<Date | undefined>(value);\n\n  const getDaysInMonth = (date: Date) => {\n    return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();\n  };\n\n  const getFirstDayOfMonth = (date: Date) => {\n    return new Date(date.getFullYear(), date.getMonth(), 1).getDay();\n  };\n\n  const handleDateClick = (day: number) => {\n    if (disabled) return;\n\n    const newDate = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day);\n\n    // Check min/max date constraints\n    if (minDate && newDate < minDate) return;\n    if (maxDate && newDate > maxDate) return;\n\n    setSelectedDate(newDate);\n    onChange?.(newDate);\n  };\n\n  const handlePreviousMonth = () => {\n    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() - 1));\n  };\n\n  const handleNextMonth = () => {\n    setCurrentMonth(new Date(currentMonth.getFullYear(), currentMonth.getMonth() + 1));\n  };\n\n  const daysInMonth = getDaysInMonth(currentMonth);\n  const firstDayOfMonth = getFirstDayOfMonth(currentMonth);\n  const monthName = currentMonth.toLocaleDateString('en-US', { month: 'long', year: 'numeric' });\n\n  const weekDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\n\n  const isDateSelected = (day: number) => {\n    if (!selectedDate) return false;\n    return (\n      selectedDate.getDate() === day &&\n      selectedDate.getMonth() === currentMonth.getMonth() &&\n      selectedDate.getFullYear() === currentMonth.getFullYear()\n    );\n  };\n\n  const isDateDisabled = (day: number) => {\n    const date = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day);\n    if (minDate && date < minDate) return true;\n    if (maxDate && date > maxDate) return true;\n    return false;\n  };\n\n  return (\n    <div\n      className={`inline-block border border-border rounded-lg bg-card text-card-foreground shadow-sm p-4 ${\n        disabled ? 'opacity-50 pointer-events-none' : ''\n      } ${className}`.trim()}\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <button\n          type=\"button\"\n          onClick={handlePreviousMonth}\n          className=\"p-2 hover:bg-muted rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-ring\"\n          aria-label=\"Previous month\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <polyline points=\"15 18 9 12 15 6\" />\n          </svg>\n        </button>\n        <span className=\"font-semibold text-sm\">{monthName}</span>\n        <button\n          type=\"button\"\n          onClick={handleNextMonth}\n          className=\"p-2 hover:bg-muted rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-ring\"\n          aria-label=\"Next month\"\n        >\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <polyline points=\"9 18 15 12 9 6\" />\n          </svg>\n        </button>\n      </div>\n\n      {/* Week days */}\n      <div className=\"grid grid-cols-7 gap-1 mb-2\">\n        {weekDays.map((day) => (\n          <div key={day} className=\"w-9 h-9 flex items-center justify-center text-xs font-medium text-muted-foreground\">\n            {day}\n          </div>\n        ))}\n      </div>\n\n      {/* Calendar days */}\n      <div className=\"grid grid-cols-7 gap-1\">\n        {/* Empty cells for days before the first day of the month */}\n        {Array.from({ length: firstDayOfMonth }).map((_, index) => (\n          <div key={`empty-${index}`} className=\"w-9 h-9\" />\n        ))}\n\n        {/* Actual days of the month */}\n        {Array.from({ length: daysInMonth }).map((_, index) => {\n          const day = index + 1;\n          const selected = isDateSelected(day);\n          const dateDisabled = isDateDisabled(day);\n\n          return (\n            <button\n              key={day}\n              type=\"button\"\n              onClick={() => handleDateClick(day)}\n              disabled={dateDisabled}\n              className={`\n                w-9 h-9 flex items-center justify-center text-sm rounded-md transition-colors\n                focus:outline-none focus:ring-2 focus:ring-ring\n                ${selected ? 'bg-primary text-primary-foreground font-semibold' : 'hover:bg-muted'}\n                ${dateDisabled ? 'text-muted-foreground cursor-not-allowed opacity-50' : ''}\n              `.trim()}\n              aria-label={`Select ${day} ${monthName}`}\n              aria-pressed={selected}\n            >\n              {day}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n\nCalendar.displayName = 'Calendar';\n\nexport default Calendar;\n"],"names":[],"mappings":"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"}

package/dist/components/forms/calendar/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './calendar';
+export type { CalendarProps } from './calendar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { ValidationState } from '../../../theme/size-tokens';
+export type CheckboxProps = {
+    /** Checked state (controlled) */
+    checked?: boolean;
+    /** Change event handler for controlled checkbox */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Disables checkbox interaction and applies disabled styling */
+    disabled?: boolean;
+    /** Additional CSS classes applied to the checkbox */
+    className?: string;
+    /** Accessible label for screen readers */
+    ariaLabel?: string;
+    /** HTML id attribute for the checkbox */
+    id?: string;
+    /** HTML name attribute for form submission */
+    name?: string;
+    /** Visual validation state affecting border and focus ring color */
+    validationState?: ValidationState;
+    /** Associates the checkbox with descriptive text (e.g., helper or error messages) */
+    'aria-describedby'?: string;
+};
+/**
+ * Accessible Checkbox component
+ */
+declare function Checkbox({ checked, onChange, disabled, className, ariaLabel, id, name, validationState, 'aria-describedby': ariaDescribedby }: Readonly<CheckboxProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Checkbox {
+    var displayName: string;
+}
+export default Checkbox;
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG;IAC1B,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,qFAAqF;IACrF,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF;;GAEG;AACH,iBAAS,QAAQ,CAAC,EAChB,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,SAAc,EACd,SAAS,EACT,EAAE,EACF,IAAI,EACJ,eAA2B,EAC3B,kBAAkB,EAAE,eAAe,EACpC,EAAE,QAAQ,CAAC,aAAa,CAAC,2CAsBzB;kBAhCQ,QAAQ;;;AAoCjB,eAAe,QAAQ,CAAC"}

package/dist/components/forms/checkbox/checkbox.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+function Checkbox({
+  checked,
+  onChange,
+  disabled = false,
+  className = "",
+  ariaLabel,
+  id,
+  name,
+  validationState = "neutral",
+  "aria-describedby": ariaDescribedby
+}) {
+  const validationClasses = {
+    neutral: "border-input focus:ring-ring",
+    error: "border-error focus:ring-error",
+    success: "border-success focus:ring-success",
+    warning: "border-warning focus:ring-warning"
+  };
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      checked,
+      onChange,
+      disabled,
+      "aria-label": ariaLabel,
+      "aria-invalid": validationState === "error",
+      "aria-describedby": ariaDescribedby,
+      id,
+      name,
+      className: `h-5 w-5 sm:h-4 sm:w-4 rounded border-2 bg-background text-primary-foreground transition-all duration-200 ease-in-out focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-muted/50 checked:bg-primary checked:border-primary checked:hover:bg-primary/90 hover:border-primary/50 hover:shadow-sm cursor-pointer accent-primary ${validationClasses[validationState]} ${className}`
+    }
+  );
+}
+Checkbox.displayName = "Checkbox";
+export {
+  Checkbox as default
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/components/forms/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../../../src/components/forms/checkbox/checkbox.tsx"],"sourcesContent":["import React from 'react';\nimport { ValidationState } from '../../../theme/size-tokens';\n\nexport type CheckboxProps = {\n  /** Checked state (controlled) */\n  checked?: boolean;\n  /** Change event handler for controlled checkbox */\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  /** Disables checkbox interaction and applies disabled styling */\n  disabled?: boolean;\n  /** Additional CSS classes applied to the checkbox */\n  className?: string;\n  /** Accessible label for screen readers */\n  ariaLabel?: string;\n  /** HTML id attribute for the checkbox */\n  id?: string;\n  /** HTML name attribute for form submission */\n  name?: string;\n  /** Visual validation state affecting border and focus ring color */\n  validationState?: ValidationState;\n  /** Associates the checkbox with descriptive text (e.g., helper or error messages) */\n  'aria-describedby'?: string;\n};\n\n/**\n * Accessible Checkbox component\n */\nfunction Checkbox({\n  checked,\n  onChange,\n  disabled = false,\n  className = '',\n  ariaLabel,\n  id,\n  name,\n  validationState = 'neutral',\n  'aria-describedby': ariaDescribedby\n}: Readonly<CheckboxProps>) {\n  const validationClasses = {\n    neutral: 'border-input focus:ring-ring',\n    error: 'border-error focus:ring-error',\n    success: 'border-success focus:ring-success',\n    warning: 'border-warning focus:ring-warning'\n  };\n\n  return (\n    <input\n      type=\"checkbox\"\n      checked={checked}\n      onChange={onChange}\n      disabled={disabled}\n      aria-label={ariaLabel}\n      aria-invalid={validationState === 'error'}\n      aria-describedby={ariaDescribedby}\n      id={id}\n      name={name}\n      className={`h-5 w-5 sm:h-4 sm:w-4 rounded border-2 bg-background text-primary-foreground transition-all duration-200 ease-in-out focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-muted/50 checked:bg-primary checked:border-primary checked:hover:bg-primary/90 hover:border-primary/50 hover:shadow-sm cursor-pointer accent-primary ${validationClasses[validationState]} ${className}`}\n    />\n  );\n}\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":[],"mappings":";AA2BA,SAAS,SAAS;AAAA,EAChB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,oBAAoB;AACtB,GAA4B;AAC1B,QAAM,oBAAoB;AAAA,IACxB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAGX,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MACZ,gBAAc,oBAAoB;AAAA,MAClC,oBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA,WAAW,4VAA4V,kBAAkB,eAAe,CAAC,IAAI,SAAS;AAAA,IAAA;AAAA,EAAA;AAG5Z;AAEA,SAAS,cAAc;"}

package/dist/components/forms/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './checkbox';
+export type { CheckboxProps } from './checkbox';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/forms/code/code.d.ts

@@ -0,0 +1,32 @@
+import { CodeSize } from '../../../theme/size-tokens';
+import { ColorVariant } from '../../../theme/tokens';
+export type CodeProps = {
+    /**
+     * The code content to display
+     */
+    children: React.ReactNode;
+    /**
+     * Size variant - uses unified size system
+     */
+    size?: CodeSize;
+    /**
+     * Color variant
+     */
+    variant?: ColorVariant;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+};
+/**
+ * Code - Inline code display component
+ *
+ * For displaying short inline code snippets with syntax highlighting.
+ * For multi-line code blocks, use the CodeBlock component instead.
+ */
+declare function Code({ children, size, variant, className }: Readonly<CodeProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace Code {
+    var displayName: string;
+}
+export default Code;
+//# sourceMappingURL=code.d.ts.map

package/dist/components/forms/code/code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/code/code.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAW,EAAE,OAAmB,EAAE,SAAc,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,2CAyBhG;kBAzBQ,IAAI;;;AA6Bb,eAAe,IAAI,CAAC"}

package/dist/components/forms/code/code.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { codeSizes } from "../../../theme/size-tokens.js";
+function Code({ children, size = "md", variant = "neutral", className = "" }) {
+  const sizeClasses = codeSizes[size];
+  const variantClasses = {
+    neutral: "bg-muted text-foreground",
+    primary: "bg-primary/10 text-primary",
+    success: "bg-success/10 text-success",
+    warning: "bg-warning/10 text-warning",
+    error: "bg-error/10 text-error",
+    info: "bg-info/10 text-info",
+    accent: "bg-accent/10 text-accent"
+  };
+  return /* @__PURE__ */ jsx(
+    "code",
+    {
+      className: `
+        inline-block font-mono rounded border border-border/50
+        ${sizeClasses}
+        ${variantClasses[variant]}
+        ${className}
+      `.trim(),
+      children
+    }
+  );
+}
+Code.displayName = "Code";
+export {
+  Code as default
+};
+//# sourceMappingURL=code.js.map

package/dist/components/forms/code/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sources":["../../../../src/components/forms/code/code.tsx"],"sourcesContent":["import { codeSizes, type CodeSize } from '../../../theme/size-tokens';\nimport { ColorVariant } from '../../../theme/tokens';\n\nexport type CodeProps = {\n  /**\n   * The code content to display\n   */\n  children: React.ReactNode;\n  /**\n   * Size variant - uses unified size system\n   */\n  size?: CodeSize;\n  /**\n   * Color variant\n   */\n  variant?: ColorVariant;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n};\n\n/**\n * Code - Inline code display component\n *\n * For displaying short inline code snippets with syntax highlighting.\n * For multi-line code blocks, use the CodeBlock component instead.\n */\nfunction Code({ children, size = 'md', variant = 'neutral', className = '' }: Readonly<CodeProps>) {\n  const sizeClasses = codeSizes[size];\n\n  const variantClasses: Record<ColorVariant, string> = {\n    neutral: 'bg-muted text-foreground',\n    primary: 'bg-primary/10 text-primary',\n    success: 'bg-success/10 text-success',\n    warning: 'bg-warning/10 text-warning',\n    error: 'bg-error/10 text-error',\n    info: 'bg-info/10 text-info',\n    accent: 'bg-accent/10 text-accent'\n  };\n\n  return (\n    <code\n      className={`\n        inline-block font-mono rounded border border-border/50\n        ${sizeClasses}\n        ${variantClasses[variant]}\n        ${className}\n      `.trim()}\n    >\n      {children}\n    </code>\n  );\n}\n\nCode.displayName = 'Code';\n\nexport default Code;\n"],"names":[],"mappings":";;AA4BA,SAAS,KAAK,EAAE,UAAU,OAAO,MAAM,UAAU,WAAW,YAAY,MAA2B;AACjG,QAAM,cAAc,UAAU,IAAI;AAElC,QAAM,iBAA+C;AAAA,IACnD,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA;AAGV,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA;AAAA,UAEP,WAAW;AAAA,UACX,eAAe,OAAO,CAAC;AAAA,UACvB,SAAS;AAAA,QACX,KAAA;AAAA,MAED;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,KAAK,cAAc;"}

package/dist/components/forms/code/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/dist/components/forms/code/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/code/index.ts"],"names":[],"mappings":""}

package/dist/components/forms/date-picker/date-picker.d.ts

@@ -0,0 +1,72 @@
+import { InteractiveSize } from '../../../theme/size-tokens';
+export type DatePickerProps = {
+    /**
+     * The currently selected date
+     */
+    value?: Date;
+    /**
+     * Callback when a date is selected
+     */
+    onChange?: (date: Date | undefined) => void;
+    /**
+     * Minimum selectable date
+     */
+    minDate?: Date;
+    /**
+     * Maximum selectable date
+     */
+    maxDate?: Date;
+    /**
+     * Placeholder text when no date is selected
+     */
+    placeholder?: string;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Date format string (default: 'MM/DD/YYYY')
+     */
+    dateFormat?: string;
+    /**
+     * Show clear button
+     */
+    clearable?: boolean;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Input size - uses unified size system
+     */
+    size?: InteractiveSize;
+};
+/**
+ * DatePicker - Input field with calendar popup for date selection
+ *
+ * Features:
+ * - Calendar popup on click
+ * - Keyboard navigation (Arrow keys, Enter, Escape)
+ * - Date formatting
+ * - Min/max date constraints
+ * - Clearable option
+ * - Accessible with proper ARIA labels
+ *
+ * @example
+ * ```tsx
+ * const [date, setDate] = useState<Date>();
+ *
+ * <DatePicker
+ *   value={date}
+ *   onChange={setDate}
+ *   placeholder="Select a date"
+ *   clearable
+ * />
+ * ```
+ */
+declare function DatePicker({ value, onChange, minDate, maxDate, placeholder, disabled, dateFormat, clearable, className, size }: Readonly<DatePickerProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace DatePicker {
+    var displayName: string;
+}
+export default DatePicker;
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/components/forms/date-picker/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/date-picker/date-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAmC,KAAK,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAEnG,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAA2B,EAC3B,QAAgB,EAChB,UAAyB,EACzB,SAAgB,EAChB,SAAc,EACd,IAAW,EACZ,EAAE,QAAQ,CAAC,eAAe,CAAC,2CA8K3B;kBAzLQ,UAAU;;;AA6LnB,eAAe,UAAU,CAAC"}