@orion-ds/react 4.9.2 → 4.9.3

package/dist/components/DataTable/DataTable.types.d.ts

@@ -0,0 +1,363 @@
+import { HTMLAttributes, ReactNode, Key } from 'react';
+
+/**
+ * Column definition for the table
+ */
+export interface DataTableColumn<T = unknown> {
+    /**
+     * Unique column key
+     */
+    key: string;
+    /**
+     * Column header label
+     */
+    header: string;
+    /**
+     * Column width (CSS value)
+     */
+    width?: string;
+    /**
+     * Minimum column width
+     */
+    minWidth?: string;
+    /**
+     * Text alignment
+     * @default 'left'
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * Whether column is sortable
+     * @default false
+     */
+    sortable?: boolean;
+    /**
+     * Custom cell renderer
+     */
+    render?: (value: unknown, row: T, rowIndex: number) => ReactNode;
+    /**
+     * Whether column is sticky
+     */
+    sticky?: "left" | "right";
+    /**
+     * Hide column on mobile
+     * @default false
+     */
+    hideOnMobile?: boolean;
+}
+/**
+ * Sort state
+ */
+export interface DataTableSort {
+    /**
+     * Column key being sorted
+     */
+    key: string;
+    /**
+     * Sort direction
+     */
+    direction: "asc" | "desc";
+}
+/**
+ * Pagination state
+ */
+export interface DataTablePagination {
+    /**
+     * Current page (1-indexed)
+     */
+    page: number;
+    /**
+     * Items per page
+     */
+    pageSize: number;
+    /**
+     * Total number of items
+     */
+    total: number;
+    /**
+     * Available page size options
+     * @default [10, 25, 50, 100]
+     */
+    pageSizeOptions?: number[];
+}
+/**
+ * Filter definition
+ */
+export interface DataTableFilter {
+    /**
+     * Unique filter key
+     */
+    key: string;
+    /**
+     * Filter label
+     */
+    label: string;
+    /**
+     * Filter type
+     */
+    type: "text" | "select" | "date" | "dateRange";
+    /**
+     * Options for select type
+     */
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+}
+/**
+ * Bulk action definition
+ */
+export interface DataTableBulkAction {
+    /**
+     * Action key
+     */
+    key: string;
+    /**
+     * Action label
+     */
+    label: string;
+    /**
+     * Action icon
+     */
+    icon?: ReactNode;
+    /**
+     * Action variant for styling
+     */
+    variant?: "default" | "danger";
+    /**
+     * Action callback
+     */
+    onClick: (selectedIds: Key[]) => void;
+}
+/**
+ * Row action definition
+ */
+export interface DataTableRowAction<T = unknown> {
+    /**
+     * Action key
+     */
+    key: string;
+    /**
+     * Action label
+     */
+    label: string;
+    /**
+     * Action icon
+     */
+    icon?: ReactNode;
+    /**
+     * Action variant
+     */
+    variant?: "default" | "danger";
+    /**
+     * Action callback
+     */
+    onClick: (row: T) => void;
+    /**
+     * Show condition
+     */
+    show?: (row: T) => boolean;
+}
+/**
+ * Empty state configuration
+ */
+export interface DataTableEmptyState {
+    /**
+     * Icon element
+     */
+    icon?: ReactNode;
+    /**
+     * Title text
+     */
+    title: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * Action element
+     */
+    action?: ReactNode;
+}
+/**
+ * DataTable section props
+ *
+ * @example
+ * ```tsx
+ * <DataTable
+ *   columns={[
+ *     { key: 'name', header: 'Name', sortable: true },
+ *     { key: 'email', header: 'Email' },
+ *     { key: 'status', header: 'Status', render: (value) => <Badge>{value}</Badge> }
+ *   ]}
+ *   data={users}
+ *   searchable
+ *   selectable
+ *   pagination={{ page: 1, pageSize: 10, total: 100 }}
+ * />
+ * ```
+ */
+export interface DataTableProps<T = Record<string, unknown>> extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Column definitions
+     */
+    columns: DataTableColumn<T>[];
+    /**
+     * Data rows
+     */
+    data: T[];
+    /**
+     * Row key accessor (defaults to 'id')
+     */
+    rowKey?: keyof T | ((row: T, index: number) => Key);
+    /**
+     * Enable search functionality
+     * @default false
+     */
+    searchable?: boolean;
+    /**
+     * Search placeholder text
+     */
+    searchPlaceholder?: string;
+    /**
+     * Current search value (controlled)
+     */
+    searchValue?: string;
+    /**
+     * Search change handler
+     */
+    onSearchChange?: (value: string) => void;
+    /**
+     * Filter definitions
+     */
+    filters?: DataTableFilter[];
+    /**
+     * Active filter values
+     */
+    filterValues?: Record<string, unknown>;
+    /**
+     * Filter change handler
+     */
+    onFilterChange?: (key: string, value: unknown) => void;
+    /**
+     * Pagination configuration
+     */
+    pagination?: DataTablePagination;
+    /**
+     * Pagination change handler
+     */
+    onPaginationChange?: (pagination: Pick<DataTablePagination, "page" | "pageSize">) => void;
+    /**
+     * Enable row selection
+     * @default false
+     */
+    selectable?: boolean;
+    /**
+     * Selected row keys
+     */
+    selectedKeys?: Key[];
+    /**
+     * Selection change handler
+     */
+    onSelectionChange?: (keys: Key[]) => void;
+    /**
+     * Bulk actions for selected rows
+     */
+    bulkActions?: DataTableBulkAction[];
+    /**
+     * Per-row actions
+     */
+    rowActions?: DataTableRowAction<T>[];
+    /**
+     * Current sort state
+     */
+    sort?: DataTableSort;
+    /**
+     * Sort change handler
+     */
+    onSortChange?: (sort: DataTableSort | undefined) => void;
+    /**
+     * Empty state configuration
+     */
+    emptyState?: DataTableEmptyState;
+    /**
+     * Loading state
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Striped rows
+     * @default false
+     */
+    striped?: boolean;
+    /**
+     * Hoverable rows
+     * @default true
+     */
+    hoverable?: boolean;
+    /**
+     * Compact mode
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Sticky header
+     * @default false
+     */
+    stickyHeader?: boolean;
+    /**
+     * Table max height (enables scrolling)
+     */
+    maxHeight?: string;
+    /**
+     * Row click handler
+     */
+    onRowClick?: (row: T, index: number) => void;
+    /**
+     * Toolbar content (rendered before table)
+     */
+    toolbar?: ReactNode;
+}
+/**
+ * DataTable.Toolbar sub-component props
+ */
+export interface DataTableToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Left-aligned content
+     */
+    left?: ReactNode;
+    /**
+     * Right-aligned content
+     */
+    right?: ReactNode;
+    /**
+     * Children content
+     */
+    children?: ReactNode;
+}
+/**
+ * DataTable.Pagination sub-component props
+ */
+export interface DataTablePaginationProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /**
+     * Pagination state
+     */
+    pagination: DataTablePagination;
+    /**
+     * Change handler
+     */
+    onChange: (pagination: Pick<DataTablePagination, "page" | "pageSize">) => void;
+}
+/**
+ * DataTable.EmptyState sub-component props
+ */
+export interface DataTableEmptyStateProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Empty state configuration
+     */
+    state: DataTableEmptyState;
+}
+//# sourceMappingURL=DataTable.types.d.ts.map

package/dist/components/DataTable/DataTable.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.types.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.types.ts"],"names":[],"mappings":"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"}

package/dist/components/DataTable/index.d.ts

@@ -0,0 +1,3 @@
+export { DataTable } from './DataTable';
+export type { DataTableProps, DataTableColumn, DataTableSort, DataTablePagination, DataTableFilter, DataTableBulkAction, DataTableRowAction, DataTableEmptyState, DataTableToolbarProps, DataTablePaginationProps, DataTableEmptyStateProps, } from './DataTable.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,eAAe,EACf,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,mBAAmB,CAAC"}

package/dist/components/DatePicker/DatePicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),d=require("date-fns"),O=require("lucide-react"),l=require("./DatePicker.module.css.cjs"),h=require("../Calendar/Calendar.cjs"),R=require("../Popover/Popover.cjs"),F=require("../Button/Button.cjs"),x=e=>{const{mode:a="single",min:S,max:b,disabledDates:v,placeholder:m="Pick a date",presets:i,format:c="PPP",disabled:C=!1,triggerClassName:P,className:N}=e,[k,o]=r.useState(!1),f=r.useMemo(()=>a==="single"&&e.mode!=="range"?e.selected?d.format(e.selected,c):null:a==="range"&&e.mode==="range"&&e.selected?.from?e.selected.to?`${d.format(e.selected.from,c)} - ${d.format(e.selected.to,c)}`:d.format(e.selected.from,c):null,[a,e,c]),g=r.useCallback(n=>{if(a==="single"&&e.mode!=="range"){const s=e.onSelect;s?.(n),o(!1)}else if(a==="range"&&e.mode==="range"){const s=e.onSelect,u=n;s?.(u),u?.from&&u?.to&&o(!1)}},[a,e]),q=r.useCallback(n=>{if(a==="single"&&e.mode!=="range"){const s=e.onSelect;s?.(n.value)}else if(a==="range"&&e.mode==="range"){const s=e.onSelect;s?.(n.value)}o(!1)},[a,e]),y=[l.default.trigger,P].filter(Boolean).join(" "),B=[l.default.wrapper,N].filter(Boolean).join(" "),j={min:S,max:b,disabled:v},D=t.jsxs("div",{className:l.default.popoverContent,children:[i&&i.length>0&&t.jsx("div",{className:l.default.presets,children:i.map(n=>t.jsx("button",{type:"button",className:l.default.presetButton,onClick:()=>q(n),children:n.label},n.label))}),a==="single"?t.jsx(h.Calendar,{mode:"single",selected:e.mode!=="range"?e.selected:void 0,onSelect:g,...j}):t.jsx(h.Calendar,{mode:"range",selected:e.mode==="range"?e.selected:void 0,onSelect:g,...j})]}),w=t.jsx(F.Button,{variant:"secondary",className:y,disabled:C,"aria-label":m,icon:t.jsx(O.Calendar,{size:16,className:l.default.triggerIcon}),children:f?t.jsx("span",{children:f}):t.jsx("span",{className:l.default.placeholder,children:m})});return t.jsx("div",{className:B,children:t.jsx(R.Popover,{trigger:w,content:D,placement:"bottom-start",open:k,onOpenChange:o,showArrow:!1,offset:4,className:l.default.popover})})};x.displayName="DatePicker";exports.DatePicker=x;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { DatePickerProps } from './DatePicker.types';
+
+export declare const DatePicker: React.FC<DatePickerProps>;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/DatePicker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAyC,MAAM,OAAO,CAAC;AAO9D,OAAO,KAAK,EAAE,eAAe,EAAoB,MAAM,oBAAoB,CAAC;AAG5E,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwJhD,CAAC"}

package/dist/components/DatePicker/DatePicker.mjs

@@ -0,0 +1,104 @@
+import { jsxs as $, jsx as n } from "react/jsx-runtime";
+import { useState as O, useMemo as z, useCallback as h } from "react";
+import { format as c } from "date-fns";
+import { Calendar as A } from "lucide-react";
+import a from "./DatePicker.module.css.mjs";
+import { Calendar as S } from "../Calendar/Calendar.mjs";
+import { Popover as F } from "../Popover/Popover.mjs";
+import { Button as I } from "../Button/Button.mjs";
+const M = (e) => {
+  const {
+    mode: t = "single",
+    min: v,
+    max: C,
+    disabledDates: N,
+    placeholder: m = "Pick a date",
+    presets: i,
+    format: r = "PPP",
+    disabled: b = !1,
+    triggerClassName: P,
+    className: k
+  } = e, [x, s] = O(!1), f = z(() => t === "single" && e.mode !== "range" ? e.selected ? c(e.selected, r) : null : t === "range" && e.mode === "range" && e.selected?.from ? e.selected.to ? `${c(e.selected.from, r)} - ${c(e.selected.to, r)}` : c(e.selected.from, r) : null, [t, e, r]), g = h(
+    (l) => {
+      if (t === "single" && e.mode !== "range") {
+        const o = e.onSelect;
+        o?.(l), s(!1);
+      } else if (t === "range" && e.mode === "range") {
+        const o = e.onSelect, d = l;
+        o?.(d), d?.from && d?.to && s(!1);
+      }
+    },
+    [t, e]
+  ), y = h(
+    (l) => {
+      if (t === "single" && e.mode !== "range") {
+        const o = e.onSelect;
+        o?.(l.value);
+      } else if (t === "range" && e.mode === "range") {
+        const o = e.onSelect;
+        o?.(l.value);
+      }
+      s(!1);
+    },
+    [t, e]
+  ), j = [a.trigger, P].filter(Boolean).join(" "), w = [a.wrapper, k].filter(Boolean).join(" "), u = {
+    min: v,
+    max: C,
+    disabled: N
+  }, B = /* @__PURE__ */ $("div", { className: a.popoverContent, children: [
+    i && i.length > 0 && /* @__PURE__ */ n("div", { className: a.presets, children: i.map((l) => /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        className: a.presetButton,
+        onClick: () => y(l),
+        children: l.label
+      },
+      l.label
+    )) }),
+    t === "single" ? /* @__PURE__ */ n(
+      S,
+      {
+        mode: "single",
+        selected: e.mode !== "range" ? e.selected : void 0,
+        onSelect: g,
+        ...u
+      }
+    ) : /* @__PURE__ */ n(
+      S,
+      {
+        mode: "range",
+        selected: e.mode === "range" ? e.selected : void 0,
+        onSelect: g,
+        ...u
+      }
+    )
+  ] }), D = /* @__PURE__ */ n(
+    I,
+    {
+      variant: "secondary",
+      className: j,
+      disabled: b,
+      "aria-label": m,
+      icon: /* @__PURE__ */ n(A, { size: 16, className: a.triggerIcon }),
+      children: f ? /* @__PURE__ */ n("span", { children: f }) : /* @__PURE__ */ n("span", { className: a.placeholder, children: m })
+    }
+  );
+  return /* @__PURE__ */ n("div", { className: w, children: /* @__PURE__ */ n(
+    F,
+    {
+      trigger: D,
+      content: B,
+      placement: "bottom-start",
+      open: x,
+      onOpenChange: s,
+      showArrow: !1,
+      offset: 4,
+      className: a.popover
+    }
+  ) });
+};
+M.displayName = "DatePicker";
+export {
+  M as DatePicker
+};

package/dist/components/DatePicker/DatePicker.module.css

@@ -0,0 +1 @@
+._wrapper_mndyh_7{display:inline-block;position:relative}._trigger_mndyh_13{min-width:200px;justify-content:flex-start;white-space:nowrap}._triggerIcon_mndyh_19{color:var(--text-tertiary);flex-shrink:0}._placeholder_mndyh_24{color:var(--text-tertiary)}._popover_mndyh_29{max-width:none}._popover_mndyh_29>div{padding:0}._popoverContent_mndyh_38{display:flex}._presets_mndyh_43{display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);padding:var(--spacing-2);min-width:140px}._presetButton_mndyh_51{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-secondary);font-size:var(--font-size-13);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast);white-space:nowrap}._presetButton_mndyh_51:hover{background:var(--interactive-ghost-hover);color:var(--text-primary)}._presetButton_mndyh_51:focus-visible{outline:2px solid var(--interactive-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){._presetButton_mndyh_51{transition:none}}

package/dist/components/DatePicker/DatePicker.module.css.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_wrapper_mndyh_7",t="_trigger_mndyh_13",r="_triggerIcon_mndyh_19",o="_placeholder_mndyh_24",p="_popover_mndyh_29",n="_popoverContent_mndyh_38",s="_presets_mndyh_43",_="_presetButton_mndyh_51",c={wrapper:e,trigger:t,triggerIcon:r,placeholder:o,popover:p,popoverContent:n,presets:s,presetButton:_};exports.default=c;exports.placeholder=o;exports.popover=p;exports.popoverContent=n;exports.presetButton=_;exports.presets=s;exports.trigger=t;exports.triggerIcon=r;exports.wrapper=e;

package/dist/components/DatePicker/DatePicker.module.css.mjs

@@ -0,0 +1,21 @@
+const e = "_wrapper_mndyh_7", t = "_trigger_mndyh_13", o = "_triggerIcon_mndyh_19", r = "_placeholder_mndyh_24", n = "_popover_mndyh_29", p = "_popoverContent_mndyh_38", _ = "_presets_mndyh_43", s = "_presetButton_mndyh_51", c = {
+  wrapper: e,
+  trigger: t,
+  triggerIcon: o,
+  placeholder: r,
+  popover: n,
+  popoverContent: p,
+  presets: _,
+  presetButton: s
+};
+export {
+  c as default,
+  r as placeholder,
+  n as popover,
+  p as popoverContent,
+  s as presetButton,
+  _ as presets,
+  t as trigger,
+  o as triggerIcon,
+  e as wrapper
+};

package/dist/components/DatePicker/DatePicker.types.d.ts

@@ -0,0 +1,75 @@
+import { DateRange } from '../Calendar/Calendar.types';
+
+/**
+ * Preset option for quick date selection
+ */
+export interface DatePickerPreset {
+    label: string;
+    value: Date | DateRange;
+}
+/**
+ * Base DatePicker props shared across modes
+ */
+interface DatePickerBaseProps {
+    /**
+     * Minimum selectable date
+     */
+    min?: Date;
+    /**
+     * Maximum selectable date
+     */
+    max?: Date;
+    /**
+     * Disabled dates — array of dates or predicate function
+     */
+    disabledDates?: Date[] | ((date: Date) => boolean);
+    /**
+     * Placeholder text for the trigger button
+     * @default 'Pick a date'
+     */
+    placeholder?: string;
+    /**
+     * Quick-select presets (e.g., "Last 7 days")
+     */
+    presets?: DatePickerPreset[];
+    /**
+     * date-fns format string for displaying the selected date
+     * @default 'PPP'
+     */
+    format?: string;
+    /**
+     * Whether the trigger is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Additional class name for the trigger button
+     */
+    triggerClassName?: string;
+    /**
+     * Additional class name for the wrapper
+     */
+    className?: string;
+}
+/**
+ * Single date picker
+ */
+export interface DatePickerSingleProps extends DatePickerBaseProps {
+    mode?: "single";
+    selected?: Date;
+    onSelect?: (date: Date | undefined) => void;
+}
+/**
+ * Range date picker
+ */
+export interface DatePickerRangeProps extends DatePickerBaseProps {
+    mode: "range";
+    selected?: DateRange;
+    onSelect?: (range: DateRange | undefined) => void;
+}
+/**
+ * Union type for all DatePicker modes
+ */
+export type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
+export {};
+//# sourceMappingURL=DatePicker.types.d.ts.map

package/dist/components/DatePicker/DatePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,UAAU,mBAAmB;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEnD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE7B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACnD;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,oBAAoB,CAAC"}

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * DatePicker Component - Date selection with popover calendar.
+ *
+ * @example
+ * ```tsx
+ * import { DatePicker } from '@orion-ds/react';
+ *
+ * <DatePicker selected={date} onSelect={setDate} />
+ * <DatePicker mode="range" selected={range} onSelect={setRange} presets={presets} />
+ * ```
+ */
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps, DatePickerSingleProps, DatePickerRangeProps, DatePickerPreset, } from './DatePicker.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DatePicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,oBAAoB,CAAC"}

package/dist/components/DetailPanel/DetailPanel.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),a=require("react"),P=require("lucide-react"),e=require("./DetailPanel.module.css.cjs"),u=a.forwardRef(({open:t,onClose:s,title:f,description:m,subtitle:d,children:v,size:h="md",position:y="right",headerActions:j,footer:n,overlay:N=!0,closeOnOverlayClick:x=!0,closeOnEscape:r=!0,loading:b=!1,className:p,...w},D)=>{const c=a.useRef(null),o=m??d;if(a.useEffect(()=>{d&&process.env.NODE_ENV==="development"&&console.warn('[DetailPanel] The "subtitle" prop is deprecated. Use "description" instead. subtitle will be removed in v3.0.')},[d]),a.useEffect(()=>{if(!t||!r)return;const i=k=>{k.key==="Escape"&&s()};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[t,r,s]),a.useEffect(()=>{if(t){const i=document.body.style.overflow;return document.body.style.overflow="hidden",setTimeout(()=>{c.current?.focus()},0),()=>{document.body.style.overflow=i}}},[t]),!t)return null;const E=()=>{x&&s()},g=[e.default.panel,e.default[`size-${h}`],e.default[`position-${y}`],p].filter(Boolean).join(" ");return l.jsxs("div",{className:e.default.container,children:[N&&l.jsx("div",{className:e.default.overlay,onClick:E,"aria-hidden":"true"}),l.jsxs("div",{ref:D||c,className:g,role:"dialog","aria-modal":"true","aria-labelledby":"detail-panel-title",tabIndex:-1,...w,children:[l.jsxs("div",{className:e.default.header,children:[l.jsxs("div",{className:e.default.headerContent,children:[l.jsx("h2",{id:"detail-panel-title",className:e.default.title,children:f}),o&&l.jsx("p",{className:e.default.subtitle,children:o})]}),l.jsxs("div",{className:e.default.headerActions,children:[j,l.jsx("button",{type:"button",className:e.default.closeButton,onClick:s,"aria-label":"Close panel",children:l.jsx(P.X,{size:20})})]})]}),l.jsx("div",{className:e.default.body,children:b?l.jsx("div",{className:e.default.loading,children:l.jsx("div",{className:e.default.spinner})}):v}),n&&l.jsx("div",{className:e.default.footer,children:n})]})]})});u.displayName="DetailPanel";exports.DetailPanel=u;

package/dist/components/DetailPanel/DetailPanel.d.ts

@@ -0,0 +1,4 @@
+import { DetailPanelProps } from './DetailPanel.types';
+
+export declare const DetailPanel: import('react').ForwardRefExoticComponent<DetailPanelProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DetailPanel.d.ts.map

package/dist/components/DetailPanel/DetailPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailPanel.d.ts","sourceRoot":"","sources":["../../../src/components/DetailPanel/DetailPanel.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,6GAkJvB,CAAC"}