@etus/ui 0.4.0-beta.2 → 0.4.0-beta.20

package/dist/chunk-IPCT4YZT.js

@@ -0,0 +1,63 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { Info, CircleCheck, TriangleAlert, CircleAlert } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var messageVariants = cva("flex items-start gap-1.5", {
+  variants: {
+    variant: {
+      error: "text-destructive",
+      warning: "text-warning",
+      success: "text-success",
+      info: "text-info"
+    },
+    size: {
+      sm: "text-xs",
+      md: "text-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "error",
+    size: "sm"
+  }
+});
+var defaultIcons = {
+  error: /* @__PURE__ */ jsx(CircleAlert, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+  warning: /* @__PURE__ */ jsx(TriangleAlert, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+  success: /* @__PURE__ */ jsx(CircleCheck, { "aria-hidden": "true", className: "size-3.5 shrink-0" }),
+  info: /* @__PURE__ */ jsx(Info, { "aria-hidden": "true", className: "size-3.5 shrink-0" })
+};
+function Message({
+  className,
+  variant = "error",
+  size,
+  icon,
+  showIcon = true,
+  animate,
+  children,
+  ...props
+}) {
+  const displayIcon = icon ?? (variant ? defaultIcons[variant] : null);
+  return /* @__PURE__ */ jsxs(
+    "p",
+    {
+      className: cn(
+        messageVariants({ variant, size }),
+        animate && "animate-in fade-in slide-in-from-top-1 duration-200",
+        className
+      ),
+      "aria-live": variant !== "error" ? "polite" : void 0,
+      "data-slot": "message",
+      role: variant === "error" ? "alert" : void 0,
+      ...props,
+      children: [
+        showIcon && displayIcon,
+        /* @__PURE__ */ jsx("span", { children })
+      ]
+    }
+  );
+}
+
+export { Message, messageVariants };
+//# sourceMappingURL=chunk-IPCT4YZT.js.map
+//# sourceMappingURL=chunk-IPCT4YZT.js.map

package/dist/chunk-IPCT4YZT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Message/Message.variants.ts","../src/components/feedback/Message/Message.tsx"],"names":[],"mappings":";;;;;AAMO,IAAM,eAAA,GAAkB,IAAI,0BAAA,EAA4B;AAAA,EAC7D,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,kBAAA;AAAA,MACP,OAAA,EAAS,cAAA;AAAA,MACT,OAAA,EAAS,cAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,SAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,OAAA;AAAA,IACT,IAAA,EAAM;AAAA;AAEV,CAAC;ACRD,IAAM,YAAA,GAAwD;AAAA,EAC5D,uBAAO,GAAA,CAAC,WAAA,EAAA,EAAY,aAAA,EAAY,MAAA,EAAO,WAAU,mBAAA,EAAoB,CAAA;AAAA,EACrE,yBAAS,GAAA,CAAC,aAAA,EAAA,EAAc,aAAA,EAAY,MAAA,EAAO,WAAU,mBAAA,EAAoB,CAAA;AAAA,EACzE,yBAAS,GAAA,CAAC,WAAA,EAAA,EAAY,aAAA,EAAY,MAAA,EAAO,WAAU,mBAAA,EAAoB,CAAA;AAAA,EACvE,sBAAM,GAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,WAAU,mBAAA,EAAoB;AAC/D,CAAA;AAcA,SAAS,OAAA,CAAQ;AAAA,EACf,SAAA;AAAA,EACA,OAAA,GAAU,OAAA;AAAA,EACV,IAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAiB;AACf,EAAA,MAAM,WAAA,GAAc,IAAA,KAAS,OAAA,GAAU,YAAA,CAAa,OAAO,CAAA,GAAI,IAAA,CAAA;AAE/D,EAAA,uBACE,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,eAAA,CAAgB,EAAE,OAAA,EAAS,IAAA,EAAM,CAAA;AAAA,QACjC,OAAA,IAAW,qDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,WAAA,EAAW,OAAA,KAAY,OAAA,GAAU,QAAA,GAAW,MAAA;AAAA,MAC5C,WAAA,EAAU,SAAA;AAAA,MACV,IAAA,EAAM,OAAA,KAAY,OAAA,GAAU,OAAA,GAAU,MAAA;AAAA,MACrC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,IAAY,WAAA;AAAA,wBACb,GAAA,CAAC,UAAM,QAAA,EAAS;AAAA;AAAA;AAAA,GAClB;AAEJ","file":"chunk-IPCT4YZT.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Message variant styles using CVA\n * Inline feedback messages for forms and fields\n */\nexport const messageVariants = cva(\"flex items-start gap-1.5\", {\n  variants: {\n    variant: {\n      error: \"text-destructive\",\n      warning: \"text-warning\",\n      success: \"text-success\",\n      info: \"text-info\",\n    },\n    size: {\n      sm: \"text-xs\",\n      md: \"text-sm\",\n    },\n  },\n  defaultVariants: {\n    variant: \"error\",\n    size: \"sm\",\n  },\n})\n","import type { MessageProps, MessageVariant } from \"./Message.types\"\n\nimport {\n  CircleAlert,\n  CircleCheck,\n  Info,\n  TriangleAlert,\n} from \"lucide-react\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { messageVariants } from \"./Message.variants\"\n\n/**\n * Default icons for each message variant\n */\nconst defaultIcons: Record<MessageVariant, React.ReactNode> = {\n  error: <CircleAlert aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />,\n  warning: <TriangleAlert aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />,\n  success: <CircleCheck aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />,\n  info: <Info aria-hidden=\"true\" className=\"size-3.5 shrink-0\" />,\n}\n\n/**\n * Message component for inline contextual feedback\n *\n * Used in forms to display validation errors, warnings, success messages,\n * or informational text associated with specific fields.\n *\n * @example\n * ```tsx\n * <Message variant=\"error\">This field is required</Message>\n * <Message variant=\"success\" id=\"email-success\">Email is valid</Message>\n * ```\n */\nfunction Message({\n  className,\n  variant = \"error\",\n  size,\n  icon,\n  showIcon = true,\n  animate,\n  children,\n  ...props\n}: MessageProps) {\n  const displayIcon = icon ?? (variant ? defaultIcons[variant] : null)\n\n  return (\n    <p\n      className={cn(\n        messageVariants({ variant, size }),\n        animate && \"animate-in fade-in slide-in-from-top-1 duration-200\",\n        className\n      )}\n      aria-live={variant !== \"error\" ? \"polite\" : undefined}\n      data-slot=\"message\"\n      role={variant === \"error\" ? \"alert\" : undefined}\n      {...props}\n    >\n      {showIcon && displayIcon}\n      <span>{children}</span>\n    </p>\n  )\n}\n\nexport { Message, messageVariants }\nexport type { MessageProps, MessageVariant }\n"]}

package/dist/chunk-IPDAFW4F.js

@@ -0,0 +1,370 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext as DndContext$1, closestCenter, useDraggable, useDroppable, DragOverlay as DragOverlay$1 } from '@dnd-kit/core';
+export { closestCenter, closestCorners, pointerWithin, rectIntersection } from '@dnd-kit/core';
+import { sortableKeyboardCoordinates, SortableContext as SortableContext$1, verticalListSortingStrategy, useSortable, arrayMove as arrayMove$1 } from '@dnd-kit/sortable';
+export { horizontalListSortingStrategy, rectSortingStrategy, rectSwappingStrategy, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var draggableVariants = cva(
+  [
+    "relative",
+    "touch-none",
+    "transition-shadow duration-200 ease-out"
+  ],
+  {
+    variants: {
+      isDragging: {
+        true: "opacity-50 cursor-grabbing",
+        false: "cursor-grab"
+      },
+      disabled: {
+        true: "cursor-not-allowed opacity-50",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isDragging: false,
+      disabled: false
+    }
+  }
+);
+var droppableVariants = cva(
+  [
+    "relative",
+    "transition-all duration-200 ease-out",
+    "border-2 border-dashed border-transparent"
+  ],
+  {
+    variants: {
+      isOver: {
+        true: "border-primary bg-primary/5",
+        false: ""
+      },
+      disabled: {
+        true: "cursor-not-allowed opacity-50",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isOver: false,
+      disabled: false
+    }
+  }
+);
+var sortableItemVariants = cva(
+  [
+    "relative",
+    "touch-none",
+    "transition-all duration-200 ease-out"
+  ],
+  {
+    variants: {
+      isDragging: {
+        true: [
+          "opacity-50",
+          "cursor-grabbing",
+          "z-10"
+        ],
+        false: ""
+      },
+      isSorting: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "cursor-not-allowed opacity-50",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isDragging: false,
+      isSorting: false,
+      disabled: false
+    }
+  }
+);
+var dragOverlayVariants = cva(
+  [
+    "bg-background",
+    "shadow-lg",
+    "rounded-md",
+    "cursor-grabbing",
+    "transition-transform duration-200 ease-out"
+  ],
+  {
+    variants: {},
+    defaultVariants: {}
+  }
+);
+var dragHandleVariants = cva(
+  [
+    "flex items-center justify-center",
+    "p-2",
+    "text-muted-foreground",
+    "cursor-grab",
+    "touch-none",
+    "hover:text-foreground",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "transition-colors duration-200"
+  ],
+  {
+    variants: {
+      isDragging: {
+        true: "cursor-grabbing",
+        false: ""
+      },
+      disabled: {
+        true: "cursor-not-allowed opacity-50 pointer-events-none",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      isDragging: false,
+      disabled: false
+    }
+  }
+);
+var SortableHandleContext = React.createContext(null);
+function useSortableHandle() {
+  const context = React.use(SortableHandleContext);
+  if (!context) {
+    throw new Error("DragHandle must be used within a SortableItem");
+  }
+  return context;
+}
+function DndContext({
+  children,
+  className,
+  collisionDetection = closestCenter,
+  modifiers,
+  onDragCancel,
+  onDragEnd,
+  onDragMove,
+  onDragOver,
+  onDragStart,
+  sensors: sensorsProp
+}) {
+  const defaultSensors = useSensors(
+    useSensor(PointerSensor, {
+      activationConstraint: {
+        distance: 8
+      }
+    }),
+    useSensor(KeyboardSensor, {
+      coordinateGetter: sortableKeyboardCoordinates
+    })
+  );
+  const sensors = sensorsProp ?? defaultSensors;
+  return /* @__PURE__ */ jsx(
+    DndContext$1,
+    {
+      collisionDetection,
+      modifiers,
+      sensors,
+      onDragCancel,
+      onDragEnd,
+      onDragMove,
+      onDragOver,
+      onDragStart,
+      children: /* @__PURE__ */ jsx("div", { className, "data-slot": "dnd-context", children })
+    }
+  );
+}
+function Draggable({
+  children,
+  className,
+  data,
+  disabled = false,
+  id
+}) {
+  const {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    transform
+  } = useDraggable({
+    id,
+    data,
+    disabled
+  });
+  const style = {
+    transform: transform ? `translate3d(${String(transform.x)}px, ${String(transform.y)}px, 0)` : void 0
+  };
+  const renderProps = {
+    attributes,
+    isDragging,
+    listeners,
+    setNodeRef,
+    transform
+  };
+  const content = typeof children === "function" ? children(renderProps) : children;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: setNodeRef,
+      className: cn(draggableVariants({ isDragging, disabled }), className),
+      "data-slot": "draggable",
+      style,
+      ...attributes,
+      ...listeners,
+      children: content
+    }
+  );
+}
+function Droppable({
+  children,
+  className,
+  data,
+  disabled = false,
+  id
+}) {
+  const { isOver, setNodeRef } = useDroppable({
+    id,
+    data,
+    disabled
+  });
+  const renderProps = {
+    isOver,
+    setNodeRef
+  };
+  const content = typeof children === "function" ? children(renderProps) : children;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: setNodeRef,
+      className: cn(droppableVariants({ isOver, disabled }), className),
+      "data-slot": "droppable",
+      children: content
+    }
+  );
+}
+function DragOverlay({
+  children,
+  className,
+  dropAnimation = {
+    duration: 200,
+    easing: "ease-out"
+  },
+  modifiers,
+  zIndex = 999
+}) {
+  return /* @__PURE__ */ jsx(
+    DragOverlay$1,
+    {
+      dropAnimation,
+      modifiers,
+      zIndex,
+      children: children ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(dragOverlayVariants(), className),
+          "data-slot": "drag-overlay",
+          children
+        }
+      ) : null
+    }
+  );
+}
+function SortableContext({
+  children,
+  disabled = false,
+  items,
+  strategy = verticalListSortingStrategy
+}) {
+  return /* @__PURE__ */ jsx(
+    SortableContext$1,
+    {
+      disabled,
+      items,
+      strategy,
+      children: /* @__PURE__ */ jsx("div", { "data-slot": "sortable-context", children })
+    }
+  );
+}
+function SortableItem({
+  children,
+  className,
+  data,
+  disabled = false,
+  id
+}) {
+  const {
+    attributes,
+    isDragging,
+    isSorting,
+    listeners,
+    setNodeRef,
+    transform,
+    transition
+  } = useSortable({
+    id,
+    data,
+    disabled
+  });
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition
+  };
+  const renderProps = {
+    attributes,
+    isDragging,
+    isSorting,
+    listeners,
+    setNodeRef,
+    style,
+    transition
+  };
+  const handleContextValue = {
+    attributes,
+    isDragging,
+    listeners
+  };
+  const content = typeof children === "function" ? children(renderProps) : children;
+  return /* @__PURE__ */ jsx(SortableHandleContext, { value: handleContextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: setNodeRef,
+      className: cn(
+        sortableItemVariants({ isDragging, isSorting, disabled }),
+        className
+      ),
+      "data-slot": "sortable-item",
+      style,
+      ...attributes,
+      ...listeners,
+      children: content
+    }
+  ) });
+}
+function DragHandle({
+  children,
+  className,
+  disabled = false,
+  ...props
+}) {
+  const { attributes, isDragging, listeners } = useSortableHandle();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(dragHandleVariants({ isDragging, disabled }), className),
+      "data-slot": "drag-handle",
+      disabled,
+      type: "button",
+      ...attributes,
+      ...listeners,
+      ...props,
+      children
+    }
+  );
+}
+function arrayMove(array, from, to) {
+  return arrayMove$1(array, from, to);
+}
+
+export { DndContext, DragHandle, DragOverlay, Draggable, Droppable, SortableContext, SortableItem, arrayMove, dragHandleVariants, dragOverlayVariants, draggableVariants, droppableVariants, sortableItemVariants };
+//# sourceMappingURL=chunk-IPDAFW4F.js.map
+//# sourceMappingURL=chunk-IPDAFW4F.js.map

package/dist/chunk-IPDAFW4F.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/advanced/DragAndDrop/DragAndDrop.variants.ts","../src/components/advanced/DragAndDrop/DragAndDrop.tsx"],"names":["DndContextPrimitive","DragOverlayPrimitive","SortableContextPrimitive","dndArrayMove"],"mappings":"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","file":"chunk-IPDAFW4F.js","sourcesContent":["// DragAndDrop/DragAndDrop.variants.ts\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\n// ============================================\n// DRAGGABLE VARIANTS\n// ============================================\n\nexport const draggableVariants = cva(\n  [\n    \"relative\",\n    \"touch-none\",\n    \"transition-shadow duration-200 ease-out\",\n  ],\n  {\n    variants: {\n      isDragging: {\n        true: \"opacity-50 cursor-grabbing\",\n        false: \"cursor-grab\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed opacity-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      isDragging: false,\n      disabled: false,\n    },\n  }\n)\n\nexport type DraggableVariantProps = VariantProps<typeof draggableVariants>\n\n// ============================================\n// DROPPABLE VARIANTS\n// ============================================\n\nexport const droppableVariants = cva(\n  [\n    \"relative\",\n    \"transition-all duration-200 ease-out\",\n    \"border-2 border-dashed border-transparent\",\n  ],\n  {\n    variants: {\n      isOver: {\n        true: \"border-primary bg-primary/5\",\n        false: \"\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed opacity-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      isOver: false,\n      disabled: false,\n    },\n  }\n)\n\nexport type DroppableVariantProps = VariantProps<typeof droppableVariants>\n\n// ============================================\n// SORTABLE ITEM VARIANTS\n// ============================================\n\nexport const sortableItemVariants = cva(\n  [\n    \"relative\",\n    \"touch-none\",\n    \"transition-all duration-200 ease-out\",\n  ],\n  {\n    variants: {\n      isDragging: {\n        true: [\n          \"opacity-50\",\n          \"cursor-grabbing\",\n          \"z-10\",\n        ],\n        false: \"\",\n      },\n      isSorting: {\n        true: \"\",\n        false: \"\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed opacity-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      isDragging: false,\n      isSorting: false,\n      disabled: false,\n    },\n  }\n)\n\nexport type SortableItemVariantProps = VariantProps<typeof sortableItemVariants>\n\n// ============================================\n// DRAG OVERLAY VARIANTS\n// ============================================\n\nexport const dragOverlayVariants = cva(\n  [\n    \"bg-background\",\n    \"shadow-lg\",\n    \"rounded-md\",\n    \"cursor-grabbing\",\n    \"transition-transform duration-200 ease-out\",\n  ],\n  {\n    variants: {},\n    defaultVariants: {},\n  }\n)\n\nexport type DragOverlayVariantProps = VariantProps<typeof dragOverlayVariants>\n\n// ============================================\n// DRAG HANDLE VARIANTS\n// ============================================\n\nexport const dragHandleVariants = cva(\n  [\n    \"flex items-center justify-center\",\n    \"p-2\",\n    \"text-muted-foreground\",\n    \"cursor-grab\",\n    \"touch-none\",\n    \"hover:text-foreground\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n    \"transition-colors duration-200\",\n  ],\n  {\n    variants: {\n      isDragging: {\n        true: \"cursor-grabbing\",\n        false: \"\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed opacity-50 pointer-events-none\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      isDragging: false,\n      disabled: false,\n    },\n  }\n)\n\nexport type DragHandleVariantProps = VariantProps<typeof dragHandleVariants>\n","import type {\n  DndContextProps,\n  DraggableProps,\n  DragHandleProps,\n  DragOverlayProps,\n  DroppableProps,\n  SortableContextProps,\n  SortableItemProps,\n} from \"./DragAndDrop.types\"\nimport type { DraggableAttributes, DraggableSyntheticListeners } from \"@dnd-kit/core\"\n\n// DragAndDrop/DragAndDrop.tsx\nimport {\n  closestCenter,\n  DndContext as DndContextPrimitive,\n  DragOverlay as DragOverlayPrimitive,\n  KeyboardSensor,\n  PointerSensor,\n  useDraggable,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\"\nimport {\n  arrayMove as dndArrayMove,\n  SortableContext as SortableContextPrimitive,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\"\nimport { CSS } from \"@dnd-kit/utilities\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n// ============================================\n// CONTEXT FOR SORTABLE HANDLE\n// ============================================\nimport {\n  draggableVariants,\n  dragHandleVariants,\n  dragOverlayVariants,\n  droppableVariants,\n  sortableItemVariants,\n} from \"./DragAndDrop.variants\"\n\ninterface SortableHandleContextValue {\n  attributes: DraggableAttributes\n  isDragging: boolean\n  listeners: DraggableSyntheticListeners\n}\n\nconst SortableHandleContext = React.createContext<null | SortableHandleContextValue>(null)\n\nfunction useSortableHandle() {\n  const context = React.use(SortableHandleContext)\n  if (!context) {\n    throw new Error(\"DragHandle must be used within a SortableItem\")\n  }\n  return context\n}\n\n// ============================================\n// DND CONTEXT\n// ============================================\n\n/**\n * DndContext - Provider for drag and drop functionality\n *\n * @example\n * ```tsx\n * <DndContext onDragEnd={handleDragEnd}>\n *   <Draggable id=\"item-1\">Drag me</Draggable>\n *   <Droppable id=\"drop-zone\">Drop here</Droppable>\n * </DndContext>\n * ```\n */\nfunction DndContext({\n  children,\n  className,\n  collisionDetection = closestCenter,\n  modifiers,\n  onDragCancel,\n  onDragEnd,\n  onDragMove,\n  onDragOver,\n  onDragStart,\n  sensors: sensorsProp,\n}: DndContextProps) {\n  const defaultSensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 8,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    })\n  )\n\n  const sensors = sensorsProp ?? defaultSensors\n\n  return (\n    <DndContextPrimitive\n      collisionDetection={collisionDetection}\n      modifiers={modifiers}\n      sensors={sensors}\n      onDragCancel={onDragCancel}\n      onDragEnd={onDragEnd}\n      onDragMove={onDragMove}\n      onDragOver={onDragOver}\n      onDragStart={onDragStart}\n    >\n      <div className={className} data-slot=\"dnd-context\">\n        {children}\n      </div>\n    </DndContextPrimitive>\n  )\n}\n\n// ============================================\n// DRAGGABLE\n// ============================================\n\n/**\n * Draggable - Makes an element draggable\n *\n * @example\n * ```tsx\n * <Draggable id=\"item-1\">\n *   <div className=\"p-4 border rounded\">Drag me</div>\n * </Draggable>\n * ```\n */\nfunction Draggable({\n  children,\n  className,\n  data,\n  disabled = false,\n  id,\n}: DraggableProps) {\n  const {\n    attributes,\n    isDragging,\n    listeners,\n    setNodeRef,\n    transform,\n  } = useDraggable({\n    id,\n    data,\n    disabled,\n  })\n\n  const style: React.CSSProperties = {\n    transform: transform\n      ? `translate3d(${String(transform.x)}px, ${String(transform.y)}px, 0)`\n      : undefined,\n  }\n\n  const renderProps = {\n    attributes: attributes as unknown as Record<string, unknown>,\n    isDragging,\n    listeners: listeners as unknown as Record<string, unknown> | undefined,\n    setNodeRef,\n    transform,\n  }\n\n  // Render-prop API intentionally exposes setNodeRef for custom roots.\n  // eslint-disable-next-line react-hooks/refs\n  const content = typeof children === \"function\" ? children(renderProps) : children\n\n  return (\n    <div\n      ref={setNodeRef}\n      className={cn(draggableVariants({ isDragging, disabled }), className)}\n      data-slot=\"draggable\"\n      style={style}\n      {...attributes}\n      {...listeners}\n    >\n      {content}\n    </div>\n  )\n}\n\n// ============================================\n// DROPPABLE\n// ============================================\n\n/**\n * Droppable - Defines a drop zone\n *\n * @example\n * ```tsx\n * <Droppable id=\"drop-zone\">\n *   <div className=\"p-4 border rounded\">Drop items here</div>\n * </Droppable>\n * ```\n */\nfunction Droppable({\n  children,\n  className,\n  data,\n  disabled = false,\n  id,\n}: DroppableProps) {\n  const { isOver, setNodeRef } = useDroppable({\n    id,\n    data,\n    disabled,\n  })\n\n  const renderProps = {\n    isOver,\n    setNodeRef,\n  }\n\n  // Render-prop API intentionally exposes setNodeRef for custom roots.\n  // eslint-disable-next-line react-hooks/refs\n  const content = typeof children === \"function\" ? children(renderProps) : children\n\n  return (\n    <div\n      ref={setNodeRef}\n      className={cn(droppableVariants({ isOver, disabled }), className)}\n      data-slot=\"droppable\"\n    >\n      {content}\n    </div>\n  )\n}\n\n// ============================================\n// DRAG OVERLAY\n// ============================================\n\n/**\n * DragOverlay - Overlay shown during drag\n *\n * @example\n * ```tsx\n * <DndContext>\n *   {items.map(item => <Draggable key={item.id} id={item.id} />)}\n *   <DragOverlay>\n *     {activeId ? <div>Dragging: {activeId}</div> : null}\n *   </DragOverlay>\n * </DndContext>\n * ```\n */\nfunction DragOverlay({\n  children,\n  className,\n  dropAnimation = {\n    duration: 200,\n    easing: \"ease-out\",\n  },\n  modifiers,\n  zIndex = 999,\n}: DragOverlayProps) {\n  return (\n    <DragOverlayPrimitive\n      dropAnimation={dropAnimation}\n      modifiers={modifiers}\n      zIndex={zIndex}\n    >\n      {children ? (\n        <div\n          className={cn(dragOverlayVariants(), className)}\n          data-slot=\"drag-overlay\"\n        >\n          {children}\n        </div>\n      ) : null}\n    </DragOverlayPrimitive>\n  )\n}\n\n// ============================================\n// SORTABLE CONTEXT\n// ============================================\n\n/**\n * SortableContext - Context for sortable lists\n *\n * @example\n * ```tsx\n * <SortableContext items={items}>\n *   {items.map(item => (\n *     <SortableItem key={item.id} id={item.id}>\n *       {item.name}\n *     </SortableItem>\n *   ))}\n * </SortableContext>\n * ```\n */\nfunction SortableContext({\n  children,\n  disabled = false,\n  items,\n  strategy = verticalListSortingStrategy,\n}: SortableContextProps) {\n  return (\n    <SortableContextPrimitive\n      disabled={disabled}\n      items={items}\n      strategy={strategy}\n    >\n      <div data-slot=\"sortable-context\">{children}</div>\n    </SortableContextPrimitive>\n  )\n}\n\n// ============================================\n// SORTABLE ITEM\n// ============================================\n\n/**\n * SortableItem - Sortable item within a SortableContext\n *\n * @example\n * ```tsx\n * <SortableItem id={item.id}>\n *   <div className=\"p-4 border rounded\">{item.name}</div>\n * </SortableItem>\n * ```\n */\nfunction SortableItem({\n  children,\n  className,\n  data,\n  disabled = false,\n  id,\n}: SortableItemProps) {\n  const {\n    attributes,\n    isDragging,\n    isSorting,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n  } = useSortable({\n    id,\n    data,\n    disabled,\n  })\n\n  const style: React.CSSProperties = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  }\n\n  const renderProps = {\n    attributes: attributes as unknown as Record<string, unknown>,\n    isDragging,\n    isSorting,\n    listeners: listeners as unknown as Record<string, unknown> | undefined,\n    setNodeRef,\n    style,\n    transition,\n  }\n\n  const handleContextValue: SortableHandleContextValue = {\n    attributes,\n    isDragging,\n    listeners,\n  }\n\n  // Render-prop API intentionally exposes setNodeRef for custom roots.\n  // eslint-disable-next-line react-hooks/refs\n  const content = typeof children === \"function\" ? children(renderProps) : children\n\n  return (\n    <SortableHandleContext value={handleContextValue}>\n      <div\n        ref={setNodeRef}\n        className={cn(\n          sortableItemVariants({ isDragging, isSorting, disabled }),\n          className\n        )}\n        data-slot=\"sortable-item\"\n        style={style}\n        {...attributes}\n        {...listeners}\n      >\n        {content}\n      </div>\n    </SortableHandleContext>\n  )\n}\n\n// ============================================\n// DRAG HANDLE\n// ============================================\n\n/**\n * DragHandle - Handle for initiating drag within a SortableItem\n *\n * @example\n * ```tsx\n * <SortableItem id={item.id}>\n *   <div className=\"flex items-center gap-2\">\n *     <DragHandle>\n *       <GripVerticalIcon className=\"h-4 w-4\" />\n *     </DragHandle>\n *     <span>{item.name}</span>\n *   </div>\n * </SortableItem>\n * ```\n */\nfunction DragHandle({\n  children,\n  className,\n  disabled = false,\n  ...props\n}: DragHandleProps) {\n  const { attributes, isDragging, listeners } = useSortableHandle()\n\n  return (\n    <button\n      className={cn(dragHandleVariants({ isDragging, disabled }), className)}\n      data-slot=\"drag-handle\"\n      disabled={disabled}\n      type=\"button\"\n      {...attributes}\n      {...listeners}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\n// ============================================\n// UTILITY: ARRAY MOVE\n// ============================================\n\n/**\n * arrayMove - Utility to reorder array items\n *\n * @example\n * ```tsx\n * const newItems = arrayMove(items, oldIndex, newIndex)\n * ```\n */\nfunction arrayMove<T>(array: T[], from: number, to: number): T[] {\n  return dndArrayMove(array, from, to)\n}\n\n// ============================================\n// EXPORTS\n// ============================================\n\nexport {\n  arrayMove,\n  DndContext,\n  type DndContextProps,\n  Draggable,\n  type DraggableProps,\n  DragHandle,\n  type DragHandleProps,\n  DragOverlay,\n  type DragOverlayProps,\n  Droppable,\n  type DroppableProps,\n  SortableContext,\n  type SortableContextProps,\n  SortableItem,\n  type SortableItemProps,\n}\n\n// Re-export useful types\nexport type {\n  DragCancelEvent,\n  DragEndEvent,\n  DragMoveEvent,\n  DragOverEvent,\n  DragStartEvent,\n  UniqueIdentifier,\n} from \"./DragAndDrop.types\"\n\n// Re-export sorting strategies\nexport {\n  horizontalListSortingStrategy,\n  rectSortingStrategy,\n  rectSwappingStrategy,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\"\n\n// Re-export collision detection\nexport {\n  closestCenter,\n  closestCorners,\n  pointerWithin,\n  rectIntersection,\n} from \"@dnd-kit/core\"\n"]}

package/dist/chunk-IXZBH33I.js

@@ -0,0 +1,63 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var alertVariants = cva(
+  "relative w-full rounded-[var(--alert-root-radius)] border px-[var(--alert-root-padding-x)] py-[var(--alert-root-padding-y)] text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-[var(--alert-root-gap)] gap-y-0.5 items-start [&>svg]:size-[var(--alert-icon-size)] [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-[color:var(--alert-variant-default-bg)] text-[color:var(--alert-variant-default-fg)] border-[color:var(--alert-variant-default-border)]",
+        destructive: "bg-[color:var(--alert-variant-destructive-bg)] text-[color:var(--alert-variant-destructive-fg)] border-[color:var(--alert-variant-destructive-border)] [&>svg]:text-current *:data-[slot=alert-description]:text-[color:var(--alert-variant-destructive-fg)]/90",
+        info: "bg-[color:var(--alert-variant-info-bg)] text-[color:var(--alert-variant-info-fg)] border-[color:var(--alert-variant-info-border)] [&>svg]:text-current *:data-[slot=alert-description]:text-[color:var(--alert-variant-info-fg)]/90",
+        success: "bg-[color:var(--alert-variant-success-bg)] text-[color:var(--alert-variant-success-fg)] border-[color:var(--alert-variant-success-border)] [&>svg]:text-current *:data-[slot=alert-description]:text-[color:var(--alert-variant-success-fg)]/90",
+        warning: "bg-[color:var(--alert-variant-warning-bg)] text-[color:var(--alert-variant-warning-fg)] border-[color:var(--alert-variant-warning-border)] [&>svg]:text-current *:data-[slot=alert-description]:text-[color:var(--alert-variant-warning-fg)]/90"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({ className, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(alertVariants({ variant }), className),
+      "data-slot": "alert",
+      "data-variant": variant,
+      role: "alert",
+      ...props
+    }
+  );
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className
+      ),
+      "data-slot": "alert-title",
+      ...props
+    }
+  );
+}
+function AlertDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className
+      ),
+      "data-slot": "alert-description",
+      ...props
+    }
+  );
+}
+
+export { Alert, AlertDescription, AlertTitle, alertVariants };
+//# sourceMappingURL=chunk-IXZBH33I.js.map
+//# sourceMappingURL=chunk-IXZBH33I.js.map

package/dist/chunk-IXZBH33I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Alert/Alert.variants.ts","../src/components/feedback/Alert/Alert.tsx"],"names":[],"mappings":";;;;AAKO,IAAM,aAAA,GAAgB,GAAA;AAAA,EAC3B,gWAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,4IAAA;AAAA,QACT,WAAA,EACE,iQAAA;AAAA,QACF,IAAA,EAAM,qOAAA;AAAA,QACN,OAAA,EACE,iPAAA;AAAA,QACF,OAAA,EACE;AAAA;AACJ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS;AAAA;AACX;AAEJ;ACfA,SAAS,MAAM,EAAE,SAAA,EAAW,UAAU,SAAA,EAAW,GAAG,OAAM,EAAe;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,CAAG,aAAA,CAAc,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MACnD,WAAA,EAAU,OAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,IAAA,EAAK,OAAA;AAAA,MACJ,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,OAAM,EAAoB;AAC5D,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,6DAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,WAAA,EAAU,aAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,gBAAA,CAAiB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA0B;AACxE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,gGAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,WAAA,EAAU,mBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"chunk-IXZBH33I.js","sourcesContent":["import { cva } from \"class-variance-authority\"\n\n/**\n * Alert variant styles using CVA\n */\nexport const alertVariants = cva(\n  \"relative w-full rounded-[var(--alert-root-radius)] border px-[var(--alert-root-padding-x)] py-[var(--alert-root-padding-y)] text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-[var(--alert-root-gap)] gap-y-0.5 items-start [&>svg]:size-[var(--alert-icon-size)] [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-[color:var(--alert-variant-default-bg)] text-[color:var(--alert-variant-default-fg)] border-[color:var(--alert-variant-default-border)]\",\n        destructive:\n          \"bg-[color:var(--alert-variant-destructive-bg)] text-[color:var(--alert-variant-destructive-fg)] border-[color:var(--alert-variant-destructive-border)] [&>svg]:text-current *:data-[slot=alert-description]:text-[color:var(--alert-variant-destructive-fg)]/90\",\n        info: \"bg-[color:var(--alert-variant-info-bg)] text-[color:var(--alert-variant-info-fg)] border-[color:var(--alert-variant-info-border)] [&>svg]:text-current *:data-[slot=alert-description]:text-[color:var(--alert-variant-info-fg)]/90\",\n        success:\n          \"bg-[color:var(--alert-variant-success-bg)] text-[color:var(--alert-variant-success-fg)] border-[color:var(--alert-variant-success-border)] [&>svg]:text-current *:data-[slot=alert-description]:text-[color:var(--alert-variant-success-fg)]/90\",\n        warning:\n          \"bg-[color:var(--alert-variant-warning-bg)] text-[color:var(--alert-variant-warning-fg)] border-[color:var(--alert-variant-warning-border)] [&>svg]:text-current *:data-[slot=alert-description]:text-[color:var(--alert-variant-warning-fg)]/90\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n","import type {\n  AlertDescriptionProps,\n  AlertProps,\n  AlertTitleProps,\n} from \"./Alert.types\"\n\nimport { cn } from \"../../../lib/utils\"\nimport { alertVariants } from \"./Alert.variants\"\n\nfunction Alert({ className, variant = \"default\", ...props }: AlertProps) {\n  return (\n    <div\n      className={cn(alertVariants({ variant }), className)}\n      data-slot=\"alert\"\n      data-variant={variant}\n      role=\"alert\"\n      {...props}\n    />\n  )\n}\n\nfunction AlertTitle({ className, ...props }: AlertTitleProps) {\n  return (\n    <div\n      className={cn(\n        \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n        className\n      )}\n      data-slot=\"alert-title\"\n      {...props}\n    />\n  )\n}\n\nfunction AlertDescription({ className, ...props }: AlertDescriptionProps) {\n  return (\n    <div\n      className={cn(\n        \"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n        className\n      )}\n      data-slot=\"alert-description\"\n      {...props}\n    />\n  )\n}\n\nexport { Alert, AlertDescription, AlertTitle, alertVariants }\nexport type { AlertDescriptionProps, AlertProps, AlertTitleProps }\n"]}