@pautena/react-design-system 2.0.0-alpha.1b → 2.0.0-alpha.4

package/dist/components/remote-data-table/remote-data-table.types.d.ts

@@ -0,0 +1,189 @@
+import { ReactNode } from 'react';
+/**
+ * Metadata for configuring column display properties
+ */
+export type RemoteDataTableColumnMeta = {
+    /**
+     * Horizontal alignment of cell content
+     * @default "left"
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * Fixed width of the column
+     */
+    width?: number | string;
+    /**
+     * Minimum width of the column
+     */
+    minWidth?: number | string;
+    /**
+     * Maximum width of the column
+     */
+    maxWidth?: number | string;
+};
+/**
+ * Configuration for a table column
+ *
+ * @template TData - The type of data being displayed in the table
+ */
+export type RemoteDataTableColumn<TData> = {
+    /**
+     * Unique identifier for the column
+     */
+    id: string;
+    /**
+     * Header content to display
+     */
+    header: ReactNode;
+    /**
+     * Key to access data from the row object
+     */
+    accessorKey?: keyof TData;
+    /**
+     * Custom cell renderer function
+     * @param row - The data row
+     */
+    cell?: (row: TData) => ReactNode;
+    /**
+     * Whether sorting is enabled for this column
+     * @default true
+     */
+    enableSorting?: boolean;
+    /**
+     * Column metadata for styling and layout
+     */
+    meta?: RemoteDataTableColumnMeta;
+};
+/**
+ * Pagination state for the table
+ */
+export type PaginationState = {
+    /**
+     * Current page index (zero-based)
+     */
+    pageIndex: number;
+    /**
+     * Number of rows per page
+     */
+    pageSize: number;
+};
+/**
+ * Sorting state for the table
+ */
+export type SortingState = Array<{
+    /**
+     * Column identifier to sort by
+     */
+    id: string;
+    /**
+     * Whether to sort in descending order
+     */
+    desc: boolean;
+}>;
+/**
+ * Generic change handler function
+ *
+ * @template T - The type of value being changed
+ * @param updaterOrValue - New value or updater function
+ */
+export type OnChangeFn<T> = (updaterOrValue: T | ((old: T) => T)) => void;
+/**
+ * Query filter operation types
+ */
+export type QuerySpecOp = "eq" | "neq" | "lt" | "lte" | "gt" | "gte" | "ilike" | "in" | "isnull";
+/**
+ * Field data types for query filters
+ */
+export type QuerySpecFieldType = "string" | "number" | "boolean" | "date" | "datetime";
+/**
+ * Option for select/dropdown fields in query builder
+ */
+export type QuerySpecFieldOption = {
+    /**
+     * Display label for the option
+     */
+    label: string;
+    /**
+     * Value of the option
+     */
+    value: string;
+};
+/**
+ * Field specification for query builder
+ */
+export type QuerySpecField = {
+    /**
+     * Field name/identifier
+     */
+    name: string;
+    /**
+     * Display label for the field
+     */
+    label: string;
+    /**
+     * Data type of the field
+     * @default "string"
+     */
+    type?: QuerySpecFieldType;
+    /**
+     * Allowed operations for this field
+     */
+    ops?: QuerySpecOp[];
+    /**
+     * Placeholder text for input
+     */
+    placeholder?: string;
+    /**
+     * Options for select/dropdown fields
+     */
+    options?: QuerySpecFieldOption[];
+};
+/**
+ * Active filter in the query builder
+ */
+export type QuerySpecFilter = {
+    /**
+     * Unique identifier for the filter
+     */
+    id: string;
+    /**
+     * Field name being filtered
+     */
+    field: string;
+    /**
+     * Filter operation
+     */
+    op: QuerySpecOp;
+    /**
+     * Filter value
+     */
+    value?: string;
+};
+/**
+ * Props for the query builder component
+ */
+export type RemoteDataTableQueryBuilderProps = {
+    /**
+     * Available fields for filtering
+     */
+    fields: QuerySpecField[];
+    /**
+     * Current active filters
+     */
+    filters: QuerySpecFilter[];
+    /**
+     * Callback when filters change
+     * @param filters - Updated filters
+     */
+    onFiltersChange: (filters: QuerySpecFilter[]) => void;
+    /**
+     * Placeholder text for the query input
+     */
+    placeholder?: string;
+    /**
+     * Custom formatter for filter summary display
+     * @param filters - Current filters
+     * @param fields - Available fields
+     */
+    summaryFormatter?: (filters: QuerySpecFilter[], fields: QuerySpecField[]) => string;
+};

package/dist/components/remote-data-table/use-remote-data-table.d.ts

@@ -0,0 +1,19 @@
+import { OnChangeFn, PaginationState, QuerySpecFilter, SortingState } from './remote-data-table.types';
+export type UseRemoteDataTableOptions = {
+    initialPagination?: Partial<PaginationState>;
+    initialSorting?: SortingState;
+    initialFilters?: QuerySpecFilter[];
+};
+export type UseRemoteDataTableResult = {
+    pagination: PaginationState;
+    onPaginationChange: OnChangeFn<PaginationState>;
+    sorting: SortingState;
+    onSortingChange: OnChangeFn<SortingState>;
+    filters: QuerySpecFilter[];
+    onFiltersChange: (filters: QuerySpecFilter[]) => void;
+    resetPagination: () => void;
+    resetSorting: () => void;
+    resetFilters: () => void;
+    resetAll: () => void;
+};
+export declare const useRemoteDataTable: (options?: UseRemoteDataTableOptions) => UseRemoteDataTableResult;

package/dist/components/remote-data-table/use-remote-data-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-remote-data-table.mjs","sources":["../../../src/components/remote-data-table/use-remote-data-table.ts"],"sourcesContent":["import { useState } from \"react\";\nimport type {\n  OnChangeFn,\n  PaginationState,\n  QuerySpecFilter,\n  SortingState,\n} from \"./remote-data-table.types\";\n\nexport type UseRemoteDataTableOptions = {\n  initialPagination?: Partial<PaginationState>;\n  initialSorting?: SortingState;\n  initialFilters?: QuerySpecFilter[];\n};\n\nexport type UseRemoteDataTableResult = {\n  pagination: PaginationState;\n  onPaginationChange: OnChangeFn<PaginationState>;\n  sorting: SortingState;\n  onSortingChange: OnChangeFn<SortingState>;\n  filters: QuerySpecFilter[];\n  onFiltersChange: (filters: QuerySpecFilter[]) => void;\n  resetPagination: () => void;\n  resetSorting: () => void;\n  resetFilters: () => void;\n  resetAll: () => void;\n};\n\nconst DEFAULT_PAGINATION: PaginationState = {\n  pageIndex: 0,\n  pageSize: 10,\n};\n\nexport const useRemoteDataTable = (\n  options: UseRemoteDataTableOptions = {},\n): UseRemoteDataTableResult => {\n  const {\n    initialPagination = {},\n    initialSorting = [],\n    initialFilters = [],\n  } = options;\n\n  const resolvedInitialPagination: PaginationState = {\n    ...DEFAULT_PAGINATION,\n    ...initialPagination,\n  };\n\n  const [pagination, setPagination] = useState<PaginationState>(\n    resolvedInitialPagination,\n  );\n  const [sorting, setSorting] = useState<SortingState>(initialSorting);\n  const [filters, setFilters] = useState<QuerySpecFilter[]>(initialFilters);\n\n  const resetPagination = () => {\n    setPagination(resolvedInitialPagination);\n  };\n\n  const resetSorting = () => {\n    setSorting(initialSorting);\n  };\n\n  const resetFilters = () => {\n    setFilters(initialFilters);\n  };\n\n  const resetAll = () => {\n    resetPagination();\n    resetSorting();\n    resetFilters();\n  };\n\n  return {\n    pagination,\n    onPaginationChange: setPagination,\n    sorting,\n    onSortingChange: setSorting,\n    filters,\n    onFiltersChange: setFilters,\n    resetPagination,\n    resetSorting,\n    resetFilters,\n    resetAll,\n  };\n};\n"],"names":["DEFAULT_PAGINATION","useRemoteDataTable","options","initialPagination","initialSorting","initialFilters","resolvedInitialPagination","pagination","setPagination","useState","sorting","setSorting","filters","setFilters","resetPagination","resetSorting","resetFilters"],"mappings":";AA2BA,MAAMA,IAAsC;AAAA,EAC1C,WAAW;AAAA,EACX,UAAU;AACZ,GAEaC,IAAqB,CAChCC,IAAqC,OACR;AAC7B,QAAM;AAAA,IACJ,mBAAAC,IAAoB,CAAA;AAAA,IACpB,gBAAAC,IAAiB,CAAA;AAAA,IACjB,gBAAAC,IAAiB,CAAA;AAAA,EAAC,IAChBH,GAEEI,IAA6C;AAAA,IACjD,GAAGN;AAAA,IACH,GAAGG;AAAA,EAAA,GAGC,CAACI,GAAYC,CAAa,IAAIC;AAAA,IAClCH;AAAA,EAAA,GAEI,CAACI,GAASC,CAAU,IAAIF,EAAuBL,CAAc,GAC7D,CAACQ,GAASC,CAAU,IAAIJ,EAA4BJ,CAAc,GAElES,IAAkB,MAAM;AAC5B,IAAAN,EAAcF,CAAyB;AAAA,EACzC,GAEMS,IAAe,MAAM;AACzB,IAAAJ,EAAWP,CAAc;AAAA,EAC3B,GAEMY,IAAe,MAAM;AACzB,IAAAH,EAAWR,CAAc;AAAA,EAC3B;AAQA,SAAO;AAAA,IACL,YAAAE;AAAA,IACA,oBAAoBC;AAAA,IACpB,SAAAE;AAAA,IACA,iBAAiBC;AAAA,IACjB,SAAAC;AAAA,IACA,iBAAiBC;AAAA,IACjB,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAhBe,MAAM;AACrB,MAAAF,EAAA,GACAC,EAAA,GACAC,EAAA;AAAA,IACF;AAAA,EAYE;AAEJ;"}

package/dist/components/skeleton-card/index.d.ts

@@ -0,0 +1,2 @@
+export type { SkeletonCardProps } from './skeleton-card';
+export { default, default as SkeletonCard } from './skeleton-card';

package/dist/components/skeleton-card/skeleton-card.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Props for the SkeletonCard component.
+ */
+export interface SkeletonCardProps {
+    /**
+     * Width of the skeleton card.
+     * @default "100%"
+     */
+    width?: number | string;
+    /**
+     * Animation mode.
+     * @default false
+     */
+    animation?: "pulse" | "wave" | false;
+}
+/**
+ * Loading placeholder for card-shaped content.
+ */
+export declare function SkeletonCard({ width, animation, }: SkeletonCardProps): import("react/jsx-runtime").JSX.Element;
+export default SkeletonCard;

package/dist/components/skeleton-card/skeleton-card.mjs

@@ -0,0 +1,18 @@
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { cn as a } from "../../lib/utils.mjs";
+function r({
+  width: m = "100%",
+  animation: d = !1
+}) {
+  const e = d === !1 ? "" : "animate-pulse";
+  return /* @__PURE__ */ t("div", { style: { width: m }, className: "space-y-2", children: [
+    /* @__PURE__ */ s("div", { className: a("h-[118px] rounded-md bg-muted", e) }),
+    /* @__PURE__ */ s("div", { className: a("h-4 rounded-md bg-muted", e) }),
+    /* @__PURE__ */ s("div", { className: a("h-4 w-4/5 rounded-md bg-muted", e) })
+  ] });
+}
+export {
+  r as SkeletonCard,
+  r as default
+};
+//# sourceMappingURL=skeleton-card.mjs.map

package/dist/components/skeleton-card/skeleton-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-card.mjs","sources":["../../../src/components/skeleton-card/skeleton-card.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\n\n/**\n * Props for the SkeletonCard component.\n */\nexport interface SkeletonCardProps {\n  /**\n   * Width of the skeleton card.\n   * @default \"100%\"\n   */\n  width?: number | string;\n  /**\n   * Animation mode.\n   * @default false\n   */\n  animation?: \"pulse\" | \"wave\" | false;\n}\n\n/**\n * Loading placeholder for card-shaped content.\n */\nexport function SkeletonCard({\n  width = \"100%\",\n  animation = false,\n}: SkeletonCardProps) {\n  const animationClass =\n    animation === false\n      ? \"\"\n      : animation === \"wave\"\n        ? \"animate-pulse\"\n        : \"animate-pulse\";\n\n  return (\n    <div style={{ width }} className=\"space-y-2\">\n      <div className={cn(\"h-[118px] rounded-md bg-muted\", animationClass)} />\n      <div className={cn(\"h-4 rounded-md bg-muted\", animationClass)} />\n      <div className={cn(\"h-4 w-4/5 rounded-md bg-muted\", animationClass)} />\n    </div>\n  );\n}\n\nexport default SkeletonCard;\n"],"names":["SkeletonCard","width","animation","animationClass","jsx","cn"],"mappings":";;AAqBO,SAASA,EAAa;AAAA,EAC3B,OAAAC,IAAQ;AAAA,EACR,WAAAC,IAAY;AACd,GAAsB;AACpB,QAAMC,IACJD,MAAc,KACV,KAEE;AAGR,2BACG,OAAA,EAAI,OAAO,EAAE,OAAAD,KAAS,WAAU,aAC/B,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAG,iCAAiCF,CAAc,GAAG;AAAA,sBACpE,OAAA,EAAI,WAAWE,EAAG,2BAA2BF,CAAc,GAAG;AAAA,sBAC9D,OAAA,EAAI,WAAWE,EAAG,iCAAiCF,CAAc,EAAA,CAAG;AAAA,EAAA,GACvE;AAEJ;"}

package/dist/components/skeleton-grid/index.d.ts

@@ -0,0 +1,2 @@
+export type { SkeletonGridProps } from './skeleton-grid';
+export { default, default as SkeletonGrid } from './skeleton-grid';

package/dist/components/skeleton-grid/skeleton-grid.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Props for the SkeletonGrid component.
+ */
+export interface SkeletonGridProps {
+    /**
+     * Number of skeleton cards to display.
+     * @default 20
+     */
+    size?: number;
+}
+/**
+ * Grid of skeleton cards for loading list and gallery states.
+ */
+export declare function SkeletonGrid({ size }: SkeletonGridProps): import("react/jsx-runtime").JSX.Element;
+export default SkeletonGrid;

package/dist/components/skeleton-grid/skeleton-grid.mjs

@@ -0,0 +1,10 @@
+import { jsx as r } from "react/jsx-runtime";
+import { SkeletonCard as d } from "../skeleton-card/skeleton-card.mjs";
+function a({ size: o = 20 }) {
+  return /* @__PURE__ */ r("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: o }).map((i, e) => /* @__PURE__ */ r(d, { width: "100%" }, `skeleton-card-${e}`)) });
+}
+export {
+  a as SkeletonGrid,
+  a as default
+};
+//# sourceMappingURL=skeleton-grid.mjs.map

package/dist/components/skeleton-grid/skeleton-grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-grid.mjs","sources":["../../../src/components/skeleton-grid/skeleton-grid.tsx"],"sourcesContent":["import SkeletonCard from \"@/components/skeleton-card\";\n\n/**\n * Props for the SkeletonGrid component.\n */\nexport interface SkeletonGridProps {\n  /**\n   * Number of skeleton cards to display.\n   * @default 20\n   */\n  size?: number;\n}\n\n/**\n * Grid of skeleton cards for loading list and gallery states.\n */\nexport function SkeletonGrid({ size = 20 }: SkeletonGridProps) {\n  return (\n    <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n      {Array.from({ length: size }).map((_, index) => (\n        <SkeletonCard key={`skeleton-card-${index}`} width=\"100%\" />\n      ))}\n    </div>\n  );\n}\n\nexport default SkeletonGrid;\n"],"names":["SkeletonGrid","size","jsx","_","index","SkeletonCard"],"mappings":";;AAgBO,SAASA,EAAa,EAAE,MAAAC,IAAO,MAAyB;AAC7D,SACE,gBAAAC,EAAC,SAAI,WAAU,wDACZ,gBAAM,KAAK,EAAE,QAAQD,EAAA,CAAM,EAAE,IAAI,CAACE,GAAGC,MACpC,gBAAAF,EAACG,GAAA,EAA4C,OAAM,UAAhC,iBAAiBD,CAAK,EAAiB,CAC3D,EAAA,CACH;AAEJ;"}

package/dist/components/tab-card/index.d.ts

@@ -0,0 +1,4 @@
+export type { TabCardProps, TabData } from './tab-card';
+export { default, default as TabCard } from './tab-card';
+export type { TabCardPanelProps } from './tab-card-panel';
+export { default as TabCardPanel } from './tab-card-panel';

package/dist/components/tab-card/tab-card-panel.d.ts

@@ -0,0 +1,22 @@
+import { CSSProperties, ReactNode } from 'react';
+/**
+ * Props for the TabCardPanel component.
+ */
+export interface TabCardPanelProps {
+    /**
+     * Tab index or list of indices linked to this panel.
+     */
+    index: number | number[];
+    /**
+     * Legacy style prop kept for compatibility.
+     */
+    sx?: CSSProperties;
+    /**
+     * Panel content.
+     */
+    children?: ReactNode;
+}
+/**
+ * Content panel rendered only when linked tab is selected.
+ */
+export default function TabCardPanel({ index, sx, children, }: TabCardPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/tab-card/tab-card-panel.mjs

@@ -0,0 +1,15 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useContext as i } from "react";
+import { TabCardContext as s } from "./tab-card.context.mjs";
+function f({
+  index: r,
+  sx: o,
+  children: e
+}) {
+  const [t] = i(s);
+  return (Array.isArray(r) ? r.includes(t) : t === r) ? /* @__PURE__ */ a("div", { style: o, children: e }) : null;
+}
+export {
+  f as default
+};
+//# sourceMappingURL=tab-card-panel.mjs.map

package/dist/components/tab-card/tab-card-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-card-panel.mjs","sources":["../../../src/components/tab-card/tab-card-panel.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode, useContext } from \"react\";\nimport { TabCardContext } from \"./tab-card.context\";\n\n/**\n * Props for the TabCardPanel component.\n */\nexport interface TabCardPanelProps {\n  /**\n   * Tab index or list of indices linked to this panel.\n   */\n  index: number | number[];\n  /**\n   * Legacy style prop kept for compatibility.\n   */\n  sx?: CSSProperties;\n  /**\n   * Panel content.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Content panel rendered only when linked tab is selected.\n */\nexport default function TabCardPanel({\n  index,\n  sx,\n  children,\n}: TabCardPanelProps) {\n  const [value] = useContext(TabCardContext);\n  const isActive = Array.isArray(index)\n    ? index.includes(value)\n    : value === index;\n\n  if (!isActive) {\n    return null;\n  }\n\n  return <div style={sx}>{children}</div>;\n}\n"],"names":["TabCardPanel","index","sx","children","value","useContext","TabCardContext","jsx"],"mappings":";;;AAwBA,SAAwBA,EAAa;AAAA,EACnC,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AACF,GAAsB;AACpB,QAAM,CAACC,CAAK,IAAIC,EAAWC,CAAc;AAKzC,UAJiB,MAAM,QAAQL,CAAK,IAChCA,EAAM,SAASG,CAAK,IACpBA,MAAUH,KAMP,gBAAAM,EAAC,OAAA,EAAI,OAAOL,GAAK,UAAAC,EAAA,CAAS,IAHxB;AAIX;"}

package/dist/components/tab-card/tab-card.context.mjs

@@ -0,0 +1,7 @@
+import { createContext as t } from "react";
+const o = t([0, () => null]), e = o.Provider;
+export {
+  o as TabCardContext,
+  e as TabCardContextProvider
+};
+//# sourceMappingURL=tab-card.context.mjs.map

package/dist/components/tab-card/tab-card.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-card.context.mjs","sources":["../../../src/components/tab-card/tab-card.context.tsx"],"sourcesContent":["import { createContext, type Dispatch, type SetStateAction } from \"react\";\n\nexport const TabCardContext = createContext<\n  [number, Dispatch<SetStateAction<number>>]\n>([0, () => null]);\n\nexport const TabCardContextProvider = TabCardContext.Provider;\n"],"names":["TabCardContext","createContext","TabCardContextProvider"],"mappings":";AAEO,MAAMA,IAAiBC,EAE5B,CAAC,GAAG,MAAM,IAAI,CAAC,GAEJC,IAAyBF,EAAe;"}

package/dist/components/tab-card/tab-card.d.ts

@@ -0,0 +1,43 @@
+import { ReactElement, ReactNode } from 'react';
+/**
+ * Tab configuration data.
+ */
+export interface TabData {
+    /**
+     * Tab label text.
+     */
+    text: string;
+    /**
+     * Optional icon element.
+     */
+    icon?: ReactElement;
+}
+/**
+ * Props for the TabCard component.
+ */
+export interface TabCardProps {
+    /**
+     * Array of tab configurations.
+     */
+    tabs: TabData[];
+    /**
+     * Index of the initially selected tab.
+     * @default 0
+     */
+    initialTab?: number;
+    /**
+     * Callback when tab selection changes.
+     * @param tab - The selected tab data.
+     * @param index - Index of the selected tab.
+     */
+    onChangeTab?: (tab: TabData, index: number) => void;
+    /**
+     * Tab panel content.
+     */
+    children?: ReactNode;
+}
+/**
+ * Card component with tabbed navigation.
+ */
+export declare function TabCard({ tabs, initialTab, onChangeTab, children, }: TabCardProps): import("react/jsx-runtime").JSX.Element;
+export default TabCard;

package/dist/components/tab-card/tab-card.dummy.d.ts

@@ -0,0 +1,14 @@
+import { TabData } from './tab-card';
+export declare const DummyTabs: ({
+    text: string;
+    icon?: undefined;
+} | {
+    text: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+})[];
+export interface TabCardDummyProps {
+    tabs: TabData[];
+    initialTab: number;
+    onChangeTab: (tab: TabData, index: number) => void;
+}
+export declare function TabCardDummy({ tabs, initialTab, onChangeTab, }: TabCardDummyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tab-card/tab-card.mjs

@@ -0,0 +1,50 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { cn as u } from "../../lib/utils.mjs";
+import { TabCardContextProvider as f } from "./tab-card.context.mjs";
+function h({
+  tabs: s,
+  initialTab: a = 0,
+  onChangeTab: i = () => null,
+  children: c
+}) {
+  const [o, n] = m(a);
+  return /* @__PURE__ */ r(f, { value: [o, n], children: /* @__PURE__ */ l("div", { className: "overflow-hidden rounded-lg border bg-card", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        role: "tablist",
+        className: "flex items-center gap-1 bg-muted px-2 py-1.5",
+        children: s.map((e, t) => {
+          const d = o === t;
+          return /* @__PURE__ */ l(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": d,
+              className: u(
+                "inline-flex min-h-8 items-center rounded-md px-3 text-sm transition",
+                d ? "bg-background font-semibold text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+              ),
+              onClick: () => {
+                n(t), i(e, t);
+              },
+              children: [
+                e.icon,
+                /* @__PURE__ */ r("span", { children: e.text })
+              ]
+            },
+            `${e.text}-${t}`
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ r("div", { children: c })
+  ] }) });
+}
+export {
+  h as TabCard,
+  h as default
+};
+//# sourceMappingURL=tab-card.mjs.map

package/dist/components/tab-card/tab-card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-card.mjs","sources":["../../../src/components/tab-card/tab-card.tsx"],"sourcesContent":["import { type ReactElement, type ReactNode, useState } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { TabCardContextProvider } from \"./tab-card.context\";\n\n/**\n * Tab configuration data.\n */\nexport interface TabData {\n  /**\n   * Tab label text.\n   */\n  text: string;\n  /**\n   * Optional icon element.\n   */\n  icon?: ReactElement;\n}\n\n/**\n * Props for the TabCard component.\n */\nexport interface TabCardProps {\n  /**\n   * Array of tab configurations.\n   */\n  tabs: TabData[];\n  /**\n   * Index of the initially selected tab.\n   * @default 0\n   */\n  initialTab?: number;\n  /**\n   * Callback when tab selection changes.\n   * @param tab - The selected tab data.\n   * @param index - Index of the selected tab.\n   */\n  onChangeTab?: (tab: TabData, index: number) => void;\n  /**\n   * Tab panel content.\n   */\n  children?: ReactNode;\n}\n\n/**\n * Card component with tabbed navigation.\n */\nexport function TabCard({\n  tabs,\n  initialTab = 0,\n  onChangeTab = () => null,\n  children,\n}: TabCardProps) {\n  const [selectedTab, setSelectedTab] = useState(initialTab);\n\n  return (\n    <TabCardContextProvider value={[selectedTab, setSelectedTab]}>\n      <div className=\"overflow-hidden rounded-lg border bg-card\">\n        <div\n          role=\"tablist\"\n          className=\"flex items-center gap-1 bg-muted px-2 py-1.5\"\n        >\n          {tabs.map((tab, index) => {\n            const selected = selectedTab === index;\n\n            return (\n              <button\n                type=\"button\"\n                role=\"tab\"\n                key={`${tab.text}-${index}`}\n                aria-selected={selected}\n                className={cn(\n                  \"inline-flex min-h-8 items-center rounded-md px-3 text-sm transition\",\n                  selected\n                    ? \"bg-background font-semibold text-foreground shadow-sm\"\n                    : \"text-muted-foreground hover:text-foreground\",\n                )}\n                onClick={() => {\n                  setSelectedTab(index);\n                  onChangeTab(tab, index);\n                }}\n              >\n                {tab.icon}\n                <span>{tab.text}</span>\n              </button>\n            );\n          })}\n        </div>\n        <div>{children}</div>\n      </div>\n    </TabCardContextProvider>\n  );\n}\n\nexport default TabCard;\n"],"names":["TabCard","tabs","initialTab","onChangeTab","children","selectedTab","setSelectedTab","useState","jsx","TabCardContextProvider","jsxs","tab","index","selected","cn"],"mappings":";;;;AA8CO,SAASA,EAAQ;AAAA,EACtB,MAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,aAAAC,IAAc,MAAM;AAAA,EACpB,UAAAC;AACF,GAAiB;AACf,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAASL,CAAU;AAEzD,SACE,gBAAAM,EAACC,GAAA,EAAuB,OAAO,CAACJ,GAAaC,CAAc,GACzD,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,IAAA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAP,EAAK,IAAI,CAACU,GAAKC,MAAU;AACxB,gBAAMC,IAAWR,MAAgBO;AAEjC,iBACE,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,MAAK;AAAA,cAEL,iBAAeG;AAAA,cACf,WAAWC;AAAA,gBACT;AAAA,gBACAD,IACI,0DACA;AAAA,cAAA;AAAA,cAEN,SAAS,MAAM;AACb,gBAAAP,EAAeM,CAAK,GACpBT,EAAYQ,GAAKC,CAAK;AAAA,cACxB;AAAA,cAEC,UAAA;AAAA,gBAAAD,EAAI;AAAA,gBACL,gBAAAH,EAAC,QAAA,EAAM,UAAAG,EAAI,KAAA,CAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAdX,GAAGA,EAAI,IAAI,IAAIC,CAAK;AAAA,UAAA;AAAA,QAiB/B,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,gBAAAJ,EAAC,SAAK,UAAAJ,EAAA,CAAS;AAAA,EAAA,EAAA,CACjB,EAAA,CACF;AAEJ;"}

package/dist/components/tab-panel/index.d.ts

@@ -0,0 +1 @@
+export * from './tab-panel';

package/dist/components/tab-panel/tab-panel.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+/**
+ * Props for the TabPanel component
+ */
+export interface TabPanelProps {
+    /**
+     * Panel content
+     */
+    children?: ReactNode;
+    /**
+     * Tab index or array of indices that this panel corresponds to
+     */
+    index: number | number[];
+    /**
+     * Optional wrapper classes
+     */
+    className?: string;
+}
+/**
+ * Content panel that displays when its associated tab is active
+ */
+export declare function TabPanel({ children, index, className }: TabPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/tab-panel/tab-panel.mjs

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as t } from "../../lib/utils.mjs";
+import { useTab as m } from "../tab-provider/tab-provider.context.mjs";
+import "react";
+function c({ children: i, index: a, className: s }) {
+  const [r] = m();
+  let l = r === a;
+  return Array.isArray(a) && (l = a.includes(r)), /* @__PURE__ */ e(
+    "div",
+    {
+      role: "tabpanel",
+      hidden: !l,
+      id: `simple-tabpanel-${a}`,
+      "aria-labelledby": `simple-tab-${a}`,
+      className: t(s),
+      children: l ? /* @__PURE__ */ e("div", { className: "p-4", children: i }) : null
+    }
+  );
+}
+export {
+  c as TabPanel
+};
+//# sourceMappingURL=tab-panel.mjs.map

package/dist/components/tab-panel/tab-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.mjs","sources":["../../../src/components/tab-panel/tab-panel.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"@/lib/utils\";\nimport { useTab } from \"../tab-provider\";\n\n/**\n * Props for the TabPanel component\n */\nexport interface TabPanelProps {\n  /**\n   * Panel content\n   */\n  children?: ReactNode;\n  /**\n   * Tab index or array of indices that this panel corresponds to\n   */\n  index: number | number[];\n  /**\n   * Optional wrapper classes\n   */\n  className?: string;\n}\n\n/**\n * Content panel that displays when its associated tab is active\n */\nexport function TabPanel({ children, index, className }: TabPanelProps) {\n  const [value] = useTab();\n  let isTab = value === index;\n  if (Array.isArray(index)) {\n    isTab = index.includes(value);\n  }\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={!isTab}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      className={cn(className)}\n    >\n      {isTab ? <div className=\"p-4\">{children}</div> : null}\n    </div>\n  );\n}\n"],"names":["TabPanel","children","index","className","value","useTab","isTab","jsx","cn"],"mappings":";;;;AAyBO,SAASA,EAAS,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,KAA4B;AACtE,QAAM,CAACC,CAAK,IAAIC,EAAA;AAChB,MAAIC,IAAQF,MAAUF;AACtB,SAAI,MAAM,QAAQA,CAAK,MACrBI,IAAQJ,EAAM,SAASE,CAAK,IAI5B,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAQ,CAACD;AAAA,MACT,IAAI,mBAAmBJ,CAAK;AAAA,MAC5B,mBAAiB,cAAcA,CAAK;AAAA,MACpC,WAAWM,EAAGL,CAAS;AAAA,MAEtB,cAAQ,gBAAAI,EAAC,OAAA,EAAI,WAAU,OAAO,UAAAN,GAAS,IAAS;AAAA,IAAA;AAAA,EAAA;AAGvD;"}

package/dist/components/tab-provider/index.d.ts

@@ -0,0 +1,3 @@
+export * from './tab-provider.context';
+export type { TabProviderProps } from './tab-provider.provider';
+export { default, TabProvider } from './tab-provider.provider';

package/dist/components/tab-provider/tab-provider.context.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+/**
+ * React context for tab state management.
+ */
+export declare const TabContext: import('react').Context<[number, Dispatch<SetStateAction<number>>]>;
+/**
+ * Provider for TabContext.
+ */
+export declare const TabContextProvider: import('react').Provider<[number, Dispatch<SetStateAction<number>>]>;
+/**
+ * Hook to read and update the current tab index.
+ */
+export declare const useTab: () => [number, Dispatch<SetStateAction<number>>];

package/dist/components/tab-provider/tab-provider.context.mjs

@@ -0,0 +1,8 @@
+import { createContext as o, useContext as e } from "react";
+const t = o([0, () => null]), r = t.Provider, s = () => e(t);
+export {
+  t as TabContext,
+  r as TabContextProvider,
+  s as useTab
+};
+//# sourceMappingURL=tab-provider.context.mjs.map

package/dist/components/tab-provider/tab-provider.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-provider.context.mjs","sources":["../../../src/components/tab-provider/tab-provider.context.ts"],"sourcesContent":["import {\n  createContext,\n  type Dispatch,\n  type SetStateAction,\n  useContext,\n} from \"react\";\n\n/**\n * React context for tab state management.\n */\nexport const TabContext = createContext<\n  [number, Dispatch<SetStateAction<number>>]\n>([0, () => null]);\n\n/**\n * Provider for TabContext.\n */\nexport const TabContextProvider = TabContext.Provider;\n\n/**\n * Hook to read and update the current tab index.\n */\nexport const useTab = () => useContext(TabContext);\n"],"names":["TabContext","createContext","TabContextProvider","useTab","useContext"],"mappings":";AAUO,MAAMA,IAAaC,EAExB,CAAC,GAAG,MAAM,IAAI,CAAC,GAKJC,IAAqBF,EAAW,UAKhCG,IAAS,MAAMC,EAAWJ,CAAU;"}

package/dist/components/tab-provider/tab-provider.provider.d.ts

@@ -0,0 +1,16 @@
+import { PropsWithChildren } from 'react';
+/**
+ * Props for TabProvider.
+ */
+export interface TabProviderProps extends PropsWithChildren {
+    /**
+     * Initial active tab index.
+     * @default 0
+     */
+    initialValue?: number;
+}
+/**
+ * Provides tab selection state for TabPanel and Header components.
+ */
+export declare const TabProvider: ({ children, initialValue, }: TabProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default TabProvider;

package/dist/components/tab-provider/tab-provider.provider.mjs

@@ -0,0 +1,14 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useState as a } from "react";
+import { TabContextProvider as m } from "./tab-provider.context.mjs";
+const s = ({
+  children: t,
+  initialValue: r = 0
+}) => {
+  const o = a(r);
+  return /* @__PURE__ */ e(m, { value: o, children: t });
+};
+export {
+  s as TabProvider
+};
+//# sourceMappingURL=tab-provider.provider.mjs.map

package/dist/components/tab-provider/tab-provider.provider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-provider.provider.mjs","sources":["../../../src/components/tab-provider/tab-provider.provider.tsx"],"sourcesContent":["import { type PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\n/**\n * Props for TabProvider.\n */\nexport interface TabProviderProps extends PropsWithChildren {\n  /**\n   * Initial active tab index.\n   * @default 0\n   */\n  initialValue?: number;\n}\n\n/**\n * Provides tab selection state for TabPanel and Header components.\n */\nexport const TabProvider = ({\n  children,\n  initialValue = 0,\n}: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n\nexport default TabProvider;\n"],"names":["TabProvider","children","initialValue","tabState","useState","jsx","TabContextProvider"],"mappings":";;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,MAAwB;AACtB,QAAMC,IAAWC,EAASF,CAAY;AAEtC,SAAO,gBAAAG,EAACC,GAAA,EAAmB,OAAOH,GAAW,UAAAF,EAAA,CAAS;AACxD;"}

package/dist/components/ui/alert-dialog.d.ts

@@ -0,0 +1,18 @@
+import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import { Button } from './button';
+import type * as React from "react";
+declare function AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: AlertDialogPrimitive.Popup.Props & {
+    size?: "default" | "sm";
+}): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: AlertDialogPrimitive.Close.Props & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };