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

package/dist/chunk-BFBGESUI.js

@@ -0,0 +1,217 @@
+import { ChartTooltipContent, ChartContainer, ChartTooltip, ChartLegend, ChartLegendContent } from './chunk-7I6KK6QE.js';
+import { cn } from './chunk-HRNDJU7D.js';
+import * as React from 'react';
+import { PieChart as PieChart$1, Pie, Cell } from 'recharts';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function getVariantConfig(variant, innerRadius, outerRadius, startAngle, endAngle) {
+  const defaultOuterRadius = outerRadius ?? 80;
+  switch (variant) {
+    case "donut":
+      return {
+        endAngle: endAngle ?? 360,
+        innerRadius: innerRadius ?? Math.round(defaultOuterRadius * 0.6),
+        outerRadius: defaultOuterRadius,
+        startAngle: startAngle ?? 0
+      };
+    case "semi":
+      return {
+        endAngle: endAngle ?? 0,
+        innerRadius: innerRadius ?? Math.round(defaultOuterRadius * 0.6),
+        outerRadius: defaultOuterRadius,
+        startAngle: startAngle ?? 180
+      };
+    default:
+      return {
+        endAngle: endAngle ?? 360,
+        innerRadius: innerRadius ?? 0,
+        outerRadius: defaultOuterRadius,
+        startAngle: startAngle ?? 0
+      };
+  }
+}
+function CenterLabel({
+  centerLabel,
+  cx,
+  cy
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    centerLabel.value && /* @__PURE__ */ jsx(
+      "text",
+      {
+        className: "fill-foreground text-3xl font-bold",
+        dominantBaseline: "middle",
+        textAnchor: "middle",
+        x: cx,
+        y: centerLabel.label ? "45%" : cy,
+        children: centerLabel.value
+      }
+    ),
+    centerLabel.label && /* @__PURE__ */ jsx(
+      "text",
+      {
+        className: "fill-muted-foreground text-sm",
+        dominantBaseline: "middle",
+        textAnchor: "middle",
+        x: cx,
+        y: centerLabel.value ? "55%" : cy,
+        children: centerLabel.label
+      }
+    )
+  ] });
+}
+function createLabelRenderer(config) {
+  if (config === true) {
+    return ({ name, percent }) => `${name ?? ""} ${((percent ?? 0) * 100).toFixed(0)}%`;
+  }
+  const { formatter } = config;
+  if (formatter) {
+    return (entry) => formatter(entry, entry.percent ?? 0);
+  }
+  return ({ name, percent }) => `${name ?? ""} ${((percent ?? 0) * 100).toFixed(0)}%`;
+}
+function PieChart({
+  activeIndex,
+  activeShape,
+  animationDuration = 400,
+  centerLabel,
+  className,
+  config,
+  cornerRadius = 0,
+  customTooltip,
+  data,
+  dataKey = "value",
+  enableLegendSlider = false,
+  endAngle: endAngleProp,
+  innerRadius: innerRadiusProp,
+  label = false,
+  nameKey = "name",
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  outerRadius: outerRadiusProp,
+  paddingAngle = 0,
+  showLegend = false,
+  showTooltip = true,
+  startAngle: startAngleProp,
+  tooltipCallback,
+  tooltipIndicator = "dot",
+  variant = "pie",
+  ...props
+}) {
+  const prevTooltipStateRef = React.useRef(false);
+  const TooltipContentWithCallback = React.useCallback(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    (props2) => {
+      const { active = false, payload } = props2;
+      if (tooltipCallback && active !== prevTooltipStateRef.current) {
+        prevTooltipStateRef.current = active;
+        tooltipCallback({
+          active,
+          name: payload?.[0]?.name,
+          payload: payload?.map((p) => ({
+            name: p.name,
+            value: p.value,
+            payload: p.payload
+          }))
+        });
+      }
+      return /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator, nameKey, ...props2 });
+    },
+    [tooltipCallback, tooltipIndicator, nameKey]
+  );
+  const {
+    endAngle,
+    innerRadius,
+    outerRadius,
+    startAngle
+  } = getVariantConfig(
+    variant,
+    innerRadiusProp,
+    outerRadiusProp,
+    startAngleProp,
+    endAngleProp
+  );
+  const showCenterLabel = centerLabel && innerRadius > 0;
+  const activeShapeConfig = activeShape ? {
+    outerRadius: activeShape.outerRadius ?? outerRadius + 10,
+    stroke: activeShape.stroke ?? "var(--primary)",
+    strokeWidth: activeShape.strokeWidth ?? 2
+  } : void 0;
+  const labelConfig = typeof label === "boolean" ? label ? true : void 0 : label;
+  const labelRenderer = labelConfig ? createLabelRenderer(labelConfig) : void 0;
+  const showLabelLine = typeof label === "object" && label.line !== false;
+  const handleClick = onClick ? (_, index) => {
+    const item = data[index];
+    if (item) onClick(item, index);
+  } : void 0;
+  const handleMouseEnter = onMouseEnter ? (_, index) => {
+    const item = data[index];
+    if (item) onMouseEnter(item, index);
+  } : void 0;
+  return /* @__PURE__ */ jsx("div", { "data-slot": "pie-chart", ...props, children: /* @__PURE__ */ jsx(
+    ChartContainer,
+    {
+      className: cn(
+        variant === "semi" && "aspect-[2/1]",
+        className
+      ),
+      config,
+      children: /* @__PURE__ */ jsxs(PieChart$1, { children: [
+        showTooltip && /* @__PURE__ */ jsx(
+          ChartTooltip,
+          {
+            content: customTooltip ?? (tooltipCallback ? /* @__PURE__ */ jsx(TooltipContentWithCallback, {}) : /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: tooltipIndicator, nameKey }))
+          }
+        ),
+        showLegend && /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, { enableSlider: enableLegendSlider, nameKey }) }),
+        /* @__PURE__ */ jsx(
+          Pie,
+          {
+            ...{
+              activeIndex,
+              activeShape: activeShapeConfig,
+              animationDuration,
+              cornerRadius,
+              cx: "50%",
+              cy: variant === "semi" ? "100%" : "50%",
+              data,
+              dataKey,
+              endAngle,
+              innerRadius,
+              label: labelRenderer,
+              labelLine: showLabelLine,
+              nameKey,
+              onClick: handleClick,
+              onMouseEnter: handleMouseEnter,
+              onMouseLeave,
+              outerRadius,
+              paddingAngle,
+              startAngle
+            },
+            children: data.map((entry) => /* @__PURE__ */ jsx(
+              Cell,
+              {
+                fill: entry.fill ?? `var(--color-${entry.name.toLowerCase().replaceAll(" ", "-")})`
+              },
+              entry.name
+            ))
+          }
+        ),
+        showCenterLabel && /* @__PURE__ */ jsx(
+          CenterLabel,
+          {
+            centerLabel,
+            cx: "50%",
+            cy: variant === "semi" ? "100%" : "50%"
+          }
+        )
+      ] })
+    }
+  ) });
+}
+PieChart.displayName = "PieChart";
+
+export { PieChart };
+//# sourceMappingURL=chunk-BFBGESUI.js.map
+//# sourceMappingURL=chunk-BFBGESUI.js.map

package/dist/chunk-BFBGESUI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/PieChart/PieChart.tsx"],"names":["props","RechartsPieChart"],"mappings":"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","file":"chunk-BFBGESUI.js","sourcesContent":["\"use client\"\n\nimport type {\n  PieChartActiveShape,\n  PieChartCenterLabel,\n  PieChartDataItem,\n  PieChartLabelConfig,\n  PieChartProps,\n} from \"./PieChart.types\"\n\nimport * as React from \"react\"\nimport {\n  Cell,\n  Pie,\n  PieChart as RechartsPieChart,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * Get variant configuration for pie chart\n */\nfunction getVariantConfig(\n  variant: PieChartProps[\"variant\"],\n  innerRadius?: number,\n  outerRadius?: number,\n  startAngle?: number,\n  endAngle?: number\n): { endAngle: number; innerRadius: number; outerRadius: number; startAngle: number } {\n  const defaultOuterRadius = outerRadius ?? 80\n\n  switch (variant) {\n    case \"donut\":\n      return {\n        endAngle: endAngle ?? 360,\n        innerRadius: innerRadius ?? Math.round(defaultOuterRadius * 0.6),\n        outerRadius: defaultOuterRadius,\n        startAngle: startAngle ?? 0,\n      }\n    case \"semi\":\n      return {\n        endAngle: endAngle ?? 0,\n        innerRadius: innerRadius ?? Math.round(defaultOuterRadius * 0.6),\n        outerRadius: defaultOuterRadius,\n        startAngle: startAngle ?? 180,\n      }\n    default: // \"pie\"\n      return {\n        endAngle: endAngle ?? 360,\n        innerRadius: innerRadius ?? 0,\n        outerRadius: defaultOuterRadius,\n        startAngle: startAngle ?? 0,\n      }\n  }\n}\n\n/**\n * Render center label for donut charts\n */\nfunction CenterLabel({\n  centerLabel,\n  cx,\n  cy,\n}: {\n  centerLabel: PieChartCenterLabel\n  cx: string\n  cy: string\n}) {\n  return (\n    <>\n      {centerLabel.value && (\n        <text\n          className=\"fill-foreground text-3xl font-bold\"\n          dominantBaseline=\"middle\"\n          textAnchor=\"middle\"\n          x={cx}\n          y={centerLabel.label ? \"45%\" : cy}\n        >\n          {centerLabel.value}\n        </text>\n      )}\n      {centerLabel.label && (\n        <text\n          className=\"fill-muted-foreground text-sm\"\n          dominantBaseline=\"middle\"\n          textAnchor=\"middle\"\n          x={cx}\n          y={centerLabel.value ? \"55%\" : cy}\n        >\n          {centerLabel.label}\n        </text>\n      )}\n    </>\n  )\n}\n\n/**\n * Create label render function from config\n */\nfunction createLabelRenderer(config: PieChartLabelConfig | true) {\n  if (config === true) {\n    return ({ name, percent }: { name?: string; percent?: number }) =>\n      `${name ?? ''} ${((percent ?? 0) * 100).toFixed(0)}%`\n  }\n\n  const { formatter } = config\n  if (formatter) {\n    return (entry: { name?: string; percent?: number; value?: number }) =>\n      formatter(entry as PieChartDataItem & { percent: number }, entry.percent ?? 0)\n  }\n\n  return ({ name, percent }: { name?: string; percent?: number }) =>\n    `${name ?? ''} ${((percent ?? 0) * 100).toFixed(0)}%`\n}\n\n/**\n * PieChart - Data visualization component for proportional distribution\n *\n * Displays data as slices of a circle where each slice represents a proportion\n * of the whole. Supports pie, donut, and semi-circle variants.\n *\n * @example\n * ```tsx\n * const data = [\n *   { name: \"Chrome\", value: 275, fill: \"var(--color-chrome)\" },\n *   { name: \"Safari\", value: 200, fill: \"var(--color-safari)\" },\n *   { name: \"Firefox\", value: 187, fill: \"var(--color-firefox)\" },\n * ]\n *\n * const config = {\n *   chrome: { label: \"Chrome\", color: \"hsl(var(--chart-1))\" },\n *   safari: { label: \"Safari\", color: \"hsl(var(--chart-2))\" },\n *   firefox: { label: \"Firefox\", color: \"hsl(var(--chart-3))\" },\n * }\n *\n * <PieChart\n *   data={data}\n *   config={config}\n * />\n * ```\n */\nexport function PieChart({\n  activeIndex,\n  activeShape,\n  animationDuration = 400,\n  centerLabel,\n  className,\n  config,\n  cornerRadius = 0,\n  customTooltip,\n  data,\n  dataKey = \"value\",\n  enableLegendSlider = false,\n  endAngle: endAngleProp,\n  innerRadius: innerRadiusProp,\n  label = false,\n  nameKey = \"name\",\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  outerRadius: outerRadiusProp,\n  paddingAngle = 0,\n  showLegend = false,\n  showTooltip = true,\n  startAngle: startAngleProp,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  variant = \"pie\",\n  ...props\n}: PieChartProps) {\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n        tooltipCallback({\n          active,\n          name: payload?.[0]?.name,\n          payload: payload?.map((p: { name: string; payload: PieChartDataItem; value: number; }) => ({\n            name: p.name,\n            value: p.value,\n            payload: p.payload,\n          })),\n        })\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} nameKey={nameKey} {...props} />\n    },\n    [tooltipCallback, tooltipIndicator, nameKey]\n  )\n  const {\n    endAngle,\n    innerRadius,\n    outerRadius,\n    startAngle,\n  } = getVariantConfig(\n    variant,\n    innerRadiusProp,\n    outerRadiusProp,\n    startAngleProp,\n    endAngleProp\n  )\n\n  const showCenterLabel = centerLabel && innerRadius > 0\n\n  // Build active shape config\n  const activeShapeConfig: PieChartActiveShape | undefined = activeShape\n    ? {\n        outerRadius: activeShape.outerRadius ?? outerRadius + 10,\n        stroke: activeShape.stroke ?? \"var(--primary)\",\n        strokeWidth: activeShape.strokeWidth ?? 2,\n      }\n    : undefined\n\n  // Handle label configuration\n  const labelConfig = typeof label === \"boolean\"\n    ? (label ? true : undefined)\n    : label\n\n  const labelRenderer = labelConfig\n    ? createLabelRenderer(labelConfig)\n    : undefined\n\n  const showLabelLine = typeof label === \"object\" && label.line !== false\n\n  // Event handlers\n  const handleClick = onClick\n    ? (_: unknown, index: number) => {\n        const item = data[index]\n        if (item) onClick(item, index)\n      }\n    : undefined\n\n  const handleMouseEnter = onMouseEnter\n    ? (_: unknown, index: number) => {\n        const item = data[index]\n        if (item) onMouseEnter(item, index)\n      }\n    : undefined\n\n  return (\n    <div data-slot=\"pie-chart\" {...props}>\n      <ChartContainer\n        className={cn(\n          variant === \"semi\" && \"aspect-[2/1]\",\n          className\n        )}\n        config={config}\n      >\n        <RechartsPieChart>\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                customTooltip\n                  ?? (tooltipCallback\n                    ? <TooltipContentWithCallback />\n                    : <ChartTooltipContent indicator={tooltipIndicator} nameKey={nameKey} />)\n              }\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend content={<ChartLegendContent enableSlider={enableLegendSlider} nameKey={nameKey} />} />\n          )}\n\n          { }\n          { }\n          <Pie\n            {...({\n              activeIndex,\n              activeShape: activeShapeConfig,\n              animationDuration,\n              cornerRadius,\n              cx: \"50%\",\n              cy: variant === \"semi\" ? \"100%\" : \"50%\",\n              data,\n              dataKey,\n              endAngle,\n              innerRadius,\n              label: labelRenderer,\n              labelLine: showLabelLine,\n              nameKey,\n              onClick: handleClick,\n              onMouseEnter: handleMouseEnter,\n              onMouseLeave,\n              outerRadius,\n              paddingAngle,\n              startAngle,\n            } as Record<string, unknown>)}\n          >\n            {data.map((entry) => (\n              <Cell\n                key={entry.name}\n                fill={entry.fill ?? `var(--color-${entry.name.toLowerCase().replaceAll(\" \", \"-\")})`}\n              />\n            ))}\n          </Pie>\n\n          {showCenterLabel && (\n            <CenterLabel\n              centerLabel={centerLabel}\n              cx=\"50%\"\n              cy={variant === \"semi\" ? \"100%\" : \"50%\"}\n            />\n          )}\n        </RechartsPieChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nPieChart.displayName = \"PieChart\"\n"]}

package/dist/chunk-BITATKTH.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-BITATKTH.js.map
+//# sourceMappingURL=chunk-BITATKTH.js.map

package/dist/chunk-BITATKTH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-BITATKTH.js"}

package/dist/chunk-BIUVOZQG.js

@@ -0,0 +1,370 @@
+import { cn } from './chunk-HRNDJU7D.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-BIUVOZQG.js.map
+//# sourceMappingURL=chunk-BIUVOZQG.js.map

package/dist/chunk-BIUVOZQG.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-BIUVOZQG.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"]}