erp-pro-ui 0.2.6 → 0.2.7

package/dist/chunks/{progress-bar-BAvRSW1b.mjs.map → progress-bar-l5WpbpZf.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"progress-bar-BAvRSW1b.mjs","names":[],"sources":["../../src/components/data-display/progress-bar/ProgressBar.tsx","../../src/components/data-display/progress-bar/CircularProgress.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type ProgressBarSize = \"sm\" | \"md\" | \"lg\";\nexport type ProgressBarTone =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\n\nexport interface ProgressBarProps {\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  percentageLabel?: React.ReactNode;\n  showPercentage?: boolean;\n  size?: ProgressBarSize;\n  tone?: ProgressBarTone;\n  className?: string;\n  trackClassName?: string;\n  fillClassName?: string;\n  ariaLabel?: string;\n}\n\nconst sizeStyles: Record<\n  ProgressBarSize,\n  {\n    track: string;\n    label: string;\n    percentage: string;\n  }\n> = {\n  sm: {\n    track: \"h-1.5\",\n    label: \"text-xs\",\n    percentage: \"text-xs\",\n  },\n  md: {\n    track: \"h-2.5\",\n    label: \"text-sm\",\n    percentage: \"text-sm\",\n  },\n  lg: {\n    track: \"h-3.5\",\n    label: \"text-base\",\n    percentage: \"text-base\",\n  },\n};\n\nconst toneStyles: Record<\n  ProgressBarTone,\n  {\n    color: string;\n    trackBackground: string;\n  }\n> = {\n  default: {\n    color: \"var(--ds-chart-1)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(15, 23, 42, 0.08) 0%, rgba(30, 41, 59, 0.14) 100%)\",\n  },\n  success: {\n    color: \"var(--ds-chart-3)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(20, 83, 45, 0.12) 0%, rgba(34, 197, 94, 0.18) 100%)\",\n  },\n  warning: {\n    color: \"var(--ds-chart-4)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(120, 53, 15, 0.12) 0%, rgba(245, 158, 11, 0.18) 100%)\",\n  },\n  danger: {\n    color: \"var(--ds-chart-5)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(127, 29, 29, 0.12) 0%, rgba(239, 68, 68, 0.18) 100%)\",\n  },\n  info: {\n    color: \"var(--ds-chart-2)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(30, 64, 175, 0.12) 0%, rgba(59, 130, 246, 0.18) 100%)\",\n  },\n};\n\nfunction clampValue(value: number, max: number): number {\n  if (!Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.min(Math.max(value, 0), max);\n}\n\nexport default function ProgressBar({\n  value,\n  max = 100,\n  label,\n  percentageLabel,\n  showPercentage = true,\n  size = \"md\",\n  tone = \"default\",\n  className = \"\",\n  trackClassName = \"\",\n  fillClassName = \"\",\n  ariaLabel = \"Progress\",\n}: ProgressBarProps) {\n  const safeMax = Number.isFinite(max) && max > 0 ? max : 100;\n  const clampedValue = clampValue(value, safeMax);\n  const percentage = (clampedValue / safeMax) * 100;\n  const roundedPercentage = Math.round(percentage);\n  const toneStyle = toneStyles[tone];\n  const resolvedPercentageLabel = percentageLabel ?? `${roundedPercentage}%`;\n\n  return (\n    <div className={`w-full space-y-3 ${className}`}>\n      {(label || showPercentage) && (\n        <div className=\"flex items-center justify-between gap-4\">\n          <div\n            className={`font-mono font-semibold tracking-[0.08em] text-ds-1 ${sizeStyles[size].label}`}\n          >\n            {label}\n          </div>\n          {showPercentage && (\n            <div\n              className={`font-mono font-medium tracking-[0.08em] text-ds-2 ${sizeStyles[size].percentage}`}\n            >\n              {resolvedPercentageLabel}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div\n        role=\"progressbar\"\n        aria-label={ariaLabel}\n        aria-valuemin={0}\n        aria-valuemax={safeMax}\n        aria-valuenow={Math.round(clampedValue)}\n        aria-valuetext={`${roundedPercentage}%`}\n        className={`relative overflow-hidden rounded-full border border-ds-border-2/50 bg-ds-surface-2/80 shadow-[inset_0_1px_1px_rgba(255,255,255,0.2)] ${sizeStyles[size].track} ${trackClassName}`}\n        style={{ background: toneStyle.trackBackground }}\n      >\n        <div\n          className={`h-full rounded-full transition-[width,filter,box-shadow] duration-500 ease-out ${fillClassName}`}\n          style={{\n            width: `${percentage}%`,\n            background: `linear-gradient(90deg, color-mix(in srgb, ${toneStyle.color} 68%, white 32%) 0%, ${toneStyle.color} 100%)`,\n            boxShadow: `inset 0 1px 0 rgba(255,255,255,0.4), 0 0 14px color-mix(in srgb, ${toneStyle.color} 32%, transparent)`,\n            filter: percentage > 0 ? \"saturate(1.05) brightness(1.02)\" : \"none\",\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n","import { mergeClassNames } from \"../../../utils\";\n\nexport type CircularProgressTone =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\n\nexport interface CircularProgressProps {\n  value: number;\n  max?: number;\n  size?: number;\n  strokeWidth?: number;\n  tone?: CircularProgressTone;\n  showValue?: boolean;\n  valueLabel?: string;\n  className?: string;\n  trackClassName?: string;\n  progressClassName?: string;\n  ariaLabel?: string;\n}\n\nconst toneColorMap: Record<CircularProgressTone, string> = {\n  default: \"var(--ds-chart-1)\",\n  success: \"var(--ds-chart-3)\",\n  warning: \"var(--ds-chart-4)\",\n  danger: \"var(--ds-chart-5)\",\n  info: \"var(--ds-chart-2)\",\n};\n\nfunction clamp(value: number, max: number): number {\n  if (!Number.isFinite(value)) return 0;\n  return Math.min(Math.max(value, 0), max);\n}\n\nexport default function CircularProgress({\n  value,\n  max = 100,\n  size = 24,\n  strokeWidth = 3,\n  tone = \"default\",\n  showValue = false,\n  valueLabel,\n  className,\n  trackClassName,\n  progressClassName,\n  ariaLabel = \"Circular progress\",\n}: CircularProgressProps) {\n  const safeMax = Number.isFinite(max) && max > 0 ? max : 100;\n  const safeValue = clamp(value, safeMax);\n  const percentage = (safeValue / safeMax) * 100;\n\n  const center = size / 2;\n  const radius = center - strokeWidth / 2;\n  const circumference = 2 * Math.PI * radius;\n  const dashOffset = circumference - (percentage / 100) * circumference;\n  const label = valueLabel ?? `${Math.round(percentage)}%`;\n\n  return (\n    <span\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-valuemin={0}\n      aria-valuemax={safeMax}\n      aria-valuenow={Math.round(safeValue)}\n      aria-valuetext={label}\n      className={mergeClassNames(\n        \"relative inline-flex items-center justify-center\",\n        className,\n      )}\n      style={{ width: size, height: size }}\n    >\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        className=\"-rotate-90\"\n      >\n        <circle\n          cx={center}\n          cy={center}\n          r={radius}\n          fill=\"none\"\n          stroke=\"var(--ds-border-2)\"\n          strokeOpacity={0.5}\n          strokeWidth={strokeWidth}\n          className={trackClassName}\n        />\n        <circle\n          cx={center}\n          cy={center}\n          r={radius}\n          fill=\"none\"\n          stroke={toneColorMap[tone]}\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeDasharray={circumference}\n          strokeDashoffset={dashOffset}\n          className={mergeClassNames(\n            \"transition-[stroke-dashoffset] duration-500 ease-out\",\n            progressClassName,\n          )}\n        />\n      </svg>\n\n      {showValue ? (\n        <span className=\"absolute text-[10px] font-semibold leading-none text-ds-1\">\n          {Math.round(percentage)}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\nexport { CircularProgress };\n"],"mappings":"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"}
+{"version":3,"file":"progress-bar-l5WpbpZf.mjs","names":[],"sources":["../../src/components/data-display/progress-bar/ProgressBar.tsx","../../src/components/data-display/progress-bar/CircularProgress.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type ProgressBarSize = \"sm\" | \"md\" | \"lg\";\nexport type ProgressBarTone =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\n\nexport interface ProgressBarProps {\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  percentageLabel?: React.ReactNode;\n  showPercentage?: boolean;\n  size?: ProgressBarSize;\n  tone?: ProgressBarTone;\n  className?: string;\n  trackClassName?: string;\n  fillClassName?: string;\n  ariaLabel?: string;\n}\n\nconst sizeStyles: Record<\n  ProgressBarSize,\n  {\n    track: string;\n    label: string;\n    percentage: string;\n  }\n> = {\n  sm: {\n    track: \"h-1.5\",\n    label: \"text-xs\",\n    percentage: \"text-xs\",\n  },\n  md: {\n    track: \"h-2.5\",\n    label: \"text-sm\",\n    percentage: \"text-sm\",\n  },\n  lg: {\n    track: \"h-3.5\",\n    label: \"text-base\",\n    percentage: \"text-base\",\n  },\n};\n\nconst toneStyles: Record<\n  ProgressBarTone,\n  {\n    color: string;\n    trackBackground: string;\n  }\n> = {\n  default: {\n    color: \"var(--ds-chart-1)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(15, 23, 42, 0.08) 0%, rgba(30, 41, 59, 0.14) 100%)\",\n  },\n  success: {\n    color: \"var(--ds-chart-3)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(20, 83, 45, 0.12) 0%, rgba(34, 197, 94, 0.18) 100%)\",\n  },\n  warning: {\n    color: \"var(--ds-chart-4)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(120, 53, 15, 0.12) 0%, rgba(245, 158, 11, 0.18) 100%)\",\n  },\n  danger: {\n    color: \"var(--ds-chart-5)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(127, 29, 29, 0.12) 0%, rgba(239, 68, 68, 0.18) 100%)\",\n  },\n  info: {\n    color: \"var(--ds-chart-2)\",\n    trackBackground:\n      \"linear-gradient(90deg, rgba(30, 64, 175, 0.12) 0%, rgba(59, 130, 246, 0.18) 100%)\",\n  },\n};\n\nfunction clampValue(value: number, max: number): number {\n  if (!Number.isFinite(value)) {\n    return 0;\n  }\n\n  return Math.min(Math.max(value, 0), max);\n}\n\nexport default function ProgressBar({\n  value,\n  max = 100,\n  label,\n  percentageLabel,\n  showPercentage = true,\n  size = \"md\",\n  tone = \"default\",\n  className = \"\",\n  trackClassName = \"\",\n  fillClassName = \"\",\n  ariaLabel = \"Progress\",\n}: ProgressBarProps) {\n  const safeMax = Number.isFinite(max) && max > 0 ? max : 100;\n  const clampedValue = clampValue(value, safeMax);\n  const percentage = (clampedValue / safeMax) * 100;\n  const roundedPercentage = Math.round(percentage);\n  const toneStyle = toneStyles[tone];\n  const resolvedPercentageLabel = percentageLabel ?? `${roundedPercentage}%`;\n\n  return (\n    <div className={`w-full space-y-3 ${className}`}>\n      {(label || showPercentage) && (\n        <div className=\"flex items-center justify-between gap-4\">\n          <div\n            className={`font-mono font-semibold tracking-[0.08em] text-ds-1 ${sizeStyles[size].label}`}\n          >\n            {label}\n          </div>\n          {showPercentage && (\n            <div\n              className={`font-mono font-medium tracking-[0.08em] text-ds-2 ${sizeStyles[size].percentage}`}\n            >\n              {resolvedPercentageLabel}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div\n        role=\"progressbar\"\n        aria-label={ariaLabel}\n        aria-valuemin={0}\n        aria-valuemax={safeMax}\n        aria-valuenow={Math.round(clampedValue)}\n        aria-valuetext={`${roundedPercentage}%`}\n        className={`relative overflow-hidden rounded-full border border-ds-border-2/50 bg-ds-surface-2/80 shadow-[inset_0_1px_1px_rgba(255,255,255,0.2)] ${sizeStyles[size].track} ${trackClassName}`}\n        style={{ background: toneStyle.trackBackground }}\n      >\n        <div\n          className={`h-full rounded-full transition-[width,filter,box-shadow] duration-500 ease-out ${fillClassName}`}\n          style={{\n            width: `${percentage}%`,\n            background: `linear-gradient(90deg, color-mix(in srgb, ${toneStyle.color} 68%, white 32%) 0%, ${toneStyle.color} 100%)`,\n            boxShadow: `inset 0 1px 0 rgba(255,255,255,0.4), 0 0 14px color-mix(in srgb, ${toneStyle.color} 32%, transparent)`,\n            filter: percentage > 0 ? \"saturate(1.05) brightness(1.02)\" : \"none\",\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n","import { mergeClassNames } from \"../../../utils\";\n\nexport type CircularProgressTone =\n  | \"default\"\n  | \"success\"\n  | \"warning\"\n  | \"danger\"\n  | \"info\";\n\nexport interface CircularProgressProps {\n  value: number;\n  max?: number;\n  size?: number;\n  strokeWidth?: number;\n  tone?: CircularProgressTone;\n  showValue?: boolean;\n  valueLabel?: string;\n  className?: string;\n  trackClassName?: string;\n  progressClassName?: string;\n  ariaLabel?: string;\n}\n\nconst toneColorMap: Record<CircularProgressTone, string> = {\n  default: \"var(--ds-chart-1)\",\n  success: \"var(--ds-chart-3)\",\n  warning: \"var(--ds-chart-4)\",\n  danger: \"var(--ds-chart-5)\",\n  info: \"var(--ds-chart-2)\",\n};\n\nfunction clamp(value: number, max: number): number {\n  if (!Number.isFinite(value)) return 0;\n  return Math.min(Math.max(value, 0), max);\n}\n\nexport default function CircularProgress({\n  value,\n  max = 100,\n  size = 24,\n  strokeWidth = 3,\n  tone = \"default\",\n  showValue = false,\n  valueLabel,\n  className,\n  trackClassName,\n  progressClassName,\n  ariaLabel = \"Circular progress\",\n}: CircularProgressProps) {\n  const safeMax = Number.isFinite(max) && max > 0 ? max : 100;\n  const safeValue = clamp(value, safeMax);\n  const percentage = (safeValue / safeMax) * 100;\n\n  const center = size / 2;\n  const radius = center - strokeWidth / 2;\n  const circumference = 2 * Math.PI * radius;\n  const dashOffset = circumference - (percentage / 100) * circumference;\n  const label = valueLabel ?? `${Math.round(percentage)}%`;\n\n  return (\n    <span\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-valuemin={0}\n      aria-valuemax={safeMax}\n      aria-valuenow={Math.round(safeValue)}\n      aria-valuetext={label}\n      className={mergeClassNames(\n        \"relative inline-flex items-center justify-center\",\n        className,\n      )}\n      style={{ width: size, height: size }}\n    >\n      <svg\n        width={size}\n        height={size}\n        viewBox={`0 0 ${size} ${size}`}\n        className=\"-rotate-90\"\n      >\n        <circle\n          cx={center}\n          cy={center}\n          r={radius}\n          fill=\"none\"\n          stroke=\"var(--ds-border-2)\"\n          strokeOpacity={0.5}\n          strokeWidth={strokeWidth}\n          className={trackClassName}\n        />\n        <circle\n          cx={center}\n          cy={center}\n          r={radius}\n          fill=\"none\"\n          stroke={toneColorMap[tone]}\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeDasharray={circumference}\n          strokeDashoffset={dashOffset}\n          className={mergeClassNames(\n            \"transition-[stroke-dashoffset] duration-500 ease-out\",\n            progressClassName,\n          )}\n        />\n      </svg>\n\n      {showValue ? (\n        <span className=\"absolute text-[10px] font-semibold leading-none text-ds-1\">\n          {Math.round(percentage)}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n\nexport { CircularProgress };\n"],"mappings":"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"}

package/dist/chunks/{radio-BMOnxnUS.mjs → radio-B94_TGtz.mjs}

@@ -1,4 +1,4 @@
-import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
 import { forwardRef, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/forms/radio/Radio.tsx
@@ -47,4 +47,4 @@ Radio.displayName = "Radio";
 //#endregion
 export { Radio as t };
 
-//# sourceMappingURL=radio-BMOnxnUS.mjs.map
+//# sourceMappingURL=radio-B94_TGtz.mjs.map

package/dist/chunks/{radio-BMOnxnUS.mjs.map → radio-B94_TGtz.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-BMOnxnUS.mjs","names":[],"sources":["../../src/components/forms/radio/Radio.tsx"],"sourcesContent":["import type { RadioProps, RadioColor } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorMap: Record<RadioColor, string> = {\n  red: \"var(--ds-color-danger)\",\n  blue: \"var(--ds-color-info)\",\n  green: \"var(--ds-color-success)\",\n  yellow: \"var(--ds-color-warning)\",\n  teal: \"var(--ds-brand-teal)\",\n  primary: \"var(--ds-color-accent)\",\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      color = \"primary\",\n      bgClassName = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${sanitizeId(generatedId)}`;\n\n    return (\n      <div\n        className=\"flex flex-col\"\n        style={{ \"--radio-accent\": colorMap[color] } as React.CSSProperties}\n      >\n        <div className=\"flex items-center gap-2\">\n          {/* Custom radio visual — keeps native input for full a11y */}\n          <div className=\"relative h-5 w-5 shrink-0\">\n            <input\n              ref={ref}\n              type=\"radio\"\n              id={radioId}\n              className={mergeClassNames(\n                \"peer absolute inset-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed\",\n                className,\n              )}\n              {...props}\n            />\n            {/* Outer ring: surface-1 bg + border when idle, accent fill when checked */}\n            <span\n              className={mergeClassNames(\n                \"pointer-events-none absolute inset-0 rounded-full border-2 transition-colors duration-150\",\n                \"border-ds-border-field bg-ds-surface-1\",\n                \"peer-checked:border-(--radio-accent) peer-checked:bg-(--radio-accent)\",\n                \"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2\",\n                \"peer-focus-visible:ring-[var(--radio-accent)] peer-focus-visible:ring-offset-ds-surface-1\",\n                \"peer-disabled:opacity-50\",\n                bgClassName,\n              )}\n            />\n            {/* Inner dot: always white, scales in/out with checked state */}\n            <span className=\"pointer-events-none absolute left-1/2 top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 scale-0 rounded-full bg-white transition-transform duration-150 peer-checked:scale-100 peer-disabled:opacity-50\" />\n          </div>\n\n          {label && (\n            <label\n              htmlFor={radioId}\n              className=\"cursor-pointer text-sm font-medium leading-none text-ds-1\"\n            >\n              {label}\n            </label>\n          )}\n        </div>\n\n        {error && (\n          <p className=\"ms-7 mt-1 text-sm font-medium text-destructive\">\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;AAKA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAM,WAAuC;CAC3C,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAED,IAAa,QAAQ,YAEjB,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,WACR,cAAc,IACd,GAAG,SAEL,QACG;CACH,MAAM,cAAc,OAAO;CAC3B,MAAM,UAAU,MAAM,SAAS,WAAW,YAAY;AAEtD,QACE,qBAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,kBAAkB,SAAS,QAAQ;YAF9C,CAIE,qBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,qBAAC,OAAD;IAAK,WAAU;cAAf;KACE,oBAAC,SAAD;MACO;MACL,MAAK;MACL,IAAI;MACJ,WAAW,gBACT,4FACA,UACD;MACD,GAAI;MACJ,CAAA;KAEF,oBAAC,QAAD,EACE,WAAW,gBACT,6FACA,0CACA,yEACA,8DACA,6FACA,4BACA,YACD,EACD,CAAA;KAEF,oBAAC,QAAD,EAAM,WAAU,2MAA4M,CAAA;KACxN;OAEL,SACC,oBAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA,CAEN;MAEL,SACC,oBAAC,KAAD;GAAG,WAAU;aACV;GACC,CAAA,CAEF;;EAGX;AAED,MAAM,cAAc"}
+{"version":3,"file":"radio-B94_TGtz.mjs","names":[],"sources":["../../src/components/forms/radio/Radio.tsx"],"sourcesContent":["import type { RadioProps, RadioColor } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorMap: Record<RadioColor, string> = {\n  red: \"var(--ds-color-danger)\",\n  blue: \"var(--ds-color-info)\",\n  green: \"var(--ds-color-success)\",\n  yellow: \"var(--ds-color-warning)\",\n  teal: \"var(--ds-brand-teal)\",\n  primary: \"var(--ds-color-accent)\",\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      color = \"primary\",\n      bgClassName = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${sanitizeId(generatedId)}`;\n\n    return (\n      <div\n        className=\"flex flex-col\"\n        style={{ \"--radio-accent\": colorMap[color] } as React.CSSProperties}\n      >\n        <div className=\"flex items-center gap-2\">\n          {/* Custom radio visual — keeps native input for full a11y */}\n          <div className=\"relative h-5 w-5 shrink-0\">\n            <input\n              ref={ref}\n              type=\"radio\"\n              id={radioId}\n              className={mergeClassNames(\n                \"peer absolute inset-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed\",\n                className,\n              )}\n              {...props}\n            />\n            {/* Outer ring: surface-1 bg + border when idle, accent fill when checked */}\n            <span\n              className={mergeClassNames(\n                \"pointer-events-none absolute inset-0 rounded-full border-2 transition-colors duration-150\",\n                \"border-ds-border-field bg-ds-surface-1\",\n                \"peer-checked:border-(--radio-accent) peer-checked:bg-(--radio-accent)\",\n                \"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2\",\n                \"peer-focus-visible:ring-[var(--radio-accent)] peer-focus-visible:ring-offset-ds-surface-1\",\n                \"peer-disabled:opacity-50\",\n                bgClassName,\n              )}\n            />\n            {/* Inner dot: always white, scales in/out with checked state */}\n            <span className=\"pointer-events-none absolute left-1/2 top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 scale-0 rounded-full bg-white transition-transform duration-150 peer-checked:scale-100 peer-disabled:opacity-50\" />\n          </div>\n\n          {label && (\n            <label\n              htmlFor={radioId}\n              className=\"cursor-pointer text-sm font-medium leading-none text-ds-1\"\n            >\n              {label}\n            </label>\n          )}\n        </div>\n\n        {error && (\n          <p className=\"ms-7 mt-1 text-sm font-medium text-destructive\">\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;AAKA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,GAAG;AAE1E,IAAM,WAAuC;CAC3C,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;AACX;AAEA,IAAa,QAAQ,YAEjB,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,WACR,cAAc,IACd,GAAG,SAEL,QACG;CACH,MAAM,cAAc,MAAM;CAC1B,MAAM,UAAU,MAAM,SAAS,WAAW,WAAW;CAErD,OACE,qBAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,kBAAkB,SAAS,OAAO;YAF7C,CAIE,qBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,qBAAC,OAAD;IAAK,WAAU;cAAf;KACE,oBAAC,SAAD;MACO;MACL,MAAK;MACL,IAAI;MACJ,WAAW,gBACT,4FACA,SACF;MACA,GAAI;KACL,CAAA;KAED,oBAAC,QAAD,EACE,WAAW,gBACT,6FACA,0CACA,yEACA,8DACA,6FACA,4BACA,WACF,EACD,CAAA;KAED,oBAAC,QAAD,EAAM,WAAU,0MAA2M,CAAA;IACxN;OAEJ,SACC,oBAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;GACI,CAAA,CAEN;MAEJ,SACC,oBAAC,KAAD;GAAG,WAAU;aACV;EACA,CAAA,CAEF;;AAET,CACF;AAEA,MAAM,cAAc"}

package/dist/chunks/{radio-wagafWwx.cjs → radio-W_NiS_dO.cjs}

@@ -1,5 +1,4 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-LRbEQHYs.cjs");
+const require_utils = require("./utils-CoA0q63n.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/forms/radio/Radio.tsx
@@ -53,4 +52,4 @@ Object.defineProperty(exports, "Radio", {
 	}
 });
 
-//# sourceMappingURL=radio-wagafWwx.cjs.map
+//# sourceMappingURL=radio-W_NiS_dO.cjs.map

package/dist/chunks/{radio-wagafWwx.cjs.map → radio-W_NiS_dO.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-wagafWwx.cjs","names":[],"sources":["../../src/components/forms/radio/Radio.tsx"],"sourcesContent":["import type { RadioProps, RadioColor } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorMap: Record<RadioColor, string> = {\n  red: \"var(--ds-color-danger)\",\n  blue: \"var(--ds-color-info)\",\n  green: \"var(--ds-color-success)\",\n  yellow: \"var(--ds-color-warning)\",\n  teal: \"var(--ds-brand-teal)\",\n  primary: \"var(--ds-color-accent)\",\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      color = \"primary\",\n      bgClassName = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${sanitizeId(generatedId)}`;\n\n    return (\n      <div\n        className=\"flex flex-col\"\n        style={{ \"--radio-accent\": colorMap[color] } as React.CSSProperties}\n      >\n        <div className=\"flex items-center gap-2\">\n          {/* Custom radio visual — keeps native input for full a11y */}\n          <div className=\"relative h-5 w-5 shrink-0\">\n            <input\n              ref={ref}\n              type=\"radio\"\n              id={radioId}\n              className={mergeClassNames(\n                \"peer absolute inset-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed\",\n                className,\n              )}\n              {...props}\n            />\n            {/* Outer ring: surface-1 bg + border when idle, accent fill when checked */}\n            <span\n              className={mergeClassNames(\n                \"pointer-events-none absolute inset-0 rounded-full border-2 transition-colors duration-150\",\n                \"border-ds-border-field bg-ds-surface-1\",\n                \"peer-checked:border-(--radio-accent) peer-checked:bg-(--radio-accent)\",\n                \"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2\",\n                \"peer-focus-visible:ring-[var(--radio-accent)] peer-focus-visible:ring-offset-ds-surface-1\",\n                \"peer-disabled:opacity-50\",\n                bgClassName,\n              )}\n            />\n            {/* Inner dot: always white, scales in/out with checked state */}\n            <span className=\"pointer-events-none absolute left-1/2 top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 scale-0 rounded-full bg-white transition-transform duration-150 peer-checked:scale-100 peer-disabled:opacity-50\" />\n          </div>\n\n          {label && (\n            <label\n              htmlFor={radioId}\n              className=\"cursor-pointer text-sm font-medium leading-none text-ds-1\"\n            >\n              {label}\n            </label>\n          )}\n        </div>\n\n        {error && (\n          <p className=\"ms-7 mt-1 text-sm font-medium text-destructive\">\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;;AAKA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,IAAI;AAE3E,IAAM,WAAuC;CAC3C,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACV;AAED,IAAa,SAAA,GAAA,MAAA,aAET,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,WACR,cAAc,IACd,GAAG,SAEL,QACG;CACH,MAAM,eAAA,GAAA,MAAA,QAAqB;CAC3B,MAAM,UAAU,MAAM,SAAS,WAAW,YAAY;AAEtD,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,kBAAkB,SAAS,QAAQ;YAF9C,CAIE,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CAEE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;MACO;MACL,MAAK;MACL,IAAI;MACJ,WAAW,cAAA,gBACT,4FACA,UACD;MACD,GAAI;MACJ,CAAA;KAEF,iBAAA,GAAA,kBAAA,KAAC,QAAD,EACE,WAAW,cAAA,gBACT,6FACA,0CACA,yEACA,8DACA,6FACA,4BACA,YACD,EACD,CAAA;KAEF,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,WAAU,2MAA4M,CAAA;KACxN;OAEL,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;IACK,CAAA,CAEN;MAEL,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAAG,WAAU;aACV;GACC,CAAA,CAEF;;EAGX;AAED,MAAM,cAAc"}
+{"version":3,"file":"radio-W_NiS_dO.cjs","names":[],"sources":["../../src/components/forms/radio/Radio.tsx"],"sourcesContent":["import type { RadioProps, RadioColor } from \"./types\";\nimport { forwardRef, useId } from \"react\";\n\nimport { mergeClassNames } from \"../../../utils\";\n\nconst sanitizeId = (value: string) => value.replace(/[^a-zA-Z0-9_-]/g, \"-\");\n\nconst colorMap: Record<RadioColor, string> = {\n  red: \"var(--ds-color-danger)\",\n  blue: \"var(--ds-color-info)\",\n  green: \"var(--ds-color-success)\",\n  yellow: \"var(--ds-color-warning)\",\n  teal: \"var(--ds-brand-teal)\",\n  primary: \"var(--ds-color-accent)\",\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  (\n    {\n      className = \"\",\n      label,\n      error,\n      id,\n      color = \"primary\",\n      bgClassName = \"\",\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const radioId = id || `radio-${sanitizeId(generatedId)}`;\n\n    return (\n      <div\n        className=\"flex flex-col\"\n        style={{ \"--radio-accent\": colorMap[color] } as React.CSSProperties}\n      >\n        <div className=\"flex items-center gap-2\">\n          {/* Custom radio visual — keeps native input for full a11y */}\n          <div className=\"relative h-5 w-5 shrink-0\">\n            <input\n              ref={ref}\n              type=\"radio\"\n              id={radioId}\n              className={mergeClassNames(\n                \"peer absolute inset-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed\",\n                className,\n              )}\n              {...props}\n            />\n            {/* Outer ring: surface-1 bg + border when idle, accent fill when checked */}\n            <span\n              className={mergeClassNames(\n                \"pointer-events-none absolute inset-0 rounded-full border-2 transition-colors duration-150\",\n                \"border-ds-border-field bg-ds-surface-1\",\n                \"peer-checked:border-(--radio-accent) peer-checked:bg-(--radio-accent)\",\n                \"peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2\",\n                \"peer-focus-visible:ring-[var(--radio-accent)] peer-focus-visible:ring-offset-ds-surface-1\",\n                \"peer-disabled:opacity-50\",\n                bgClassName,\n              )}\n            />\n            {/* Inner dot: always white, scales in/out with checked state */}\n            <span className=\"pointer-events-none absolute left-1/2 top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 scale-0 rounded-full bg-white transition-transform duration-150 peer-checked:scale-100 peer-disabled:opacity-50\" />\n          </div>\n\n          {label && (\n            <label\n              htmlFor={radioId}\n              className=\"cursor-pointer text-sm font-medium leading-none text-ds-1\"\n            >\n              {label}\n            </label>\n          )}\n        </div>\n\n        {error && (\n          <p className=\"ms-7 mt-1 text-sm font-medium text-destructive\">\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nRadio.displayName = \"Radio\";\n"],"mappings":";;;;AAKA,IAAM,cAAc,UAAkB,MAAM,QAAQ,mBAAmB,GAAG;AAE1E,IAAM,WAAuC;CAC3C,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;AACX;AAEA,IAAa,SAAA,GAAA,MAAA,aAET,EACE,YAAY,IACZ,OACA,OACA,IACA,QAAQ,WACR,cAAc,IACd,GAAG,SAEL,QACG;CACH,MAAM,eAAA,GAAA,MAAA,OAAoB;CAC1B,MAAM,UAAU,MAAM,SAAS,WAAW,WAAW;CAErD,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAU;EACV,OAAO,EAAE,kBAAkB,SAAS,OAAO;YAF7C,CAIE,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CAEE,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,kBAAA,KAAC,SAAD;MACO;MACL,MAAK;MACL,IAAI;MACJ,WAAW,cAAA,gBACT,4FACA,SACF;MACA,GAAI;KACL,CAAA;KAED,iBAAA,GAAA,kBAAA,KAAC,QAAD,EACE,WAAW,cAAA,gBACT,6FACA,0CACA,yEACA,8DACA,6FACA,4BACA,WACF,EACD,CAAA;KAED,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAM,WAAU,0MAA2M,CAAA;IACxN;OAEJ,SACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,SAAS;IACT,WAAU;cAET;GACI,CAAA,CAEN;MAEJ,SACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;GAAG,WAAU;aACV;EACA,CAAA,CAEF;;AAET,CACF;AAEA,MAAM,cAAc"}

package/dist/chunks/{select-zFFyNmlY.cjs → select-C5lkcrSB.cjs}

@@ -1,8 +1,7 @@
-require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-LRbEQHYs.cjs");
-const require_truncated_text = require("./truncated-text-CswjmrHZ.cjs");
-const require_icons = require("./icons-ub9iu-JG.cjs");
-const require_DropdownMenu = require("./DropdownMenu-yh04burS.cjs");
+const require_utils = require("./utils-CoA0q63n.cjs");
+const require_truncated_text = require("./truncated-text-D0t4atw5.cjs");
+const require_icons = require("./icons-Ci8yEvvF.cjs");
+const require_DropdownMenu = require("./DropdownMenu-CEmlmX7P.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let framer_motion = require("framer-motion");
@@ -174,4 +173,4 @@ Object.defineProperty(exports, "Select", {
 	}
 });
 
-//# sourceMappingURL=select-zFFyNmlY.cjs.map
+//# sourceMappingURL=select-C5lkcrSB.cjs.map

package/dist/chunks/{select-zFFyNmlY.cjs.map → select-C5lkcrSB.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-zFFyNmlY.cjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ForwardedRef,\n  type KeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { DropdownMenu } from \"../../overlays/dropdown-menu\";\nimport { TruncatedText } from \"../../typography/truncated-text\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SelectProps } from \"./types\";\n\nexport const Select = forwardRef(function SelectComponent(\n  {\n    className = \"\",\n    containerClassName = \"\",\n    triggerClassName = \"\",\n    dropdownClassName = \"\",\n    optionClassName = \"\",\n    label,\n    error,\n    helperText,\n    options,\n    value,\n    onChange,\n    placeholder = \"Select...\",\n    noOptionsText = \"No options\",\n    disabled,\n    bgClassName = \"bg-ds-surface-1\",\n    size = \"default\",\n    selectionIndicator = \"check\",\n    ...props\n  }: SelectProps,\n  ref: ForwardedRef<HTMLSelectElement>,\n) {\n  const [open, setOpen] = useState(false);\n  const [visible, setVisible] = useState(false);\n  const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n  const selectedOptionRef = useRef<HTMLDivElement>(null);\n  const mouseX = useMotionValue(0);\n  const mouseY = useMotionValue(0);\n  const radius = 100;\n  const isCompact = size === \"compact\";\n  const selectedOption = options.find((option) => option.value === value);\n\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(hiddenSelectRef.current);\n      return;\n    }\n\n    if (ref) {\n      ref.current = hiddenSelectRef.current;\n    }\n  }, [ref]);\n\n  useEffect(() => {\n    if (!open || !selectedOptionRef.current) {\n      return;\n    }\n\n    const frameId = window.requestAnimationFrame(() => {\n      selectedOptionRef.current?.scrollIntoView({ block: \"nearest\" });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(frameId);\n    };\n  }, [open, value]);\n\n  const handleMouseMove = (event: ReactMouseEvent<HTMLDivElement>) => {\n    const { left, top } = event.currentTarget.getBoundingClientRect();\n    mouseX.set(event.clientX - left);\n    mouseY.set(event.clientY - top);\n  };\n\n  const handleSelect = (optionValue: string) => {\n    if (onChange && hiddenSelectRef.current) {\n      const syntheticEvent = {\n        target: { value: optionValue, name: props.name },\n        currentTarget: { value: optionValue, name: props.name },\n      } as ChangeEvent<HTMLSelectElement>;\n\n      onChange(syntheticEvent);\n    }\n\n    setOpen(false);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      setOpen((current) => !current);\n    }\n\n    if (event.key === \"Escape\") {\n      setOpen(false);\n    }\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full\",\n        isCompact ? \"min-w-0\" : \"min-w-48\",\n        containerClassName,\n      )}\n    >\n      {label ? (\n        <label className=\"mb-2 block text-sm leading-none font-medium text-ds-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n          {label}\n        </label>\n      ) : null}\n\n      <select\n        ref={hiddenSelectRef}\n        className=\"sr-only\"\n        value={value}\n        onChange={onChange}\n        disabled={disabled}\n        {...props}\n      >\n        <option value=\"\">{placeholder}</option>\n        {options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n\n      <DropdownMenu\n        className={mergeClassNames(\"w-full\", className)}\n        open={open}\n        onOpenChange={(nextOpen) => {\n          if (disabled) {\n            setOpen(false);\n            return;\n          }\n\n          setOpen(nextOpen);\n        }}\n        panelClassName={mergeClassNames(\n          \"start-0 top-[40px] z-20 mt-1 flex w-full flex-col overflow-auto rounded-lg border border-ds-border-2 bg-ds-surface-1 shadow-3 backdrop-blur-xl transition\",\n          isCompact ? \"max-h-56\" : \"max-h-60\",\n          dropdownClassName,\n        )}\n        animationClassName=\"origin-top-left\"\n        trigger={\n          <motion.div\n            style={{\n              backgroundImage: disabled\n                ? \"none\"\n                : useMotionTemplate`\n                  radial-gradient(\n                    ${visible ? `${radius}px` : \"0px\"} circle at ${mouseX}px ${mouseY}px,\n                    var(--ds-color-accent),\n                    transparent 90%\n                  )\n                `,\n            }}\n            onMouseMove={!disabled ? handleMouseMove : undefined}\n            onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n            onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n            className={mergeClassNames(\n              \"group/select w-full rounded-lg p-[2px] transition duration-300 hover:border-ds-border-accent\",\n              disabled\n                ? \"border-none bg-ds-surface-1\"\n                : error\n                  ? \"border-ds-state-error-border\"\n                  : \"border-ds-border-2\",\n            )}\n          >\n            <div\n              className={mergeClassNames(\n                \"flex w-full cursor-pointer items-center justify-between rounded-md border border-ds-border-field transition duration-400 ease-in-out\",\n                isCompact\n                  ? \"h-9 px-2.5 py-2 text-sm\"\n                  : \"h-10 px-3 py-2 text-sm\",\n                bgClassName,\n                disabled ? \"cursor-not-allowed opacity-50\" : \"text-ds-1\",\n                error\n                  ? \"border-ds-state-error-border text-ds-state-error-text focus-visible:ring-ds-state-error-border\"\n                  : \"\",\n                triggerClassName,\n              )}\n              onKeyDown={handleKeyDown}\n              role=\"button\"\n              tabIndex={disabled ? -1 : 0}\n              aria-haspopup=\"listbox\"\n              aria-expanded={open}\n            >\n              {selectedOption ? (\n                <TruncatedText\n                  as=\"span\"\n                  showTitleOnHover\n                  className=\"flex-1 text-ds-1\"\n                >\n                  {selectedOption.label}\n                </TruncatedText>\n              ) : (\n                <TruncatedText as=\"span\" className=\"flex-1 text-ds-2\">\n                  {placeholder}\n                </TruncatedText>\n              )}\n\n              <span\n                className={mergeClassNames(\n                  \"ms-2 shrink-0 text-ds-2 transition-transform duration-300\",\n                  open ? \"rotate-180\" : \"rotate-0\",\n                )}\n              >\n                <ChevronDownIcon\n                  width={24}\n                  height={24}\n                  color=\"currentColor\"\n                  className={isCompact ? \"h-4 w-4\" : \"h-5 w-5\"}\n                />\n              </span>\n            </div>\n          </motion.div>\n        }\n      >\n        {!disabled ? (\n          <>\n            {options.length === 0 ? (\n              <div className=\"px-3 py-2 text-ds-2\">{noOptionsText}</div>\n            ) : null}\n\n            {options.map((option) => (\n              <div\n                key={option.value}\n                ref={option.value === value ? selectedOptionRef : null}\n                className={mergeClassNames(\n                  \"mx-1 my-1 flex cursor-pointer items-center rounded-md text-ds-1 transition\",\n                  isCompact\n                    ? \"gap-1.5 px-2.5 py-2 text-sm\"\n                    : \"gap-2 px-3 py-2 text-sm\",\n                  option.value === value\n                    ? \"bg-ds-accent-subtle font-semibold text-ds-1\"\n                    : \"\",\n                  \"hover:bg-ds-accent hover:text-ds-on-accent\",\n                  optionClassName,\n                )}\n                onClick={() => handleSelect(option.value)}\n              >\n                {selectionIndicator === \"check\" ? (\n                  <span\n                    className={mergeClassNames(\n                      \"flex items-center justify-center\",\n                      isCompact ? \"w-4\" : \"w-5\",\n                    )}\n                  >\n                    {option.value === value ? (\n                      <CheckIcon\n                        className=\"text-ds-1\"\n                        width={isCompact ? 16 : 18}\n                        height={isCompact ? 16 : 18}\n                      />\n                    ) : null}\n                  </span>\n                ) : null}\n                <TruncatedText as=\"span\" showTitleOnHover className=\"flex-1\">\n                  {option.label}\n                </TruncatedText>\n              </div>\n            ))}\n          </>\n        ) : null}\n      </DropdownMenu>\n\n      {error ? (\n        <p className=\"mt-1 text-sm font-medium text-ds-state-error-text\">\n          {error}\n        </p>\n      ) : null}\n      {helperText && !error ? (\n        <p className=\"mt-1 text-sm text-ds-2\">{helperText}</p>\n      ) : null}\n    </div>\n  );\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}
+{"version":3,"file":"select-C5lkcrSB.cjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ForwardedRef,\n  type KeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { DropdownMenu } from \"../../overlays/dropdown-menu\";\nimport { TruncatedText } from \"../../typography/truncated-text\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SelectProps } from \"./types\";\n\nexport const Select = forwardRef(function SelectComponent(\n  {\n    className = \"\",\n    containerClassName = \"\",\n    triggerClassName = \"\",\n    dropdownClassName = \"\",\n    optionClassName = \"\",\n    label,\n    error,\n    helperText,\n    options,\n    value,\n    onChange,\n    placeholder = \"Select...\",\n    noOptionsText = \"No options\",\n    disabled,\n    bgClassName = \"bg-ds-surface-1\",\n    size = \"default\",\n    selectionIndicator = \"check\",\n    ...props\n  }: SelectProps,\n  ref: ForwardedRef<HTMLSelectElement>,\n) {\n  const [open, setOpen] = useState(false);\n  const [visible, setVisible] = useState(false);\n  const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n  const selectedOptionRef = useRef<HTMLDivElement>(null);\n  const mouseX = useMotionValue(0);\n  const mouseY = useMotionValue(0);\n  const radius = 100;\n  const isCompact = size === \"compact\";\n  const selectedOption = options.find((option) => option.value === value);\n\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(hiddenSelectRef.current);\n      return;\n    }\n\n    if (ref) {\n      ref.current = hiddenSelectRef.current;\n    }\n  }, [ref]);\n\n  useEffect(() => {\n    if (!open || !selectedOptionRef.current) {\n      return;\n    }\n\n    const frameId = window.requestAnimationFrame(() => {\n      selectedOptionRef.current?.scrollIntoView({ block: \"nearest\" });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(frameId);\n    };\n  }, [open, value]);\n\n  const handleMouseMove = (event: ReactMouseEvent<HTMLDivElement>) => {\n    const { left, top } = event.currentTarget.getBoundingClientRect();\n    mouseX.set(event.clientX - left);\n    mouseY.set(event.clientY - top);\n  };\n\n  const handleSelect = (optionValue: string) => {\n    if (onChange && hiddenSelectRef.current) {\n      const syntheticEvent = {\n        target: { value: optionValue, name: props.name },\n        currentTarget: { value: optionValue, name: props.name },\n      } as ChangeEvent<HTMLSelectElement>;\n\n      onChange(syntheticEvent);\n    }\n\n    setOpen(false);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      setOpen((current) => !current);\n    }\n\n    if (event.key === \"Escape\") {\n      setOpen(false);\n    }\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full\",\n        isCompact ? \"min-w-0\" : \"min-w-48\",\n        containerClassName,\n      )}\n    >\n      {label ? (\n        <label className=\"mb-2 block text-sm leading-none font-medium text-ds-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n          {label}\n        </label>\n      ) : null}\n\n      <select\n        ref={hiddenSelectRef}\n        className=\"sr-only\"\n        value={value}\n        onChange={onChange}\n        disabled={disabled}\n        {...props}\n      >\n        <option value=\"\">{placeholder}</option>\n        {options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n\n      <DropdownMenu\n        className={mergeClassNames(\"w-full\", className)}\n        open={open}\n        onOpenChange={(nextOpen) => {\n          if (disabled) {\n            setOpen(false);\n            return;\n          }\n\n          setOpen(nextOpen);\n        }}\n        panelClassName={mergeClassNames(\n          \"start-0 top-[40px] z-20 mt-1 flex w-full flex-col overflow-auto rounded-lg border border-ds-border-2 bg-ds-surface-1 shadow-3 backdrop-blur-xl transition\",\n          isCompact ? \"max-h-56\" : \"max-h-60\",\n          dropdownClassName,\n        )}\n        animationClassName=\"origin-top-left\"\n        trigger={\n          <motion.div\n            style={{\n              backgroundImage: disabled\n                ? \"none\"\n                : useMotionTemplate`\n                  radial-gradient(\n                    ${visible ? `${radius}px` : \"0px\"} circle at ${mouseX}px ${mouseY}px,\n                    var(--ds-color-accent),\n                    transparent 90%\n                  )\n                `,\n            }}\n            onMouseMove={!disabled ? handleMouseMove : undefined}\n            onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n            onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n            className={mergeClassNames(\n              \"group/select w-full rounded-lg p-[2px] transition duration-300 hover:border-ds-border-accent\",\n              disabled\n                ? \"border-none bg-ds-surface-1\"\n                : error\n                  ? \"border-ds-state-error-border\"\n                  : \"border-ds-border-2\",\n            )}\n          >\n            <div\n              className={mergeClassNames(\n                \"flex w-full cursor-pointer items-center justify-between rounded-md border border-ds-border-field transition duration-400 ease-in-out\",\n                isCompact\n                  ? \"h-9 px-2.5 py-2 text-sm\"\n                  : \"h-10 px-3 py-2 text-sm\",\n                bgClassName,\n                disabled ? \"cursor-not-allowed opacity-50\" : \"text-ds-1\",\n                error\n                  ? \"border-ds-state-error-border text-ds-state-error-text focus-visible:ring-ds-state-error-border\"\n                  : \"\",\n                triggerClassName,\n              )}\n              onKeyDown={handleKeyDown}\n              role=\"button\"\n              tabIndex={disabled ? -1 : 0}\n              aria-haspopup=\"listbox\"\n              aria-expanded={open}\n            >\n              {selectedOption ? (\n                <TruncatedText\n                  as=\"span\"\n                  showTitleOnHover\n                  className=\"flex-1 text-ds-1\"\n                >\n                  {selectedOption.label}\n                </TruncatedText>\n              ) : (\n                <TruncatedText as=\"span\" className=\"flex-1 text-ds-2\">\n                  {placeholder}\n                </TruncatedText>\n              )}\n\n              <span\n                className={mergeClassNames(\n                  \"ms-2 shrink-0 text-ds-2 transition-transform duration-300\",\n                  open ? \"rotate-180\" : \"rotate-0\",\n                )}\n              >\n                <ChevronDownIcon\n                  width={24}\n                  height={24}\n                  color=\"currentColor\"\n                  className={isCompact ? \"h-4 w-4\" : \"h-5 w-5\"}\n                />\n              </span>\n            </div>\n          </motion.div>\n        }\n      >\n        {!disabled ? (\n          <>\n            {options.length === 0 ? (\n              <div className=\"px-3 py-2 text-ds-2\">{noOptionsText}</div>\n            ) : null}\n\n            {options.map((option) => (\n              <div\n                key={option.value}\n                ref={option.value === value ? selectedOptionRef : null}\n                className={mergeClassNames(\n                  \"mx-1 my-1 flex cursor-pointer items-center rounded-md text-ds-1 transition\",\n                  isCompact\n                    ? \"gap-1.5 px-2.5 py-2 text-sm\"\n                    : \"gap-2 px-3 py-2 text-sm\",\n                  option.value === value\n                    ? \"bg-ds-accent-subtle font-semibold text-ds-1\"\n                    : \"\",\n                  \"hover:bg-ds-accent hover:text-ds-on-accent\",\n                  optionClassName,\n                )}\n                onClick={() => handleSelect(option.value)}\n              >\n                {selectionIndicator === \"check\" ? (\n                  <span\n                    className={mergeClassNames(\n                      \"flex items-center justify-center\",\n                      isCompact ? \"w-4\" : \"w-5\",\n                    )}\n                  >\n                    {option.value === value ? (\n                      <CheckIcon\n                        className=\"text-ds-1\"\n                        width={isCompact ? 16 : 18}\n                        height={isCompact ? 16 : 18}\n                      />\n                    ) : null}\n                  </span>\n                ) : null}\n                <TruncatedText as=\"span\" showTitleOnHover className=\"flex-1\">\n                  {option.label}\n                </TruncatedText>\n              </div>\n            ))}\n          </>\n        ) : null}\n      </DropdownMenu>\n\n      {error ? (\n        <p className=\"mt-1 text-sm font-medium text-ds-state-error-text\">\n          {error}\n        </p>\n      ) : null}\n      {helperText && !error ? (\n        <p className=\"mt-1 text-sm text-ds-2\">{helperText}</p>\n      ) : null}\n    </div>\n  );\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":";;;;;;;;AAkBA,IAAa,UAAA,GAAA,MAAA,YAAoB,SAAS,gBACxC,EACE,YAAY,IACZ,qBAAqB,IACrB,mBAAmB,IACnB,oBAAoB,IACpB,kBAAkB,IAClB,OACA,OACA,YACA,SACA,OACA,UACA,cAAc,aACd,gBAAgB,cAChB,UACA,cAAc,mBACd,OAAO,WACP,qBAAqB,SACrB,GAAG,SAEL,KACA;CACA,MAAM,CAAC,MAAM,YAAA,GAAA,MAAA,UAAoB,KAAK;CACtC,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,KAAK;CAC5C,MAAM,mBAAA,GAAA,MAAA,QAA4C,IAAI;CACtD,MAAM,qBAAA,GAAA,MAAA,QAA2C,IAAI;CACrD,MAAM,UAAA,GAAA,cAAA,gBAAwB,CAAC;CAC/B,MAAM,UAAA,GAAA,cAAA,gBAAwB,CAAC;CAC/B,MAAM,SAAS;CACf,MAAM,YAAY,SAAS;CAC3B,MAAM,iBAAiB,QAAQ,MAAM,WAAW,OAAO,UAAU,KAAK;CAEtE,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,OAAO,QAAQ,YAAY;GAC7B,IAAI,gBAAgB,OAAO;GAC3B;EACF;EAEA,IAAI,KACF,IAAI,UAAU,gBAAgB;CAElC,GAAG,CAAC,GAAG,CAAC;CAER,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,CAAC,QAAQ,CAAC,kBAAkB,SAC9B;EAGF,MAAM,UAAU,OAAO,4BAA4B;GACjD,kBAAkB,SAAS,eAAe,EAAE,OAAO,UAAU,CAAC;EAChE,CAAC;EAED,aAAa;GACX,OAAO,qBAAqB,OAAO;EACrC;CACF,GAAG,CAAC,MAAM,KAAK,CAAC;CAEhB,MAAM,mBAAmB,UAA2C;EAClE,MAAM,EAAE,MAAM,QAAQ,MAAM,cAAc,sBAAsB;EAChE,OAAO,IAAI,MAAM,UAAU,IAAI;EAC/B,OAAO,IAAI,MAAM,UAAU,GAAG;CAChC;CAEA,MAAM,gBAAgB,gBAAwB;EAC5C,IAAI,YAAY,gBAAgB,SAM9B,SAAS;GAJP,QAAQ;IAAE,OAAO;IAAa,MAAM,MAAM;GAAK;GAC/C,eAAe;IAAE,OAAO;IAAa,MAAM,MAAM;GAAK;EAG/C,CAAc;EAGzB,QAAQ,KAAK;CACf;CAEA,MAAM,iBAAiB,UAAyC;EAC9D,IAAI,UACF;EAGF,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;GAC9C,MAAM,eAAe;GACrB,SAAS,YAAY,CAAC,OAAO;EAC/B;EAEA,IAAI,MAAM,QAAQ,UAChB,QAAQ,KAAK;CAEjB;CAEA,OACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW,cAAA,gBACT,UACA,YAAY,YAAY,YACxB,kBACF;YALF;GAOG,QACC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IAAO,WAAU;cACd;GACI,CAAA,IACL;GAEJ,iBAAA,GAAA,kBAAA,MAAC,UAAD;IACE,KAAK;IACL,WAAU;IACH;IACG;IACA;IACV,GAAI;cANN,CAQE,iBAAA,GAAA,kBAAA,KAAC,UAAD;KAAQ,OAAM;eAAI;IAAoB,CAAA,GACrC,QAAQ,KAAK,WACZ,iBAAA,GAAA,kBAAA,KAAC,UAAD;KAA2B,OAAO,OAAO;eACtC,OAAO;IACF,GAFK,OAAO,KAEZ,CACT,CACK;;GAER,iBAAA,GAAA,kBAAA,KAAC,qBAAA,cAAD;IACE,WAAW,cAAA,gBAAgB,UAAU,SAAS;IACxC;IACN,eAAe,aAAa;KAC1B,IAAI,UAAU;MACZ,QAAQ,KAAK;MACb;KACF;KAEA,QAAQ,QAAQ;IAClB;IACA,gBAAgB,cAAA,gBACd,6JACA,YAAY,aAAa,YACzB,iBACF;IACA,oBAAmB;IACnB,SACE,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;KACE,OAAO,EACL,iBAAiB,WACb,SACA,cAAA,iBAAiB;;sBAEb,UAAU,GAAG,OAAO,MAAM,MAAM,aAAa,OAAO,KAAK,OAAO;;;;kBAK1E;KACA,aAAa,CAAC,WAAW,kBAAkB,KAAA;KAC3C,cAAc,CAAC,iBAAiB,WAAW,IAAI,IAAI,KAAA;KACnD,cAAc,CAAC,iBAAiB,WAAW,KAAK,IAAI,KAAA;KACpD,WAAW,cAAA,gBACT,gGACA,WACI,gCACA,QACE,iCACA,oBACR;eAEA,iBAAA,GAAA,kBAAA,MAAC,OAAD;MACE,WAAW,cAAA,gBACT,wIACA,YACI,4BACA,0BACJ,aACA,WAAW,kCAAkC,aAC7C,QACI,mGACA,IACJ,gBACF;MACA,WAAW;MACX,MAAK;MACL,UAAU,WAAW,KAAK;MAC1B,iBAAc;MACd,iBAAe;gBAjBjB,CAmBG,iBACC,iBAAA,GAAA,kBAAA,KAAC,uBAAA,eAAD;OACE,IAAG;OACH,kBAAA;OACA,WAAU;iBAET,eAAe;MACH,CAAA,IAEf,iBAAA,GAAA,kBAAA,KAAC,uBAAA,eAAD;OAAe,IAAG;OAAO,WAAU;iBAChC;MACY,CAAA,GAGjB,iBAAA,GAAA,kBAAA,KAAC,QAAD;OACE,WAAW,cAAA,gBACT,6DACA,OAAO,eAAe,UACxB;iBAEA,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD;QACE,OAAO;QACP,QAAQ;QACR,OAAM;QACN,WAAW,YAAY,YAAY;OACpC,CAAA;MACG,CAAA,CACH;;IACK,CAAA;cAGb,CAAC,WACA,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,QAAQ,WAAW,IAClB,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eAAuB;IAAmB,CAAA,IACvD,MAEH,QAAQ,KAAK,WACZ,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAEE,KAAK,OAAO,UAAU,QAAQ,oBAAoB;KAClD,WAAW,cAAA,gBACT,8EACA,YACI,gCACA,2BACJ,OAAO,UAAU,QACb,gDACA,IACJ,8CACA,eACF;KACA,eAAe,aAAa,OAAO,KAAK;eAd1C,CAgBG,uBAAuB,UACtB,iBAAA,GAAA,kBAAA,KAAC,QAAD;MACE,WAAW,cAAA,gBACT,oCACA,YAAY,QAAQ,KACtB;gBAEC,OAAO,UAAU,QAChB,iBAAA,GAAA,kBAAA,KAAC,cAAA,WAAD;OACE,WAAU;OACV,OAAO,YAAY,KAAK;OACxB,QAAQ,YAAY,KAAK;MAC1B,CAAA,IACC;KACA,CAAA,IACJ,MACJ,iBAAA,GAAA,kBAAA,KAAC,uBAAA,eAAD;MAAe,IAAG;MAAO,kBAAA;MAAiB,WAAU;gBACjD,OAAO;KACK,CAAA,CACZ;OAlCE,OAAO,KAkCT,CACN,CACD,EAAA,CAAA,IACA;GACQ,CAAA;GAEb,QACC,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cACV;GACA,CAAA,IACD;GACH,cAAc,CAAC,QACd,iBAAA,GAAA,kBAAA,KAAC,KAAD;IAAG,WAAU;cAA0B;GAAc,CAAA,IACnD;EACD;;AAET,CAAC;AAED,OAAO,cAAc"}

package/dist/chunks/{select--DeSgPdn.mjs → select-DnSSxddm.mjs}

@@ -1,7 +1,7 @@
-import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
-import { t as TruncatedText } from "./truncated-text-DUYTW1KP.mjs";
-import { M as ChevronDownIcon, q as CheckIcon } from "./icons-JzMKLygv.mjs";
-import { t as DropdownMenu } from "./DropdownMenu-BQ4WlaGp.mjs";
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
+import { t as TruncatedText } from "./truncated-text-DIkg-8Vo.mjs";
+import { J as CheckIcon, N as ChevronDownIcon } from "./icons-CkVHNbbN.mjs";
+import { t as DropdownMenu } from "./DropdownMenu-B18BI5l7.mjs";
 import { forwardRef, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { motion, useMotionTemplate, useMotionValue } from "framer-motion";
@@ -168,4 +168,4 @@ Select.displayName = "Select";
 //#endregion
 export { Select as t };
 
-//# sourceMappingURL=select--DeSgPdn.mjs.map
+//# sourceMappingURL=select-DnSSxddm.mjs.map

package/dist/chunks/{select--DeSgPdn.mjs.map → select-DnSSxddm.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select--DeSgPdn.mjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ForwardedRef,\n  type KeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { DropdownMenu } from \"../../overlays/dropdown-menu\";\nimport { TruncatedText } from \"../../typography/truncated-text\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SelectProps } from \"./types\";\n\nexport const Select = forwardRef(function SelectComponent(\n  {\n    className = \"\",\n    containerClassName = \"\",\n    triggerClassName = \"\",\n    dropdownClassName = \"\",\n    optionClassName = \"\",\n    label,\n    error,\n    helperText,\n    options,\n    value,\n    onChange,\n    placeholder = \"Select...\",\n    noOptionsText = \"No options\",\n    disabled,\n    bgClassName = \"bg-ds-surface-1\",\n    size = \"default\",\n    selectionIndicator = \"check\",\n    ...props\n  }: SelectProps,\n  ref: ForwardedRef<HTMLSelectElement>,\n) {\n  const [open, setOpen] = useState(false);\n  const [visible, setVisible] = useState(false);\n  const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n  const selectedOptionRef = useRef<HTMLDivElement>(null);\n  const mouseX = useMotionValue(0);\n  const mouseY = useMotionValue(0);\n  const radius = 100;\n  const isCompact = size === \"compact\";\n  const selectedOption = options.find((option) => option.value === value);\n\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(hiddenSelectRef.current);\n      return;\n    }\n\n    if (ref) {\n      ref.current = hiddenSelectRef.current;\n    }\n  }, [ref]);\n\n  useEffect(() => {\n    if (!open || !selectedOptionRef.current) {\n      return;\n    }\n\n    const frameId = window.requestAnimationFrame(() => {\n      selectedOptionRef.current?.scrollIntoView({ block: \"nearest\" });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(frameId);\n    };\n  }, [open, value]);\n\n  const handleMouseMove = (event: ReactMouseEvent<HTMLDivElement>) => {\n    const { left, top } = event.currentTarget.getBoundingClientRect();\n    mouseX.set(event.clientX - left);\n    mouseY.set(event.clientY - top);\n  };\n\n  const handleSelect = (optionValue: string) => {\n    if (onChange && hiddenSelectRef.current) {\n      const syntheticEvent = {\n        target: { value: optionValue, name: props.name },\n        currentTarget: { value: optionValue, name: props.name },\n      } as ChangeEvent<HTMLSelectElement>;\n\n      onChange(syntheticEvent);\n    }\n\n    setOpen(false);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      setOpen((current) => !current);\n    }\n\n    if (event.key === \"Escape\") {\n      setOpen(false);\n    }\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full\",\n        isCompact ? \"min-w-0\" : \"min-w-48\",\n        containerClassName,\n      )}\n    >\n      {label ? (\n        <label className=\"mb-2 block text-sm leading-none font-medium text-ds-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n          {label}\n        </label>\n      ) : null}\n\n      <select\n        ref={hiddenSelectRef}\n        className=\"sr-only\"\n        value={value}\n        onChange={onChange}\n        disabled={disabled}\n        {...props}\n      >\n        <option value=\"\">{placeholder}</option>\n        {options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n\n      <DropdownMenu\n        className={mergeClassNames(\"w-full\", className)}\n        open={open}\n        onOpenChange={(nextOpen) => {\n          if (disabled) {\n            setOpen(false);\n            return;\n          }\n\n          setOpen(nextOpen);\n        }}\n        panelClassName={mergeClassNames(\n          \"start-0 top-[40px] z-20 mt-1 flex w-full flex-col overflow-auto rounded-lg border border-ds-border-2 bg-ds-surface-1 shadow-3 backdrop-blur-xl transition\",\n          isCompact ? \"max-h-56\" : \"max-h-60\",\n          dropdownClassName,\n        )}\n        animationClassName=\"origin-top-left\"\n        trigger={\n          <motion.div\n            style={{\n              backgroundImage: disabled\n                ? \"none\"\n                : useMotionTemplate`\n                  radial-gradient(\n                    ${visible ? `${radius}px` : \"0px\"} circle at ${mouseX}px ${mouseY}px,\n                    var(--ds-color-accent),\n                    transparent 90%\n                  )\n                `,\n            }}\n            onMouseMove={!disabled ? handleMouseMove : undefined}\n            onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n            onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n            className={mergeClassNames(\n              \"group/select w-full rounded-lg p-[2px] transition duration-300 hover:border-ds-border-accent\",\n              disabled\n                ? \"border-none bg-ds-surface-1\"\n                : error\n                  ? \"border-ds-state-error-border\"\n                  : \"border-ds-border-2\",\n            )}\n          >\n            <div\n              className={mergeClassNames(\n                \"flex w-full cursor-pointer items-center justify-between rounded-md border border-ds-border-field transition duration-400 ease-in-out\",\n                isCompact\n                  ? \"h-9 px-2.5 py-2 text-sm\"\n                  : \"h-10 px-3 py-2 text-sm\",\n                bgClassName,\n                disabled ? \"cursor-not-allowed opacity-50\" : \"text-ds-1\",\n                error\n                  ? \"border-ds-state-error-border text-ds-state-error-text focus-visible:ring-ds-state-error-border\"\n                  : \"\",\n                triggerClassName,\n              )}\n              onKeyDown={handleKeyDown}\n              role=\"button\"\n              tabIndex={disabled ? -1 : 0}\n              aria-haspopup=\"listbox\"\n              aria-expanded={open}\n            >\n              {selectedOption ? (\n                <TruncatedText\n                  as=\"span\"\n                  showTitleOnHover\n                  className=\"flex-1 text-ds-1\"\n                >\n                  {selectedOption.label}\n                </TruncatedText>\n              ) : (\n                <TruncatedText as=\"span\" className=\"flex-1 text-ds-2\">\n                  {placeholder}\n                </TruncatedText>\n              )}\n\n              <span\n                className={mergeClassNames(\n                  \"ms-2 shrink-0 text-ds-2 transition-transform duration-300\",\n                  open ? \"rotate-180\" : \"rotate-0\",\n                )}\n              >\n                <ChevronDownIcon\n                  width={24}\n                  height={24}\n                  color=\"currentColor\"\n                  className={isCompact ? \"h-4 w-4\" : \"h-5 w-5\"}\n                />\n              </span>\n            </div>\n          </motion.div>\n        }\n      >\n        {!disabled ? (\n          <>\n            {options.length === 0 ? (\n              <div className=\"px-3 py-2 text-ds-2\">{noOptionsText}</div>\n            ) : null}\n\n            {options.map((option) => (\n              <div\n                key={option.value}\n                ref={option.value === value ? selectedOptionRef : null}\n                className={mergeClassNames(\n                  \"mx-1 my-1 flex cursor-pointer items-center rounded-md text-ds-1 transition\",\n                  isCompact\n                    ? \"gap-1.5 px-2.5 py-2 text-sm\"\n                    : \"gap-2 px-3 py-2 text-sm\",\n                  option.value === value\n                    ? \"bg-ds-accent-subtle font-semibold text-ds-1\"\n                    : \"\",\n                  \"hover:bg-ds-accent hover:text-ds-on-accent\",\n                  optionClassName,\n                )}\n                onClick={() => handleSelect(option.value)}\n              >\n                {selectionIndicator === \"check\" ? (\n                  <span\n                    className={mergeClassNames(\n                      \"flex items-center justify-center\",\n                      isCompact ? \"w-4\" : \"w-5\",\n                    )}\n                  >\n                    {option.value === value ? (\n                      <CheckIcon\n                        className=\"text-ds-1\"\n                        width={isCompact ? 16 : 18}\n                        height={isCompact ? 16 : 18}\n                      />\n                    ) : null}\n                  </span>\n                ) : null}\n                <TruncatedText as=\"span\" showTitleOnHover className=\"flex-1\">\n                  {option.label}\n                </TruncatedText>\n              </div>\n            ))}\n          </>\n        ) : null}\n      </DropdownMenu>\n\n      {error ? (\n        <p className=\"mt-1 text-sm font-medium text-ds-state-error-text\">\n          {error}\n        </p>\n      ) : null}\n      {helperText && !error ? (\n        <p className=\"mt-1 text-sm text-ds-2\">{helperText}</p>\n      ) : null}\n    </div>\n  );\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}
+{"version":3,"file":"select-DnSSxddm.mjs","names":[],"sources":["../../src/components/forms/select/Select.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type ForwardedRef,\n  type KeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n} from \"react\";\nimport { motion, useMotionTemplate, useMotionValue } from \"framer-motion\";\n\nimport { CheckIcon, ChevronDownIcon } from \"../../icons\";\nimport { DropdownMenu } from \"../../overlays/dropdown-menu\";\nimport { TruncatedText } from \"../../typography/truncated-text\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { SelectProps } from \"./types\";\n\nexport const Select = forwardRef(function SelectComponent(\n  {\n    className = \"\",\n    containerClassName = \"\",\n    triggerClassName = \"\",\n    dropdownClassName = \"\",\n    optionClassName = \"\",\n    label,\n    error,\n    helperText,\n    options,\n    value,\n    onChange,\n    placeholder = \"Select...\",\n    noOptionsText = \"No options\",\n    disabled,\n    bgClassName = \"bg-ds-surface-1\",\n    size = \"default\",\n    selectionIndicator = \"check\",\n    ...props\n  }: SelectProps,\n  ref: ForwardedRef<HTMLSelectElement>,\n) {\n  const [open, setOpen] = useState(false);\n  const [visible, setVisible] = useState(false);\n  const hiddenSelectRef = useRef<HTMLSelectElement>(null);\n  const selectedOptionRef = useRef<HTMLDivElement>(null);\n  const mouseX = useMotionValue(0);\n  const mouseY = useMotionValue(0);\n  const radius = 100;\n  const isCompact = size === \"compact\";\n  const selectedOption = options.find((option) => option.value === value);\n\n  useEffect(() => {\n    if (typeof ref === \"function\") {\n      ref(hiddenSelectRef.current);\n      return;\n    }\n\n    if (ref) {\n      ref.current = hiddenSelectRef.current;\n    }\n  }, [ref]);\n\n  useEffect(() => {\n    if (!open || !selectedOptionRef.current) {\n      return;\n    }\n\n    const frameId = window.requestAnimationFrame(() => {\n      selectedOptionRef.current?.scrollIntoView({ block: \"nearest\" });\n    });\n\n    return () => {\n      window.cancelAnimationFrame(frameId);\n    };\n  }, [open, value]);\n\n  const handleMouseMove = (event: ReactMouseEvent<HTMLDivElement>) => {\n    const { left, top } = event.currentTarget.getBoundingClientRect();\n    mouseX.set(event.clientX - left);\n    mouseY.set(event.clientY - top);\n  };\n\n  const handleSelect = (optionValue: string) => {\n    if (onChange && hiddenSelectRef.current) {\n      const syntheticEvent = {\n        target: { value: optionValue, name: props.name },\n        currentTarget: { value: optionValue, name: props.name },\n      } as ChangeEvent<HTMLSelectElement>;\n\n      onChange(syntheticEvent);\n    }\n\n    setOpen(false);\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (disabled) {\n      return;\n    }\n\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      setOpen((current) => !current);\n    }\n\n    if (event.key === \"Escape\") {\n      setOpen(false);\n    }\n  };\n\n  return (\n    <div\n      className={mergeClassNames(\n        \"w-full\",\n        isCompact ? \"min-w-0\" : \"min-w-48\",\n        containerClassName,\n      )}\n    >\n      {label ? (\n        <label className=\"mb-2 block text-sm leading-none font-medium text-ds-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\">\n          {label}\n        </label>\n      ) : null}\n\n      <select\n        ref={hiddenSelectRef}\n        className=\"sr-only\"\n        value={value}\n        onChange={onChange}\n        disabled={disabled}\n        {...props}\n      >\n        <option value=\"\">{placeholder}</option>\n        {options.map((option) => (\n          <option key={option.value} value={option.value}>\n            {option.label}\n          </option>\n        ))}\n      </select>\n\n      <DropdownMenu\n        className={mergeClassNames(\"w-full\", className)}\n        open={open}\n        onOpenChange={(nextOpen) => {\n          if (disabled) {\n            setOpen(false);\n            return;\n          }\n\n          setOpen(nextOpen);\n        }}\n        panelClassName={mergeClassNames(\n          \"start-0 top-[40px] z-20 mt-1 flex w-full flex-col overflow-auto rounded-lg border border-ds-border-2 bg-ds-surface-1 shadow-3 backdrop-blur-xl transition\",\n          isCompact ? \"max-h-56\" : \"max-h-60\",\n          dropdownClassName,\n        )}\n        animationClassName=\"origin-top-left\"\n        trigger={\n          <motion.div\n            style={{\n              backgroundImage: disabled\n                ? \"none\"\n                : useMotionTemplate`\n                  radial-gradient(\n                    ${visible ? `${radius}px` : \"0px\"} circle at ${mouseX}px ${mouseY}px,\n                    var(--ds-color-accent),\n                    transparent 90%\n                  )\n                `,\n            }}\n            onMouseMove={!disabled ? handleMouseMove : undefined}\n            onMouseEnter={!disabled ? () => setVisible(true) : undefined}\n            onMouseLeave={!disabled ? () => setVisible(false) : undefined}\n            className={mergeClassNames(\n              \"group/select w-full rounded-lg p-[2px] transition duration-300 hover:border-ds-border-accent\",\n              disabled\n                ? \"border-none bg-ds-surface-1\"\n                : error\n                  ? \"border-ds-state-error-border\"\n                  : \"border-ds-border-2\",\n            )}\n          >\n            <div\n              className={mergeClassNames(\n                \"flex w-full cursor-pointer items-center justify-between rounded-md border border-ds-border-field transition duration-400 ease-in-out\",\n                isCompact\n                  ? \"h-9 px-2.5 py-2 text-sm\"\n                  : \"h-10 px-3 py-2 text-sm\",\n                bgClassName,\n                disabled ? \"cursor-not-allowed opacity-50\" : \"text-ds-1\",\n                error\n                  ? \"border-ds-state-error-border text-ds-state-error-text focus-visible:ring-ds-state-error-border\"\n                  : \"\",\n                triggerClassName,\n              )}\n              onKeyDown={handleKeyDown}\n              role=\"button\"\n              tabIndex={disabled ? -1 : 0}\n              aria-haspopup=\"listbox\"\n              aria-expanded={open}\n            >\n              {selectedOption ? (\n                <TruncatedText\n                  as=\"span\"\n                  showTitleOnHover\n                  className=\"flex-1 text-ds-1\"\n                >\n                  {selectedOption.label}\n                </TruncatedText>\n              ) : (\n                <TruncatedText as=\"span\" className=\"flex-1 text-ds-2\">\n                  {placeholder}\n                </TruncatedText>\n              )}\n\n              <span\n                className={mergeClassNames(\n                  \"ms-2 shrink-0 text-ds-2 transition-transform duration-300\",\n                  open ? \"rotate-180\" : \"rotate-0\",\n                )}\n              >\n                <ChevronDownIcon\n                  width={24}\n                  height={24}\n                  color=\"currentColor\"\n                  className={isCompact ? \"h-4 w-4\" : \"h-5 w-5\"}\n                />\n              </span>\n            </div>\n          </motion.div>\n        }\n      >\n        {!disabled ? (\n          <>\n            {options.length === 0 ? (\n              <div className=\"px-3 py-2 text-ds-2\">{noOptionsText}</div>\n            ) : null}\n\n            {options.map((option) => (\n              <div\n                key={option.value}\n                ref={option.value === value ? selectedOptionRef : null}\n                className={mergeClassNames(\n                  \"mx-1 my-1 flex cursor-pointer items-center rounded-md text-ds-1 transition\",\n                  isCompact\n                    ? \"gap-1.5 px-2.5 py-2 text-sm\"\n                    : \"gap-2 px-3 py-2 text-sm\",\n                  option.value === value\n                    ? \"bg-ds-accent-subtle font-semibold text-ds-1\"\n                    : \"\",\n                  \"hover:bg-ds-accent hover:text-ds-on-accent\",\n                  optionClassName,\n                )}\n                onClick={() => handleSelect(option.value)}\n              >\n                {selectionIndicator === \"check\" ? (\n                  <span\n                    className={mergeClassNames(\n                      \"flex items-center justify-center\",\n                      isCompact ? \"w-4\" : \"w-5\",\n                    )}\n                  >\n                    {option.value === value ? (\n                      <CheckIcon\n                        className=\"text-ds-1\"\n                        width={isCompact ? 16 : 18}\n                        height={isCompact ? 16 : 18}\n                      />\n                    ) : null}\n                  </span>\n                ) : null}\n                <TruncatedText as=\"span\" showTitleOnHover className=\"flex-1\">\n                  {option.label}\n                </TruncatedText>\n              </div>\n            ))}\n          </>\n        ) : null}\n      </DropdownMenu>\n\n      {error ? (\n        <p className=\"mt-1 text-sm font-medium text-ds-state-error-text\">\n          {error}\n        </p>\n      ) : null}\n      {helperText && !error ? (\n        <p className=\"mt-1 text-sm text-ds-2\">{helperText}</p>\n      ) : null}\n    </div>\n  );\n});\n\nSelect.displayName = \"Select\";\n"],"mappings":"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"}

package/dist/chunks/{sidebar-oemmRzCL.mjs → sidebar-C3Sx87wD.mjs}

@@ -1,9 +1,9 @@
-import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
-import { S as BellIcon, x as FullScreenIcon } from "./icons-JzMKLygv.mjs";
-import { t as Button } from "./button-IDShmQqA.mjs";
-import { t as DropdownMenu } from "./DropdownMenu-BQ4WlaGp.mjs";
-import { t as Typography } from "./typography-DHE9sUZ8.mjs";
-import { t as SunToMoonButton } from "./SunToMoonButton-BOKHzC1H.mjs";
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
+import { S as BellIcon, x as FullScreenIcon } from "./icons-CkVHNbbN.mjs";
+import { t as Button } from "./button-CAU9ej3h.mjs";
+import { t as DropdownMenu } from "./DropdownMenu-B18BI5l7.mjs";
+import { t as Typography } from "./typography-Czi7t5y4.mjs";
+import { t as SunToMoonButton } from "./SunToMoonButton-DIMK53fW.mjs";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation/sidebar/HamburgerIcon.tsx
@@ -445,9 +445,9 @@ function DashboardSidebarShell({ items, open, defaultOpen = false, onOpenChange,
 		dir: resolvedDirection,
 		className: mergeClassNames("sticky top-2 z-40 mb-4 flex items-center rounded-md border border-ds-border-3 bg-ds-surface-1/95 px-4 py-3 shadow-[0_4px_14px_color-mix(in_srgb,var(--ds-color-fg)_8%,transparent)] backdrop-blur-md", headerClassName),
 		children: /* @__PURE__ */ jsxs("div", {
-			className: mergeClassNames("flex w-full justify-between gap-4", isRtl && "flex-row-reverse"),
+			className: "flex w-full justify-between gap-4",
 			children: [/* @__PURE__ */ jsxs("div", {
-				className: mergeClassNames("flex min-w-0 items-center gap-3", isRtl && "flex-row-reverse text-right", headerTitleClassName),
+				className: mergeClassNames("flex min-w-0 items-center gap-3", headerTitleClassName),
 				children: [resolvedHeaderLeading, /* @__PURE__ */ jsxs("div", {
 					className: "min-w-0",
 					children: [/* @__PURE__ */ jsx(Typography, {
@@ -462,7 +462,7 @@ function DashboardSidebarShell({ items, open, defaultOpen = false, onOpenChange,
 					})]
 				})]
 			}), /* @__PURE__ */ jsx("div", {
-				className: mergeClassNames("border-ds-border-4 flex min-h-11 shrink-0 items-center gap-1 rounded-full border bg-ds-surface-1 px-2 py-1 shadow-[0_2px_8px_color-mix(in_srgb,var(--ds-color-fg)_6%,transparent)]", isRtl && "flex-row-reverse", headerActionsClassName),
+				className: mergeClassNames("border-ds-border-4 flex min-h-11 shrink-0 items-center gap-1 rounded-full border bg-ds-surface-1 px-2 py-1 shadow-[0_2px_8px_color-mix(in_srgb,var(--ds-color-fg)_6%,transparent)]", headerActionsClassName),
 				children: resolvedHeaderActions
 			})]
 		})
@@ -471,7 +471,6 @@ function DashboardSidebarShell({ items, open, defaultOpen = false, onOpenChange,
 		headerActionsClassName,
 		headerClassName,
 		headerTitleClassName,
-		isRtl,
 		resolvedDirection,
 		resolvedHeaderActions,
 		resolvedHeaderLeading,
@@ -513,4 +512,4 @@ function DashboardSidebarShell({ items, open, defaultOpen = false, onOpenChange,
 //#endregion
 export { HamburgerIcon as a, NavLink as i, Sidebar as n, SidebarLinks as r, DashboardSidebarShell as t };
 
-//# sourceMappingURL=sidebar-oemmRzCL.mjs.map
+//# sourceMappingURL=sidebar-C3Sx87wD.mjs.map

package/dist/chunks/{sidebar-oemmRzCL.mjs.map → sidebar-C3Sx87wD.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"sidebar-oemmRzCL.mjs","names":[],"sources":["../../src/components/navigation/sidebar/HamburgerIcon.tsx","../../src/components/navigation/sidebar/NavLink.tsx","../../src/components/navigation/sidebar/SidebarLinks.tsx","../../src/components/navigation/sidebar/Sidebar.tsx","../../src/components/navigation/sidebar/DashboardSidebarShell.tsx"],"sourcesContent":["import { mergeClassNames } from \"../../../utils\";\n\nexport interface HamburgerIconProps {\n  isOpen: boolean;\n  className?: string;\n}\n\nconst lineClassName =\n  \"block h-0.5 w-full rounded-lg bg-current transition-all duration-300 ease-in-out\";\n\nexport function HamburgerIcon({ isOpen, className }: HamburgerIconProps) {\n  return (\n    <span\n      className={mergeClassNames(\n        \"relative flex h-4 w-5 flex-col items-center justify-between\",\n        className,\n      )}\n      aria-hidden=\"true\"\n    >\n      <span\n        className={mergeClassNames(\n          lineClassName,\n          isOpen && \"translate-y-[5px] rotate-45 transform\",\n        )}\n      />\n      <span className={mergeClassNames(lineClassName, isOpen && \"w-0\")} />\n      <span\n        className={mergeClassNames(\n          lineClassName,\n          isOpen && \"-translate-y-[9px] -rotate-45 transform\",\n        )}\n      />\n    </span>\n  );\n}\n","import { useMemo } from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport type { SidebarNavLinkProps } from \"./types\";\n\nexport function NavLink({\n  className,\n  children,\n  style,\n  borderRadius,\n  disabled = false,\n  href,\n  target,\n  rel,\n  onClick,\n}: SidebarNavLinkProps) {\n  const memoizedStyle = useMemo(\n    () => (borderRadius !== undefined ? { ...style, borderRadius } : style),\n    [borderRadius, style],\n  );\n\n  if (href) {\n    const resolvedRel = target === \"_blank\" ? (rel ?? \"noreferrer noopener\") : rel;\n\n    return (\n      <a\n        href={href}\n        className={className}\n        style={memoizedStyle}\n        target={target}\n        rel={resolvedRel}\n        aria-disabled={disabled}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            return;\n          }\n\n          onClick?.(event);\n        }}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"tertiary\"\n      className={className}\n      style={memoizedStyle}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </Button>\n  );\n}\n","import { mergeClassNames } from \"../../../utils\";\nimport { NavLink } from \"./NavLink\";\nimport type { SidebarDirection, SidebarItem, SidebarLinksProps } from \"./types\";\n\nconst rtlLanguages = /^(ar|fa|ur|he)(-|$)/i;\n\nfunction resolveDirection(\n  direction: SidebarDirection,\n): Exclude<SidebarDirection, \"auto\"> {\n  if (direction !== \"auto\") {\n    return direction;\n  }\n\n  if (typeof document === \"undefined\") {\n    return \"ltr\";\n  }\n\n  const explicitDirection =\n    document.documentElement.getAttribute(\"dir\") ?? undefined;\n\n  if (explicitDirection === \"rtl\" || explicitDirection === \"ltr\") {\n    return explicitDirection;\n  }\n\n  if (\n    typeof navigator !== \"undefined\" &&\n    rtlLanguages.test(navigator.language)\n  ) {\n    return \"rtl\";\n  }\n\n  return \"ltr\";\n}\n\nfunction isRouteActive(item: SidebarItem, activePath?: string): boolean {\n  if (typeof item.active === \"boolean\") {\n    return item.active;\n  }\n\n  if (!activePath || !item.href) {\n    return false;\n  }\n\n  return activePath === item.href || activePath.startsWith(`${item.href}/`);\n}\n\nexport function SidebarLinks({\n  items,\n  activePath,\n  onItemSelect,\n  direction = \"auto\",\n  className,\n  itemClassName,\n  activeItemClassName,\n}: SidebarLinksProps) {\n  const effectiveDirection = resolveDirection(direction);\n  const visibleItems = items.filter((item) => !item.hidden);\n\n  return (\n    <ul className={mergeClassNames(\"space-y-1.5\", className)}>\n      {visibleItems.map((item) => {\n        const active = isRouteActive(item, activePath);\n\n        return (\n          <li key={item.id} className=\"relative\">\n            <NavLink\n              href={item.href}\n              disabled={item.disabled}\n              className={mergeClassNames(\n                \"group relative flex w-full items-center gap-2.5 rounded-md border px-3 py-2.5 transition-all duration-200\",\n                effectiveDirection === \"rtl\" ? \"text-right\" : \"text-left\",\n                \"border-transparent text-ds-2 hover:border-ds-border-3 hover:bg-ds-surface-2/80 hover:text-ds-1\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ds-focus/60 focus-visible:ring-offset-2 focus-visible:ring-offset-ds-canvas\",\n                item.disabled && \"cursor-not-allowed opacity-50\",\n                active &&\n                  \"border-ds-border-accent/35 bg-ds-accent-subtle text-ds-1 shadow-[0_4px_12px_color-mix(in_srgb,var(--ds-color-fg)_8%,transparent)]\",\n                active && activeItemClassName,\n                itemClassName,\n              )}\n              onClick={(event) => {\n                item.onSelect?.(event);\n                onItemSelect?.(item, event);\n                if (onItemSelect) {\n                  event.preventDefault();\n                }\n              }}\n            >\n              <span\n                className={mergeClassNames(\n                  \"inline-flex h-5 w-5 shrink-0 items-center justify-center\",\n                  active ? \"text-ds-1\" : \"text-ds-2 group-hover:text-ds-1\",\n                )}\n                aria-hidden=\"true\"\n              >\n                {item.icon}\n              </span>\n              <span className=\"min-w-0 flex-1 truncate text-sm font-medium\">\n                {item.label}\n              </span>\n              {item.badge ? (\n                <span className=\"shrink-0 text-xs text-ds-2\">{item.badge}</span>\n              ) : null}\n            </NavLink>\n            {active ? (\n              <span\n                className={mergeClassNames(\n                  \"pointer-events-none absolute  top-1.5 h-[calc(100%-12px)] w-2\",\n                  effectiveDirection === \"rtl\" ? \"right-0\" : \"left-0\",\n                )}\n                aria-hidden=\"true\"\n              >\n                {/* <span className=\"absolute inset-y-1 left-1/2 w-2 -translate-x-1/2 rounded-full bg-ds-accent/25 blur-[4px]\" /> */}\n                {/* <span className=\"absolute inset-y-0 left-1/6 w-[2px] -translate-x-1/2 rounded-full bg-ds-accent motion-safe:animate-pulse\" /> */}\n                {/* <span className=\"absolute top-2.5 left-1/2 h-2 w-2 -translate-x-1/2 rounded-full bg-ds-accent shadow-[0_0_10px_color-mix(in_srgb,var(--ds-color-accent)_55%,transparent)] motion-safe:animate-pulse\" /> */}\n              </span>\n            ) : null}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n","import { useCallback, useMemo, useState } from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { mergeClassNames } from \"../../../utils\";\nimport { HamburgerIcon } from \"./HamburgerIcon\";\nimport { SidebarLinks } from \"./SidebarLinks\";\nimport type { SidebarProps } from \"./types\";\n\nfunction useControllableOpenState(\n  open: boolean | undefined,\n  defaultOpen: boolean,\n  onOpenChange?: (open: boolean) => void,\n) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : internalOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return [resolvedOpen, setOpen] as const;\n}\n\nconst fallbackBrand = (\n  <div className=\"text-xl font-bold uppercase tracking-wide text-ds-1\">\n    <span className=\"text-ds-accent\">ERP</span>\n    <span className=\"font-medium\">PRO</span>\n  </div>\n);\n\nexport function Sidebar({\n  items,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  activePath,\n  onItemSelect,\n  direction = \"auto\",\n  navbar,\n  brand = fallbackBrand,\n  footer,\n  className,\n  linksClassName,\n  itemClassName,\n  activeItemClassName,\n  overlayClassName,\n  closeLabel = \"Toggle sidebar\",\n  showOverlay = true,\n}: SidebarProps) {\n  const [resolvedOpen, setOpen] = useControllableOpenState(\n    open,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const content = useMemo(\n    () => (\n      <aside\n        dir={direction === \"auto\" ? undefined : direction}\n        className={mergeClassNames(\n          \"fixed inset-y-2 z-70 flex w-72 flex-col rounded-xl border border-ds-border-3 bg-ds-surface-1/92 p-3 shadow-[0_10px_28px_color-mix(in_srgb,var(--ds-color-fg)_9%,transparent)] backdrop-blur-xl\",\n          \"transition-transform duration-200 ease-out xl:translate-x-0\",\n          direction === \"rtl\" ? \"right-2\" : \"left-2\",\n          resolvedOpen\n            ? \"translate-x-0\"\n            : direction === \"rtl\"\n              ? \"translate-x-[110%] xl:translate-x-0\"\n              : \"-translate-x-[110%] xl:translate-x-0\",\n          className,\n        )}\n        style={{\n          backdropFilter: \"blur(14px) saturate(120%)\",\n          WebkitBackdropFilter: \"blur(14px) saturate(120%)\",\n        }}\n      >\n        {navbar ? (\n          <div className=\"mb-4\">{navbar}</div>\n        ) : (\n          <div className=\"mb-4 flex items-center justify-between gap-3 rounded-xl border border-ds-border-3 bg-ds-surface-2/85 px-3 py-2\">\n            <div className=\"min-w-0 flex-1\">{brand}</div>\n            <Button\n              type=\"button\"\n              variant=\"tertiary\"\n              size=\"small\"\n              aria-label={closeLabel}\n              className={mergeClassNames(\n                \"p-1! text-ds-2 transition-colors hover:bg-ds-surface-2 hover:text-ds-1\",\n                \"xl:hidden\",\n              )}\n              onClick={() => setOpen(!resolvedOpen)}\n            >\n              <HamburgerIcon isOpen={resolvedOpen} />\n            </Button>\n          </div>\n        )}\n\n        <div className=\"mb-5 h-px bg-ds-border-3\" />\n\n        <div className=\"min-h-0 flex-1 overflow-y-auto pr-1\">\n          <SidebarLinks\n            items={items}\n            activePath={activePath}\n            onItemSelect={onItemSelect}\n            direction={direction}\n            className={linksClassName}\n            itemClassName={itemClassName}\n            activeItemClassName={activeItemClassName}\n          />\n        </div>\n\n        {footer ? <div className=\"mt-4\">{footer}</div> : null}\n      </aside>\n    ),\n    [\n      activeItemClassName,\n      activePath,\n      brand,\n      className,\n      closeLabel,\n      direction,\n      footer,\n      itemClassName,\n      items,\n      linksClassName,\n      onItemSelect,\n      resolvedOpen,\n      setOpen,\n    ],\n  );\n\n  if (!showOverlay) {\n    return content;\n  }\n\n  return (\n    <>\n      {content}\n      <Button\n        type=\"button\"\n        variant=\"tertiary\"\n        size=\"small\"\n        aria-hidden={!resolvedOpen}\n        tabIndex={resolvedOpen ? 0 : -1}\n        className={mergeClassNames(\n          \"fixed inset-0 z-65 p-0! bg-black/30 backdrop-blur-[2px] transition-opacity duration-200 xl:hidden\",\n          resolvedOpen\n            ? \"pointer-events-auto opacity-100\"\n            : \"pointer-events-none opacity-0\",\n          overlayClassName,\n        )}\n        onClick={() => setOpen(false)}\n      />\n    </>\n  );\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport { BellIcon, FullScreenIcon } from \"../../icons\";\nimport { Button } from \"../../forms/button\";\nimport { DropdownMenu } from \"../../overlays/dropdown-menu\";\nimport { Typography } from \"../../typography\";\nimport { mergeClassNames } from \"../../../utils\";\nimport { HamburgerIcon } from \"./HamburgerIcon\";\nimport { Sidebar } from \"./Sidebar\";\nimport type { SidebarItem, SidebarProps } from \"./types\";\nimport { SunToMoonButton } from \"../../effects\";\n\nexport interface DashboardHeaderRenderContext {\n  isSidebarOpen: boolean;\n  setSidebarOpen: (open: boolean) => void;\n  openSidebar: () => void;\n  closeSidebar: () => void;\n  toggleSidebar: () => void;\n  direction: Exclude<SidebarProps[\"direction\"], \"auto\">;\n  isRtl: boolean;\n}\n\ntype DashboardShellSlot =\n  | ReactNode\n  | ((context: DashboardHeaderRenderContext) => ReactNode);\n\nconst notificationItems = [\n  {\n    id: \"stock\",\n    title: \"Low stock alert\",\n    description: \"Wireless Mouse is below reorder point.\",\n    time: \"4m\",\n    toneClassName:\n      \"bg-ds-state-warning-surface text-ds-state-warning-text border-ds-state-warning-border\",\n  },\n  {\n    id: \"invoice\",\n    title: \"Invoice paid\",\n    description: \"INV-2048 was settled successfully.\",\n    time: \"18m\",\n    toneClassName:\n      \"bg-ds-state-success-surface text-ds-state-success-text border-ds-state-success-border\",\n  },\n  {\n    id: \"sync\",\n    title: \"Catalog sync complete\",\n    description: \"128 product records refreshed.\",\n    time: \"42m\",\n    toneClassName:\n      \"bg-ds-state-info-surface text-ds-state-info-text border-ds-state-info-border\",\n  },\n] as const;\n\nexport interface DashboardSidebarShellProps {\n  items: readonly SidebarItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  direction?: SidebarProps[\"direction\"];\n  activePath?: string;\n  onItemSelect?: SidebarProps[\"onItemSelect\"];\n  brand?: SidebarProps[\"brand\"];\n  sidebarNavbar?: SidebarProps[\"navbar\"];\n  sidebarFooter?: SidebarProps[\"footer\"];\n  sidebarClassName?: SidebarProps[\"className\"];\n  sidebarLinksClassName?: SidebarProps[\"linksClassName\"];\n  sidebarItemClassName?: SidebarProps[\"itemClassName\"];\n  sidebarActiveItemClassName?: SidebarProps[\"activeItemClassName\"];\n  sidebarOverlayClassName?: SidebarProps[\"overlayClassName\"];\n  sidebarCloseLabel?: SidebarProps[\"closeLabel\"];\n  showSidebarOverlay?: SidebarProps[\"showOverlay\"];\n  header?: DashboardShellSlot;\n  headerLeading?: DashboardShellSlot;\n  headerActions?: DashboardShellSlot;\n  headerActionsLeading?: DashboardShellSlot;\n  headerActionsTrailing?: DashboardShellSlot;\n  headerClassName?: string;\n  headerTitleClassName?: string;\n  headerActionsClassName?: string;\n  breadcrumb?: ReactNode;\n  title?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n  contentClassName?: string;\n  mainClassName?: string;\n  autoHideOnMobileBreakpoint?: boolean;\n}\n\nconst rtlLanguages = /^(ar|fa|ur|he)(-|$)/i;\n\nfunction resolveDirection(\n  direction: SidebarProps[\"direction\"],\n): Exclude<SidebarProps[\"direction\"], \"auto\"> {\n  if (direction === \"rtl\" || direction === \"ltr\") {\n    return direction;\n  }\n\n  if (typeof document !== \"undefined\") {\n    const documentDirection = document.documentElement.getAttribute(\"dir\");\n    if (documentDirection === \"rtl\" || documentDirection === \"ltr\") {\n      return documentDirection;\n    }\n  }\n\n  if (\n    typeof navigator !== \"undefined\" &&\n    rtlLanguages.test(navigator.language)\n  ) {\n    return \"rtl\";\n  }\n\n  return \"ltr\";\n}\n\nfunction resolveSlot(\n  slot: DashboardShellSlot | undefined,\n  context: DashboardHeaderRenderContext,\n) {\n  return typeof slot === \"function\" ? slot(context) : slot;\n}\n\nfunction useControllableOpenState(\n  open: boolean | undefined,\n  defaultOpen: boolean,\n  onOpenChange?: (open: boolean) => void,\n) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : internalOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return [resolvedOpen, setOpen] as const;\n}\n\nexport function DashboardSidebarShell({\n  items,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  direction = \"auto\",\n  activePath,\n  onItemSelect,\n  brand,\n  sidebarNavbar,\n  sidebarFooter,\n  sidebarClassName,\n  sidebarLinksClassName,\n  sidebarItemClassName,\n  sidebarActiveItemClassName,\n  sidebarOverlayClassName,\n  sidebarCloseLabel,\n  showSidebarOverlay,\n  header,\n  headerLeading,\n  headerActions,\n  headerActionsLeading,\n  headerActionsTrailing,\n  headerClassName,\n  headerTitleClassName,\n  headerActionsClassName,\n  breadcrumb = \"Pages / Dashboard\",\n  title = \"Dashboard\",\n  children,\n  className,\n  contentClassName,\n  mainClassName,\n  autoHideOnMobileBreakpoint = true,\n}: DashboardSidebarShellProps) {\n  const [resolvedOpen, setOpen] = useControllableOpenState(\n    open,\n    defaultOpen,\n    onOpenChange,\n  );\n  const resolvedDirection = resolveDirection(direction);\n  const isRtl = resolvedDirection === \"rtl\";\n  const openSidebar = useCallback(() => setOpen(true), [setOpen]);\n  const closeSidebar = useCallback(() => setOpen(false), [setOpen]);\n  const toggleSidebar = useCallback(\n    () => setOpen(!resolvedOpen),\n    [resolvedOpen, setOpen],\n  );\n\n  const headerContext = useMemo<DashboardHeaderRenderContext>(\n    () => ({\n      isSidebarOpen: resolvedOpen,\n      setSidebarOpen: setOpen,\n      openSidebar,\n      closeSidebar,\n      toggleSidebar,\n      direction: resolvedDirection,\n      isRtl,\n    }),\n    [\n      closeSidebar,\n      isRtl,\n      openSidebar,\n      resolvedDirection,\n      resolvedOpen,\n      setOpen,\n      toggleSidebar,\n    ],\n  );\n\n  useEffect(() => {\n    if (!autoHideOnMobileBreakpoint || typeof window === \"undefined\") {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(\"(max-width: 1279px)\");\n\n    const handleMobileEnter = (event: MediaQueryListEvent | MediaQueryList) => {\n      if (event.matches) {\n        setOpen(false);\n      }\n    };\n\n    // Ensure first render on smaller screens starts closed.\n    handleMobileEnter(mediaQuery);\n\n    const listener = (event: MediaQueryListEvent) => handleMobileEnter(event);\n    mediaQuery.addEventListener(\"change\", listener);\n\n    return () => mediaQuery.removeEventListener(\"change\", listener);\n  }, [autoHideOnMobileBreakpoint, setOpen]);\n\n  const defaultHeaderActions = useMemo(\n    () => (\n      <>\n        <Button\n          type=\"button\"\n          variant=\"tertiary\"\n          size=\"small\"\n          className=\"h-9 w-9 rounded-full p-0! xl:hidden\"\n          aria-label=\"Toggle sidebar\"\n          onClick={toggleSidebar}\n        >\n          <HamburgerIcon isOpen={resolvedOpen} />\n        </Button>\n\n        <DropdownMenu\n          animationClassName={isRtl ? \"origin-top-left\" : \"origin-top-right\"}\n          panelClassName={mergeClassNames(\n            \"top-[44px]\",\n            isRtl ? \"left-0\" : \"right-0\",\n          )}\n          trigger={\n            <Button\n              type=\"button\"\n              variant=\"tertiary\"\n              size=\"small\"\n              className=\"relative h-9 w-9 rounded-full p-0!\"\n              aria-label=\"Open notifications\"\n            >\n              <BellIcon className=\"h-5 w-5\" />\n              <span\n                className={mergeClassNames(\n                  \"bg-ds-state-danger text-ds-on-accent absolute -top-0.5 flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-[0.68rem] font-bold\",\n                  isRtl ? \"-left-0.5\" : \"-right-0.5\",\n                )}\n              >\n                {notificationItems.length}\n              </span>\n            </Button>\n          }\n        >\n          <div className=\"w-[340px] rounded-lg border border-ds-border-3 bg-ds-surface-1 p-3 shadow-xl\">\n            <div className=\"mb-2 flex items-center justify-between gap-3\">\n              <Typography variant=\"body2\" weight=\"black\">\n                Notifications\n              </Typography>\n              <Button\n                type=\"button\"\n                variant=\"tertiary\"\n                size=\"small\"\n                className=\"px-2 py-1 text-xs\"\n              >\n                Mark all read\n              </Button>\n            </div>\n            <div className=\"space-y-2\">\n              {notificationItems.map((item) => (\n                <Button\n                  key={item.id}\n                  type=\"button\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  className={mergeClassNames(\n                    \"w-full rounded-lg border border-ds-border-3 px-2.5 py-2\",\n                    isRtl\n                      ? \"justify-end text-right\"\n                      : \"justify-start text-left\",\n                  )}\n                >\n                  <span\n                    className={`mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border ${item.toneClassName}`}\n                  >\n                    <BellIcon className=\"h-3.5 w-3.5\" />\n                  </span>\n                  <span className=\"min-w-0 flex-1\">\n                    <span className=\"block truncate text-xs font-semibold text-ds-1\">\n                      {item.title}\n                    </span>\n                    <span className=\"block truncate text-[11px] text-ds-3\">\n                      {item.description}\n                    </span>\n                  </span>\n                  <span className=\"text-[11px] text-ds-3\">{item.time}</span>\n                </Button>\n              ))}\n            </div>\n          </div>\n        </DropdownMenu>\n\n        <SunToMoonButton showLabelAndImage={false} />\n\n        <Button\n          type=\"button\"\n          variant=\"tertiary\"\n          size=\"small\"\n          className=\"h-9 w-9 rounded-full p-0!\"\n          aria-label=\"Toggle fullscreen\"\n          onClick={() => {\n            if (document.fullscreenElement) {\n              document.exitFullscreen();\n            } else {\n              document.documentElement.requestFullscreen();\n            }\n          }}\n        >\n          <FullScreenIcon className=\"h-5 w-5\" />\n        </Button>\n\n        <DropdownMenu\n          animationClassName={isRtl ? \"origin-top-left\" : \"origin-top-right\"}\n          panelClassName={mergeClassNames(\n            \"top-[44px]\",\n            isRtl ? \"left-0\" : \"right-0\",\n          )}\n          trigger={\n            <Button\n              type=\"button\"\n              variant=\"primary\"\n              size=\"small\"\n              className=\"h-9 w-9 rounded-full p-0! text-sm font-black\"\n              aria-label=\"Open user menu\"\n            >\n              JD\n            </Button>\n          }\n        >\n          <div className=\"w-52 rounded-lg border border-ds-border-3 bg-ds-surface-1 p-3 shadow-xl\">\n            <div className=\"mb-2 flex items-center gap-2\">\n              <span className=\"bg-ds-accent text-ds-on-accent inline-flex h-8 w-8 items-center justify-center rounded-full text-xs font-black\">\n                JD\n              </span>\n              <div className=\"min-w-0\">\n                <Typography variant=\"body2\" weight=\"black\" className=\"truncate\">\n                  John Doe\n                </Typography>\n                <Typography variant=\"caption\" className=\"text-ds-3\">\n                  Administrator\n                </Typography>\n              </div>\n            </div>\n            <div className=\"my-2 border-t border-ds-border-3\" />\n            <div className=\"flex flex-col gap-1\">\n              <Button\n                type=\"button\"\n                variant=\"tertiary\"\n                size=\"small\"\n                className={mergeClassNames(\n                  \"px-2 py-1.5 text-sm\",\n                  isRtl ? \"justify-end text-right\" : \"justify-start text-left\",\n                )}\n              >\n                Profile\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"tertiary\"\n                size=\"small\"\n                className={mergeClassNames(\n                  \"px-2 py-1.5 text-sm\",\n                  isRtl ? \"justify-end text-right\" : \"justify-start text-left\",\n                )}\n              >\n                Settings\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"tertiary\"\n                size=\"small\"\n                className={mergeClassNames(\n                  \"px-2 py-1.5 text-sm text-ds-state-error-text\",\n                  isRtl ? \"justify-end text-right\" : \"justify-start text-left\",\n                )}\n              >\n                Log Out\n              </Button>\n            </div>\n          </div>\n        </DropdownMenu>\n      </>\n    ),\n    [isRtl, resolvedOpen, toggleSidebar],\n  );\n\n  const resolvedHeaderLeading = resolveSlot(headerLeading, headerContext);\n  const resolvedHeaderActionsLeading = headerActionsLeading\n    ? resolveSlot(headerActionsLeading, headerContext)\n    : null;\n  const resolvedHeaderActionsTrailing = headerActionsTrailing\n    ? resolveSlot(headerActionsTrailing, headerContext)\n    : null;\n  const resolvedHeaderActions =\n    headerActions === undefined ? (\n      <>\n        {resolvedHeaderActionsLeading}\n        {defaultHeaderActions}\n        {resolvedHeaderActionsTrailing}\n      </>\n    ) : (\n      resolveSlot(headerActions, headerContext)\n    );\n\n  const defaultHeader = useMemo(\n    () => (\n      <nav\n        dir={resolvedDirection}\n        className={mergeClassNames(\n          \"sticky top-2 z-40 mb-4 flex items-center rounded-md border border-ds-border-3 bg-ds-surface-1/95 px-4 py-3 shadow-[0_4px_14px_color-mix(in_srgb,var(--ds-color-fg)_8%,transparent)] backdrop-blur-md\",\n          headerClassName,\n        )}\n      >\n        <div\n          className={mergeClassNames(\n            \"flex w-full justify-between gap-4\",\n            isRtl && \"flex-row-reverse\",\n          )}\n        >\n          <div\n            className={mergeClassNames(\n              \"flex min-w-0 items-center gap-3\",\n              isRtl && \"flex-row-reverse text-right\",\n              headerTitleClassName,\n            )}\n          >\n            {resolvedHeaderLeading}\n            <div className=\"min-w-0\">\n              <Typography variant=\"caption\" className=\"text-ds-3 capitalize\">\n                {breadcrumb}\n              </Typography>\n              <Typography\n                variant=\"h5\"\n                weight=\"black\"\n                className=\"truncate leading-7 capitalize\"\n              >\n                {title}\n              </Typography>\n            </div>\n          </div>\n\n          <div\n            className={mergeClassNames(\n              \"border-ds-border-4 flex min-h-11 shrink-0 items-center gap-1 rounded-full border bg-ds-surface-1 px-2 py-1 shadow-[0_2px_8px_color-mix(in_srgb,var(--ds-color-fg)_6%,transparent)]\",\n              isRtl && \"flex-row-reverse\",\n              headerActionsClassName,\n            )}\n          >\n            {resolvedHeaderActions}\n          </div>\n        </div>\n      </nav>\n    ),\n    [\n      breadcrumb,\n      headerActionsClassName,\n      headerClassName,\n      headerTitleClassName,\n      isRtl,\n      resolvedDirection,\n      resolvedHeaderActions,\n      resolvedHeaderLeading,\n      title,\n    ],\n  );\n\n  const resolvedHeader =\n    header === undefined ? undefined : resolveSlot(header, headerContext);\n\n  return (\n    <div\n      dir={resolvedDirection}\n      className={mergeClassNames(\"flex h-full w-full\", className)}\n    >\n      <Sidebar\n        items={items}\n        open={resolvedOpen}\n        onOpenChange={setOpen}\n        activePath={activePath}\n        onItemSelect={onItemSelect}\n        direction={direction}\n        navbar={sidebarNavbar}\n        brand={brand}\n        footer={sidebarFooter}\n        className={sidebarClassName}\n        linksClassName={sidebarLinksClassName}\n        itemClassName={sidebarItemClassName}\n        activeItemClassName={sidebarActiveItemClassName}\n        overlayClassName={sidebarOverlayClassName}\n        closeLabel={sidebarCloseLabel}\n        showOverlay={showSidebarOverlay}\n      />\n\n      <div className=\"h-full w-full\">\n        <main\n          className={mergeClassNames(\n            \"mx-2 flex-none transition-all duration-200 ease-in-out\",\n            isRtl ? \"xl:mr-[18.5rem]\" : \"xl:ml-[18.5rem]\",\n            mainClassName,\n          )}\n        >\n          {resolvedHeader ?? defaultHeader}\n\n          <section\n            className={mergeClassNames(\n              \"mx-auto min-h-[calc(100dvh-180px)] rounded-md md:min-h-[calc(100dvh-116px)]\",\n              contentClassName,\n            )}\n          >\n            {children}\n          </section>\n        </main>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAOA,IAAM,gBACJ;AAEF,SAAgB,cAAc,EAAE,QAAQ,aAAiC;AACvE,QACE,qBAAC,QAAD;EACE,WAAW,gBACT,+DACA,UACD;EACD,eAAY;YALd;GAOE,oBAAC,QAAD,EACE,WAAW,gBACT,eACA,UAAU,wCACX,EACD,CAAA;GACF,oBAAC,QAAD,EAAM,WAAW,gBAAgB,eAAe,UAAU,MAAM,EAAI,CAAA;GACpE,oBAAC,QAAD,EACE,WAAW,gBACT,eACA,UAAU,0CACX,EACD,CAAA;GACG;;;;;AC3BX,SAAgB,QAAQ,EACtB,WACA,UACA,OACA,cACA,WAAW,OACX,MACA,QACA,KACA,WACsB;CACtB,MAAM,gBAAgB,cACb,iBAAiB,KAAA,IAAY;EAAE,GAAG;EAAO;EAAc,GAAG,OACjE,CAAC,cAAc,MAAM,CACtB;AAED,KAAI,KAGF,QACE,oBAAC,KAAD;EACQ;EACK;EACX,OAAO;EACC;EACR,KARgB,WAAW,WAAY,OAAO,wBAAyB;EASvE,iBAAe;EACf,UAAU,UAAU;AAClB,OAAI,UAAU;AACZ,UAAM,gBAAgB;AACtB;;AAGF,aAAU,MAAM;;EAGjB;EACC,CAAA;AAIR,QACE,oBAAC,QAAD;EACE,MAAK;EACL,SAAQ;EACG;EACX,OAAO;EACG;EACD;EAER;EACM,CAAA;;;;ACpDb,IAAM,iBAAe;AAErB,SAAS,mBACP,WACmC;AACnC,KAAI,cAAc,OAChB,QAAO;AAGT,KAAI,OAAO,aAAa,YACtB,QAAO;CAGT,MAAM,oBACJ,SAAS,gBAAgB,aAAa,MAAM,IAAI,KAAA;AAElD,KAAI,sBAAsB,SAAS,sBAAsB,MACvD,QAAO;AAGT,KACE,OAAO,cAAc,eACrB,eAAa,KAAK,UAAU,SAAS,CAErC,QAAO;AAGT,QAAO;;AAGT,SAAS,cAAc,MAAmB,YAA8B;AACtE,KAAI,OAAO,KAAK,WAAW,UACzB,QAAO,KAAK;AAGd,KAAI,CAAC,cAAc,CAAC,KAAK,KACvB,QAAO;AAGT,QAAO,eAAe,KAAK,QAAQ,WAAW,WAAW,GAAG,KAAK,KAAK,GAAG;;AAG3E,SAAgB,aAAa,EAC3B,OACA,YACA,cACA,YAAY,QACZ,WACA,eACA,uBACoB;CACpB,MAAM,qBAAqB,mBAAiB,UAAU;CACtD,MAAM,eAAe,MAAM,QAAQ,SAAS,CAAC,KAAK,OAAO;AAEzD,QACE,oBAAC,MAAD;EAAI,WAAW,gBAAgB,eAAe,UAAU;YACrD,aAAa,KAAK,SAAS;GAC1B,MAAM,SAAS,cAAc,MAAM,WAAW;AAE9C,UACE,qBAAC,MAAD;IAAkB,WAAU;cAA5B,CACE,qBAAC,SAAD;KACE,MAAM,KAAK;KACX,UAAU,KAAK;KACf,WAAW,gBACT,6GACA,uBAAuB,QAAQ,eAAe,aAC9C,kGACA,kJACA,KAAK,YAAY,iCACjB,UACE,qIACF,UAAU,qBACV,cACD;KACD,UAAU,UAAU;AAClB,WAAK,WAAW,MAAM;AACtB,qBAAe,MAAM,MAAM;AAC3B,UAAI,aACF,OAAM,gBAAgB;;eAlB5B;MAsBE,oBAAC,QAAD;OACE,WAAW,gBACT,4DACA,SAAS,cAAc,kCACxB;OACD,eAAY;iBAEX,KAAK;OACD,CAAA;MACP,oBAAC,QAAD;OAAM,WAAU;iBACb,KAAK;OACD,CAAA;MACN,KAAK,QACJ,oBAAC,QAAD;OAAM,WAAU;iBAA8B,KAAK;OAAa,CAAA,GAC9D;MACI;QACT,SACC,oBAAC,QAAD;KACE,WAAW,gBACT,iEACA,uBAAuB,QAAQ,YAAY,SAC5C;KACD,eAAY;KAKP,CAAA,GACL,KACD;MApDI,KAAK,GAoDT;IAEP;EACC,CAAA;;;;AC/GT,SAAS,2BACP,MACA,aACA,cACA;CACA,MAAM,CAAC,cAAc,mBAAmB,SAAS,YAAY;CAC7D,MAAM,eAAe,SAAS,KAAA;AAa9B,QAAO,CAZc,eAAe,OAAO,cAE3B,aACb,aAAsB;AACrB,MAAI,CAAC,aACH,iBAAgB,SAAS;AAE3B,iBAAe,SAAS;IAE1B,CAAC,cAAc,aAAa,CAGR,CAAQ;;AAGhC,IAAM,gBACJ,qBAAC,OAAD;CAAK,WAAU;WAAf,CACE,oBAAC,QAAD;EAAM,WAAU;YAAiB;EAAU,CAAA,EAC3C,oBAAC,QAAD;EAAM,WAAU;YAAc;EAAU,CAAA,CACpC;;AAGR,SAAgB,QAAQ,EACtB,OACA,MACA,cAAc,OACd,cACA,YACA,cACA,YAAY,QACZ,QACA,QAAQ,eACR,QACA,WACA,gBACA,eACA,qBACA,kBACA,aAAa,kBACb,cAAc,QACC;CACf,MAAM,CAAC,cAAc,WAAW,2BAC9B,MACA,aACA,aACD;CAED,MAAM,UAAU,cAEZ,qBAAC,SAAD;EACE,KAAK,cAAc,SAAS,KAAA,IAAY;EACxC,WAAW,gBACT,kMACA,+DACA,cAAc,QAAQ,YAAY,UAClC,eACI,kBACA,cAAc,QACZ,wCACA,wCACN,UACD;EACD,OAAO;GACL,gBAAgB;GAChB,sBAAsB;GACvB;YAhBH;GAkBG,SACC,oBAAC,OAAD;IAAK,WAAU;cAAQ;IAAa,CAAA,GAEpC,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD;KAAK,WAAU;eAAkB;KAAY,CAAA,EAC7C,oBAAC,QAAD;KACE,MAAK;KACL,SAAQ;KACR,MAAK;KACL,cAAY;KACZ,WAAW,gBACT,0EACA,YACD;KACD,eAAe,QAAQ,CAAC,aAAa;eAErC,oBAAC,eAAD,EAAe,QAAQ,cAAgB,CAAA;KAChC,CAAA,CACL;;GAGR,oBAAC,OAAD,EAAK,WAAU,4BAA6B,CAAA;GAE5C,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,cAAD;KACS;KACK;KACE;KACH;KACX,WAAW;KACI;KACM;KACrB,CAAA;IACE,CAAA;GAEL,SAAS,oBAAC,OAAD;IAAK,WAAU;cAAQ;IAAa,CAAA,GAAG;GAC3C;KAEV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,KAAI,CAAC,YACH,QAAO;AAGT,QACE,qBAAA,YAAA,EAAA,UAAA,CACG,SACD,oBAAC,QAAD;EACE,MAAK;EACL,SAAQ;EACR,MAAK;EACL,eAAa,CAAC;EACd,UAAU,eAAe,IAAI;EAC7B,WAAW,gBACT,qGACA,eACI,oCACA,iCACJ,iBACD;EACD,eAAe,QAAQ,MAAM;EAC7B,CAAA,CACD,EAAA,CAAA;;;;AC/HP,IAAM,oBAAoB;CACxB;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,eACE;EACH;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,eACE;EACH;CACD;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,MAAM;EACN,eACE;EACH;CACF;AAqCD,IAAM,eAAe;AAErB,SAAS,iBACP,WAC4C;AAC5C,KAAI,cAAc,SAAS,cAAc,MACvC,QAAO;AAGT,KAAI,OAAO,aAAa,aAAa;EACnC,MAAM,oBAAoB,SAAS,gBAAgB,aAAa,MAAM;AACtE,MAAI,sBAAsB,SAAS,sBAAsB,MACvD,QAAO;;AAIX,KACE,OAAO,cAAc,eACrB,aAAa,KAAK,UAAU,SAAS,CAErC,QAAO;AAGT,QAAO;;AAGT,SAAS,YACP,MACA,SACA;AACA,QAAO,OAAO,SAAS,aAAa,KAAK,QAAQ,GAAG;;AAGtD,SAAS,yBACP,MACA,aACA,cACA;CACA,MAAM,CAAC,cAAc,mBAAmB,SAAS,YAAY;CAC7D,MAAM,eAAe,SAAS,KAAA;AAa9B,QAAO,CAZc,eAAe,OAAO,cAE3B,aACb,aAAsB;AACrB,MAAI,CAAC,aACH,iBAAgB,SAAS;AAE3B,iBAAe,SAAS;IAE1B,CAAC,cAAc,aAAa,CAGR,CAAQ;;AAGhC,SAAgB,sBAAsB,EACpC,OACA,MACA,cAAc,OACd,cACA,YAAY,QACZ,YACA,cACA,OACA,eACA,eACA,kBACA,uBACA,sBACA,4BACA,yBACA,mBACA,oBACA,QACA,eACA,eACA,sBACA,uBACA,iBACA,sBACA,wBACA,aAAa,qBACb,QAAQ,aACR,UACA,WACA,kBACA,eACA,6BAA6B,QACA;CAC7B,MAAM,CAAC,cAAc,WAAW,yBAC9B,MACA,aACA,aACD;CACD,MAAM,oBAAoB,iBAAiB,UAAU;CACrD,MAAM,QAAQ,sBAAsB;CACpC,MAAM,cAAc,kBAAkB,QAAQ,KAAK,EAAE,CAAC,QAAQ,CAAC;CAC/D,MAAM,eAAe,kBAAkB,QAAQ,MAAM,EAAE,CAAC,QAAQ,CAAC;CACjE,MAAM,gBAAgB,kBACd,QAAQ,CAAC,aAAa,EAC5B,CAAC,cAAc,QAAQ,CACxB;CAED,MAAM,gBAAgB,eACb;EACL,eAAe;EACf,gBAAgB;EAChB;EACA;EACA;EACA,WAAW;EACX;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,iBAAgB;AACd,MAAI,CAAC,8BAA8B,OAAO,WAAW,YACnD;EAGF,MAAM,aAAa,OAAO,WAAW,sBAAsB;EAE3D,MAAM,qBAAqB,UAAgD;AACzE,OAAI,MAAM,QACR,SAAQ,MAAM;;AAKlB,oBAAkB,WAAW;EAE7B,MAAM,YAAY,UAA+B,kBAAkB,MAAM;AACzE,aAAW,iBAAiB,UAAU,SAAS;AAE/C,eAAa,WAAW,oBAAoB,UAAU,SAAS;IAC9D,CAAC,4BAA4B,QAAQ,CAAC;CAEzC,MAAM,uBAAuB,cAEzB,qBAAA,YAAA,EAAA,UAAA;EACE,oBAAC,QAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,WAAU;GACV,cAAW;GACX,SAAS;aAET,oBAAC,eAAD,EAAe,QAAQ,cAAgB,CAAA;GAChC,CAAA;EAET,oBAAC,cAAD;GACE,oBAAoB,QAAQ,oBAAoB;GAChD,gBAAgB,gBACd,cACA,QAAQ,WAAW,UACpB;GACD,SACE,qBAAC,QAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,WAAU;IACV,cAAW;cALb,CAOE,oBAAC,UAAD,EAAU,WAAU,WAAY,CAAA,EAChC,oBAAC,QAAD;KACE,WAAW,gBACT,kJACA,QAAQ,cAAc,aACvB;eAEA,kBAAkB;KACd,CAAA,CACA;;aAGX,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,YAAD;MAAY,SAAQ;MAAQ,QAAO;gBAAQ;MAE9B,CAAA,EACb,oBAAC,QAAD;MACE,MAAK;MACL,SAAQ;MACR,MAAK;MACL,WAAU;gBACX;MAEQ,CAAA,CACL;QACN,oBAAC,OAAD;KAAK,WAAU;eACZ,kBAAkB,KAAK,SACtB,qBAAC,QAAD;MAEE,MAAK;MACL,SAAQ;MACR,MAAK;MACL,WAAW,gBACT,2DACA,QACI,2BACA,0BACL;gBAVH;OAYE,oBAAC,QAAD;QACE,WAAW,qFAAqF,KAAK;kBAErG,oBAAC,UAAD,EAAU,WAAU,eAAgB,CAAA;QAC/B,CAAA;OACP,qBAAC,QAAD;QAAM,WAAU;kBAAhB,CACE,oBAAC,QAAD;SAAM,WAAU;mBACb,KAAK;SACD,CAAA,EACP,oBAAC,QAAD;SAAM,WAAU;mBACb,KAAK;SACD,CAAA,CACF;;OACP,oBAAC,QAAD;QAAM,WAAU;kBAAyB,KAAK;QAAY,CAAA;OACnD;QAzBF,KAAK,GAyBH,CACT;KACE,CAAA,CACF;;GACO,CAAA;EAEf,oBAAC,iBAAD,EAAiB,mBAAmB,OAAS,CAAA;EAE7C,oBAAC,QAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,WAAU;GACV,cAAW;GACX,eAAe;AACb,QAAI,SAAS,kBACX,UAAS,gBAAgB;QAEzB,UAAS,gBAAgB,mBAAmB;;aAIhD,oBAAC,gBAAD,EAAgB,WAAU,WAAY,CAAA;GAC/B,CAAA;EAET,oBAAC,cAAD;GACE,oBAAoB,QAAQ,oBAAoB;GAChD,gBAAgB,gBACd,cACA,QAAQ,WAAW,UACpB;GACD,SACE,oBAAC,QAAD;IACE,MAAK;IACL,SAAQ;IACR,MAAK;IACL,WAAU;IACV,cAAW;cACZ;IAEQ,CAAA;aAGX,qBAAC,OAAD;IAAK,WAAU;cAAf;KACE,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,QAAD;OAAM,WAAU;iBAAiH;OAE1H,CAAA,EACP,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,oBAAC,YAAD;QAAY,SAAQ;QAAQ,QAAO;QAAQ,WAAU;kBAAW;QAEnD,CAAA,EACb,oBAAC,YAAD;QAAY,SAAQ;QAAU,WAAU;kBAAY;QAEvC,CAAA,CACT;SACF;;KACN,oBAAC,OAAD,EAAK,WAAU,oCAAqC,CAAA;KACpD,qBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,oBAAC,QAAD;QACE,MAAK;QACL,SAAQ;QACR,MAAK;QACL,WAAW,gBACT,uBACA,QAAQ,2BAA2B,0BACpC;kBACF;QAEQ,CAAA;OACT,oBAAC,QAAD;QACE,MAAK;QACL,SAAQ;QACR,MAAK;QACL,WAAW,gBACT,uBACA,QAAQ,2BAA2B,0BACpC;kBACF;QAEQ,CAAA;OACT,oBAAC,QAAD;QACE,MAAK;QACL,SAAQ;QACR,MAAK;QACL,WAAW,gBACT,gDACA,QAAQ,2BAA2B,0BACpC;kBACF;QAEQ,CAAA;OACL;;KACF;;GACO,CAAA;EACd,EAAA,CAAA,EAEL;EAAC;EAAO;EAAc;EAAc,CACrC;CAED,MAAM,wBAAwB,YAAY,eAAe,cAAc;CACvE,MAAM,+BAA+B,uBACjC,YAAY,sBAAsB,cAAc,GAChD;CACJ,MAAM,gCAAgC,wBAClC,YAAY,uBAAuB,cAAc,GACjD;CACJ,MAAM,wBACJ,kBAAkB,KAAA,IAChB,qBAAA,YAAA,EAAA,UAAA;EACG;EACA;EACA;EACA,EAAA,CAAA,GAEH,YAAY,eAAe,cAAc;CAG7C,MAAM,gBAAgB,cAElB,oBAAC,OAAD;EACE,KAAK;EACL,WAAW,gBACT,wMACA,gBACD;YAED,qBAAC,OAAD;GACE,WAAW,gBACT,qCACA,SAAS,mBACV;aAJH,CAME,qBAAC,OAAD;IACE,WAAW,gBACT,mCACA,SAAS,+BACT,qBACD;cALH,CAOG,uBACD,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,YAAD;MAAY,SAAQ;MAAU,WAAU;gBACrC;MACU,CAAA,EACb,oBAAC,YAAD;MACE,SAAQ;MACR,QAAO;MACP,WAAU;gBAET;MACU,CAAA,CACT;OACF;OAEN,oBAAC,OAAD;IACE,WAAW,gBACT,sLACA,SAAS,oBACT,uBACD;cAEA;IACG,CAAA,CACF;;EACF,CAAA,EAER;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,iBACJ,WAAW,KAAA,IAAY,KAAA,IAAY,YAAY,QAAQ,cAAc;AAEvE,QACE,qBAAC,OAAD;EACE,KAAK;EACL,WAAW,gBAAgB,sBAAsB,UAAU;YAF7D,CAIE,oBAAC,SAAD;GACS;GACP,MAAM;GACN,cAAc;GACF;GACE;GACH;GACX,QAAQ;GACD;GACP,QAAQ;GACR,WAAW;GACX,gBAAgB;GAChB,eAAe;GACf,qBAAqB;GACrB,kBAAkB;GAClB,YAAY;GACZ,aAAa;GACb,CAAA,EAEF,oBAAC,OAAD;GAAK,WAAU;aACb,qBAAC,QAAD;IACE,WAAW,gBACT,0DACA,QAAQ,oBAAoB,mBAC5B,cACD;cALH,CAOG,kBAAkB,eAEnB,oBAAC,WAAD;KACE,WAAW,gBACT,+EACA,iBACD;KAEA;KACO,CAAA,CACL;;GACH,CAAA,CACF"}
+{"version":3,"file":"sidebar-C3Sx87wD.mjs","names":[],"sources":["../../src/components/navigation/sidebar/HamburgerIcon.tsx","../../src/components/navigation/sidebar/NavLink.tsx","../../src/components/navigation/sidebar/SidebarLinks.tsx","../../src/components/navigation/sidebar/Sidebar.tsx","../../src/components/navigation/sidebar/DashboardSidebarShell.tsx"],"sourcesContent":["import { mergeClassNames } from \"../../../utils\";\n\nexport interface HamburgerIconProps {\n  isOpen: boolean;\n  className?: string;\n}\n\nconst lineClassName =\n  \"block h-0.5 w-full rounded-lg bg-current transition-all duration-300 ease-in-out\";\n\nexport function HamburgerIcon({ isOpen, className }: HamburgerIconProps) {\n  return (\n    <span\n      className={mergeClassNames(\n        \"relative flex h-4 w-5 flex-col items-center justify-between\",\n        className,\n      )}\n      aria-hidden=\"true\"\n    >\n      <span\n        className={mergeClassNames(\n          lineClassName,\n          isOpen && \"translate-y-[5px] rotate-45 transform\",\n        )}\n      />\n      <span className={mergeClassNames(lineClassName, isOpen && \"w-0\")} />\n      <span\n        className={mergeClassNames(\n          lineClassName,\n          isOpen && \"-translate-y-[9px] -rotate-45 transform\",\n        )}\n      />\n    </span>\n  );\n}\n","import { useMemo } from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport type { SidebarNavLinkProps } from \"./types\";\n\nexport function NavLink({\n  className,\n  children,\n  style,\n  borderRadius,\n  disabled = false,\n  href,\n  target,\n  rel,\n  onClick,\n}: SidebarNavLinkProps) {\n  const memoizedStyle = useMemo(\n    () => (borderRadius !== undefined ? { ...style, borderRadius } : style),\n    [borderRadius, style],\n  );\n\n  if (href) {\n    const resolvedRel = target === \"_blank\" ? (rel ?? \"noreferrer noopener\") : rel;\n\n    return (\n      <a\n        href={href}\n        className={className}\n        style={memoizedStyle}\n        target={target}\n        rel={resolvedRel}\n        aria-disabled={disabled}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            return;\n          }\n\n          onClick?.(event);\n        }}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  return (\n    <Button\n      type=\"button\"\n      variant=\"tertiary\"\n      className={className}\n      style={memoizedStyle}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </Button>\n  );\n}\n","import { mergeClassNames } from \"../../../utils\";\nimport { NavLink } from \"./NavLink\";\nimport type { SidebarDirection, SidebarItem, SidebarLinksProps } from \"./types\";\n\nconst rtlLanguages = /^(ar|fa|ur|he)(-|$)/i;\n\nfunction resolveDirection(\n  direction: SidebarDirection,\n): Exclude<SidebarDirection, \"auto\"> {\n  if (direction !== \"auto\") {\n    return direction;\n  }\n\n  if (typeof document === \"undefined\") {\n    return \"ltr\";\n  }\n\n  const explicitDirection =\n    document.documentElement.getAttribute(\"dir\") ?? undefined;\n\n  if (explicitDirection === \"rtl\" || explicitDirection === \"ltr\") {\n    return explicitDirection;\n  }\n\n  if (\n    typeof navigator !== \"undefined\" &&\n    rtlLanguages.test(navigator.language)\n  ) {\n    return \"rtl\";\n  }\n\n  return \"ltr\";\n}\n\nfunction isRouteActive(item: SidebarItem, activePath?: string): boolean {\n  if (typeof item.active === \"boolean\") {\n    return item.active;\n  }\n\n  if (!activePath || !item.href) {\n    return false;\n  }\n\n  return activePath === item.href || activePath.startsWith(`${item.href}/`);\n}\n\nexport function SidebarLinks({\n  items,\n  activePath,\n  onItemSelect,\n  direction = \"auto\",\n  className,\n  itemClassName,\n  activeItemClassName,\n}: SidebarLinksProps) {\n  const effectiveDirection = resolveDirection(direction);\n  const visibleItems = items.filter((item) => !item.hidden);\n\n  return (\n    <ul className={mergeClassNames(\"space-y-1.5\", className)}>\n      {visibleItems.map((item) => {\n        const active = isRouteActive(item, activePath);\n\n        return (\n          <li key={item.id} className=\"relative\">\n            <NavLink\n              href={item.href}\n              disabled={item.disabled}\n              className={mergeClassNames(\n                \"group relative flex w-full items-center gap-2.5 rounded-md border px-3 py-2.5 transition-all duration-200\",\n                effectiveDirection === \"rtl\" ? \"text-right\" : \"text-left\",\n                \"border-transparent text-ds-2 hover:border-ds-border-3 hover:bg-ds-surface-2/80 hover:text-ds-1\",\n                \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ds-focus/60 focus-visible:ring-offset-2 focus-visible:ring-offset-ds-canvas\",\n                item.disabled && \"cursor-not-allowed opacity-50\",\n                active &&\n                  \"border-ds-border-accent/35 bg-ds-accent-subtle text-ds-1 shadow-[0_4px_12px_color-mix(in_srgb,var(--ds-color-fg)_8%,transparent)]\",\n                active && activeItemClassName,\n                itemClassName,\n              )}\n              onClick={(event) => {\n                item.onSelect?.(event);\n                onItemSelect?.(item, event);\n                if (onItemSelect) {\n                  event.preventDefault();\n                }\n              }}\n            >\n              <span\n                className={mergeClassNames(\n                  \"inline-flex h-5 w-5 shrink-0 items-center justify-center\",\n                  active ? \"text-ds-1\" : \"text-ds-2 group-hover:text-ds-1\",\n                )}\n                aria-hidden=\"true\"\n              >\n                {item.icon}\n              </span>\n              <span className=\"min-w-0 flex-1 truncate text-sm font-medium\">\n                {item.label}\n              </span>\n              {item.badge ? (\n                <span className=\"shrink-0 text-xs text-ds-2\">{item.badge}</span>\n              ) : null}\n            </NavLink>\n            {active ? (\n              <span\n                className={mergeClassNames(\n                  \"pointer-events-none absolute  top-1.5 h-[calc(100%-12px)] w-2\",\n                  effectiveDirection === \"rtl\" ? \"right-0\" : \"left-0\",\n                )}\n                aria-hidden=\"true\"\n              >\n                {/* <span className=\"absolute inset-y-1 left-1/2 w-2 -translate-x-1/2 rounded-full bg-ds-accent/25 blur-[4px]\" /> */}\n                {/* <span className=\"absolute inset-y-0 left-1/6 w-[2px] -translate-x-1/2 rounded-full bg-ds-accent motion-safe:animate-pulse\" /> */}\n                {/* <span className=\"absolute top-2.5 left-1/2 h-2 w-2 -translate-x-1/2 rounded-full bg-ds-accent shadow-[0_0_10px_color-mix(in_srgb,var(--ds-color-accent)_55%,transparent)] motion-safe:animate-pulse\" /> */}\n              </span>\n            ) : null}\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n","import { useCallback, useMemo, useState } from \"react\";\n\nimport { Button } from \"../../forms/button\";\nimport { mergeClassNames } from \"../../../utils\";\nimport { HamburgerIcon } from \"./HamburgerIcon\";\nimport { SidebarLinks } from \"./SidebarLinks\";\nimport type { SidebarProps } from \"./types\";\n\nfunction useControllableOpenState(\n  open: boolean | undefined,\n  defaultOpen: boolean,\n  onOpenChange?: (open: boolean) => void,\n) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : internalOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return [resolvedOpen, setOpen] as const;\n}\n\nconst fallbackBrand = (\n  <div className=\"text-xl font-bold uppercase tracking-wide text-ds-1\">\n    <span className=\"text-ds-accent\">ERP</span>\n    <span className=\"font-medium\">PRO</span>\n  </div>\n);\n\nexport function Sidebar({\n  items,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  activePath,\n  onItemSelect,\n  direction = \"auto\",\n  navbar,\n  brand = fallbackBrand,\n  footer,\n  className,\n  linksClassName,\n  itemClassName,\n  activeItemClassName,\n  overlayClassName,\n  closeLabel = \"Toggle sidebar\",\n  showOverlay = true,\n}: SidebarProps) {\n  const [resolvedOpen, setOpen] = useControllableOpenState(\n    open,\n    defaultOpen,\n    onOpenChange,\n  );\n\n  const content = useMemo(\n    () => (\n      <aside\n        dir={direction === \"auto\" ? undefined : direction}\n        className={mergeClassNames(\n          \"fixed inset-y-2 z-70 flex w-72 flex-col rounded-xl border border-ds-border-3 bg-ds-surface-1/92 p-3 shadow-[0_10px_28px_color-mix(in_srgb,var(--ds-color-fg)_9%,transparent)] backdrop-blur-xl\",\n          \"transition-transform duration-200 ease-out xl:translate-x-0\",\n          direction === \"rtl\" ? \"right-2\" : \"left-2\",\n          resolvedOpen\n            ? \"translate-x-0\"\n            : direction === \"rtl\"\n              ? \"translate-x-[110%] xl:translate-x-0\"\n              : \"-translate-x-[110%] xl:translate-x-0\",\n          className,\n        )}\n        style={{\n          backdropFilter: \"blur(14px) saturate(120%)\",\n          WebkitBackdropFilter: \"blur(14px) saturate(120%)\",\n        }}\n      >\n        {navbar ? (\n          <div className=\"mb-4\">{navbar}</div>\n        ) : (\n          <div className=\"mb-4 flex items-center justify-between gap-3 rounded-xl border border-ds-border-3 bg-ds-surface-2/85 px-3 py-2\">\n            <div className=\"min-w-0 flex-1\">{brand}</div>\n            <Button\n              type=\"button\"\n              variant=\"tertiary\"\n              size=\"small\"\n              aria-label={closeLabel}\n              className={mergeClassNames(\n                \"p-1! text-ds-2 transition-colors hover:bg-ds-surface-2 hover:text-ds-1\",\n                \"xl:hidden\",\n              )}\n              onClick={() => setOpen(!resolvedOpen)}\n            >\n              <HamburgerIcon isOpen={resolvedOpen} />\n            </Button>\n          </div>\n        )}\n\n        <div className=\"mb-5 h-px bg-ds-border-3\" />\n\n        <div className=\"min-h-0 flex-1 overflow-y-auto pr-1\">\n          <SidebarLinks\n            items={items}\n            activePath={activePath}\n            onItemSelect={onItemSelect}\n            direction={direction}\n            className={linksClassName}\n            itemClassName={itemClassName}\n            activeItemClassName={activeItemClassName}\n          />\n        </div>\n\n        {footer ? <div className=\"mt-4\">{footer}</div> : null}\n      </aside>\n    ),\n    [\n      activeItemClassName,\n      activePath,\n      brand,\n      className,\n      closeLabel,\n      direction,\n      footer,\n      itemClassName,\n      items,\n      linksClassName,\n      onItemSelect,\n      resolvedOpen,\n      setOpen,\n    ],\n  );\n\n  if (!showOverlay) {\n    return content;\n  }\n\n  return (\n    <>\n      {content}\n      <Button\n        type=\"button\"\n        variant=\"tertiary\"\n        size=\"small\"\n        aria-hidden={!resolvedOpen}\n        tabIndex={resolvedOpen ? 0 : -1}\n        className={mergeClassNames(\n          \"fixed inset-0 z-65 p-0! bg-black/30 backdrop-blur-[2px] transition-opacity duration-200 xl:hidden\",\n          resolvedOpen\n            ? \"pointer-events-auto opacity-100\"\n            : \"pointer-events-none opacity-0\",\n          overlayClassName,\n        )}\n        onClick={() => setOpen(false)}\n      />\n    </>\n  );\n}\n","import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\";\n\nimport { BellIcon, FullScreenIcon } from \"../../icons\";\nimport { Button } from \"../../forms/button\";\nimport { DropdownMenu } from \"../../overlays/dropdown-menu\";\nimport { Typography } from \"../../typography\";\nimport { mergeClassNames } from \"../../../utils\";\nimport { HamburgerIcon } from \"./HamburgerIcon\";\nimport { Sidebar } from \"./Sidebar\";\nimport type { SidebarItem, SidebarProps } from \"./types\";\nimport { SunToMoonButton } from \"../../effects\";\n\nexport interface DashboardHeaderRenderContext {\n  isSidebarOpen: boolean;\n  setSidebarOpen: (open: boolean) => void;\n  openSidebar: () => void;\n  closeSidebar: () => void;\n  toggleSidebar: () => void;\n  direction: Exclude<SidebarProps[\"direction\"], \"auto\">;\n  isRtl: boolean;\n}\n\ntype DashboardShellSlot =\n  | ReactNode\n  | ((context: DashboardHeaderRenderContext) => ReactNode);\n\nconst notificationItems = [\n  {\n    id: \"stock\",\n    title: \"Low stock alert\",\n    description: \"Wireless Mouse is below reorder point.\",\n    time: \"4m\",\n    toneClassName:\n      \"bg-ds-state-warning-surface text-ds-state-warning-text border-ds-state-warning-border\",\n  },\n  {\n    id: \"invoice\",\n    title: \"Invoice paid\",\n    description: \"INV-2048 was settled successfully.\",\n    time: \"18m\",\n    toneClassName:\n      \"bg-ds-state-success-surface text-ds-state-success-text border-ds-state-success-border\",\n  },\n  {\n    id: \"sync\",\n    title: \"Catalog sync complete\",\n    description: \"128 product records refreshed.\",\n    time: \"42m\",\n    toneClassName:\n      \"bg-ds-state-info-surface text-ds-state-info-text border-ds-state-info-border\",\n  },\n] as const;\n\nexport interface DashboardSidebarShellProps {\n  items: readonly SidebarItem[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  direction?: SidebarProps[\"direction\"];\n  activePath?: string;\n  onItemSelect?: SidebarProps[\"onItemSelect\"];\n  brand?: SidebarProps[\"brand\"];\n  sidebarNavbar?: SidebarProps[\"navbar\"];\n  sidebarFooter?: SidebarProps[\"footer\"];\n  sidebarClassName?: SidebarProps[\"className\"];\n  sidebarLinksClassName?: SidebarProps[\"linksClassName\"];\n  sidebarItemClassName?: SidebarProps[\"itemClassName\"];\n  sidebarActiveItemClassName?: SidebarProps[\"activeItemClassName\"];\n  sidebarOverlayClassName?: SidebarProps[\"overlayClassName\"];\n  sidebarCloseLabel?: SidebarProps[\"closeLabel\"];\n  showSidebarOverlay?: SidebarProps[\"showOverlay\"];\n  header?: DashboardShellSlot;\n  headerLeading?: DashboardShellSlot;\n  headerActions?: DashboardShellSlot;\n  headerActionsLeading?: DashboardShellSlot;\n  headerActionsTrailing?: DashboardShellSlot;\n  headerClassName?: string;\n  headerTitleClassName?: string;\n  headerActionsClassName?: string;\n  breadcrumb?: ReactNode;\n  title?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n  contentClassName?: string;\n  mainClassName?: string;\n  autoHideOnMobileBreakpoint?: boolean;\n}\n\nconst rtlLanguages = /^(ar|fa|ur|he)(-|$)/i;\n\nfunction resolveDirection(\n  direction: SidebarProps[\"direction\"],\n): Exclude<SidebarProps[\"direction\"], \"auto\"> {\n  if (direction === \"rtl\" || direction === \"ltr\") {\n    return direction;\n  }\n\n  if (typeof document !== \"undefined\") {\n    const documentDirection = document.documentElement.getAttribute(\"dir\");\n    if (documentDirection === \"rtl\" || documentDirection === \"ltr\") {\n      return documentDirection;\n    }\n  }\n\n  if (\n    typeof navigator !== \"undefined\" &&\n    rtlLanguages.test(navigator.language)\n  ) {\n    return \"rtl\";\n  }\n\n  return \"ltr\";\n}\n\nfunction resolveSlot(\n  slot: DashboardShellSlot | undefined,\n  context: DashboardHeaderRenderContext,\n) {\n  return typeof slot === \"function\" ? slot(context) : slot;\n}\n\nfunction useControllableOpenState(\n  open: boolean | undefined,\n  defaultOpen: boolean,\n  onOpenChange?: (open: boolean) => void,\n) {\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const isControlled = open !== undefined;\n  const resolvedOpen = isControlled ? open : internalOpen;\n\n  const setOpen = useCallback(\n    (nextOpen: boolean) => {\n      if (!isControlled) {\n        setInternalOpen(nextOpen);\n      }\n      onOpenChange?.(nextOpen);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  return [resolvedOpen, setOpen] as const;\n}\n\nexport function DashboardSidebarShell({\n  items,\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  direction = \"auto\",\n  activePath,\n  onItemSelect,\n  brand,\n  sidebarNavbar,\n  sidebarFooter,\n  sidebarClassName,\n  sidebarLinksClassName,\n  sidebarItemClassName,\n  sidebarActiveItemClassName,\n  sidebarOverlayClassName,\n  sidebarCloseLabel,\n  showSidebarOverlay,\n  header,\n  headerLeading,\n  headerActions,\n  headerActionsLeading,\n  headerActionsTrailing,\n  headerClassName,\n  headerTitleClassName,\n  headerActionsClassName,\n  breadcrumb = \"Pages / Dashboard\",\n  title = \"Dashboard\",\n  children,\n  className,\n  contentClassName,\n  mainClassName,\n  autoHideOnMobileBreakpoint = true,\n}: DashboardSidebarShellProps) {\n  const [resolvedOpen, setOpen] = useControllableOpenState(\n    open,\n    defaultOpen,\n    onOpenChange,\n  );\n  const resolvedDirection = resolveDirection(direction);\n  const isRtl = resolvedDirection === \"rtl\";\n  const openSidebar = useCallback(() => setOpen(true), [setOpen]);\n  const closeSidebar = useCallback(() => setOpen(false), [setOpen]);\n  const toggleSidebar = useCallback(\n    () => setOpen(!resolvedOpen),\n    [resolvedOpen, setOpen],\n  );\n\n  const headerContext = useMemo<DashboardHeaderRenderContext>(\n    () => ({\n      isSidebarOpen: resolvedOpen,\n      setSidebarOpen: setOpen,\n      openSidebar,\n      closeSidebar,\n      toggleSidebar,\n      direction: resolvedDirection,\n      isRtl,\n    }),\n    [\n      closeSidebar,\n      isRtl,\n      openSidebar,\n      resolvedDirection,\n      resolvedOpen,\n      setOpen,\n      toggleSidebar,\n    ],\n  );\n\n  useEffect(() => {\n    if (!autoHideOnMobileBreakpoint || typeof window === \"undefined\") {\n      return;\n    }\n\n    const mediaQuery = window.matchMedia(\"(max-width: 1279px)\");\n\n    const handleMobileEnter = (event: MediaQueryListEvent | MediaQueryList) => {\n      if (event.matches) {\n        setOpen(false);\n      }\n    };\n\n    // Ensure first render on smaller screens starts closed.\n    handleMobileEnter(mediaQuery);\n\n    const listener = (event: MediaQueryListEvent) => handleMobileEnter(event);\n    mediaQuery.addEventListener(\"change\", listener);\n\n    return () => mediaQuery.removeEventListener(\"change\", listener);\n  }, [autoHideOnMobileBreakpoint, setOpen]);\n\n  const defaultHeaderActions = useMemo(\n    () => (\n      <>\n        <Button\n          type=\"button\"\n          variant=\"tertiary\"\n          size=\"small\"\n          className=\"h-9 w-9 rounded-full p-0! xl:hidden\"\n          aria-label=\"Toggle sidebar\"\n          onClick={toggleSidebar}\n        >\n          <HamburgerIcon isOpen={resolvedOpen} />\n        </Button>\n\n        <DropdownMenu\n          animationClassName={isRtl ? \"origin-top-left\" : \"origin-top-right\"}\n          panelClassName={mergeClassNames(\n            \"top-[44px]\",\n            isRtl ? \"left-0\" : \"right-0\",\n          )}\n          trigger={\n            <Button\n              type=\"button\"\n              variant=\"tertiary\"\n              size=\"small\"\n              className=\"relative h-9 w-9 rounded-full p-0!\"\n              aria-label=\"Open notifications\"\n            >\n              <BellIcon className=\"h-5 w-5\" />\n              <span\n                className={mergeClassNames(\n                  \"bg-ds-state-danger text-ds-on-accent absolute -top-0.5 flex h-5 min-w-5 items-center justify-center rounded-full px-1 text-[0.68rem] font-bold\",\n                  isRtl ? \"-left-0.5\" : \"-right-0.5\",\n                )}\n              >\n                {notificationItems.length}\n              </span>\n            </Button>\n          }\n        >\n          <div className=\"w-[340px] rounded-lg border border-ds-border-3 bg-ds-surface-1 p-3 shadow-xl\">\n            <div className=\"mb-2 flex items-center justify-between gap-3\">\n              <Typography variant=\"body2\" weight=\"black\">\n                Notifications\n              </Typography>\n              <Button\n                type=\"button\"\n                variant=\"tertiary\"\n                size=\"small\"\n                className=\"px-2 py-1 text-xs\"\n              >\n                Mark all read\n              </Button>\n            </div>\n            <div className=\"space-y-2\">\n              {notificationItems.map((item) => (\n                <Button\n                  key={item.id}\n                  type=\"button\"\n                  variant=\"tertiary\"\n                  size=\"small\"\n                  className={mergeClassNames(\n                    \"w-full rounded-lg border border-ds-border-3 px-2.5 py-2\",\n                    isRtl\n                      ? \"justify-end text-right\"\n                      : \"justify-start text-left\",\n                  )}\n                >\n                  <span\n                    className={`mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border ${item.toneClassName}`}\n                  >\n                    <BellIcon className=\"h-3.5 w-3.5\" />\n                  </span>\n                  <span className=\"min-w-0 flex-1\">\n                    <span className=\"block truncate text-xs font-semibold text-ds-1\">\n                      {item.title}\n                    </span>\n                    <span className=\"block truncate text-[11px] text-ds-3\">\n                      {item.description}\n                    </span>\n                  </span>\n                  <span className=\"text-[11px] text-ds-3\">{item.time}</span>\n                </Button>\n              ))}\n            </div>\n          </div>\n        </DropdownMenu>\n\n        <SunToMoonButton showLabelAndImage={false} />\n\n        <Button\n          type=\"button\"\n          variant=\"tertiary\"\n          size=\"small\"\n          className=\"h-9 w-9 rounded-full p-0!\"\n          aria-label=\"Toggle fullscreen\"\n          onClick={() => {\n            if (document.fullscreenElement) {\n              document.exitFullscreen();\n            } else {\n              document.documentElement.requestFullscreen();\n            }\n          }}\n        >\n          <FullScreenIcon className=\"h-5 w-5\" />\n        </Button>\n\n        <DropdownMenu\n          animationClassName={isRtl ? \"origin-top-left\" : \"origin-top-right\"}\n          panelClassName={mergeClassNames(\n            \"top-[44px]\",\n            isRtl ? \"left-0\" : \"right-0\",\n          )}\n          trigger={\n            <Button\n              type=\"button\"\n              variant=\"primary\"\n              size=\"small\"\n              className=\"h-9 w-9 rounded-full p-0! text-sm font-black\"\n              aria-label=\"Open user menu\"\n            >\n              JD\n            </Button>\n          }\n        >\n          <div className=\"w-52 rounded-lg border border-ds-border-3 bg-ds-surface-1 p-3 shadow-xl\">\n            <div className=\"mb-2 flex items-center gap-2\">\n              <span className=\"bg-ds-accent text-ds-on-accent inline-flex h-8 w-8 items-center justify-center rounded-full text-xs font-black\">\n                JD\n              </span>\n              <div className=\"min-w-0\">\n                <Typography variant=\"body2\" weight=\"black\" className=\"truncate\">\n                  John Doe\n                </Typography>\n                <Typography variant=\"caption\" className=\"text-ds-3\">\n                  Administrator\n                </Typography>\n              </div>\n            </div>\n            <div className=\"my-2 border-t border-ds-border-3\" />\n            <div className=\"flex flex-col gap-1\">\n              <Button\n                type=\"button\"\n                variant=\"tertiary\"\n                size=\"small\"\n                className={mergeClassNames(\n                  \"px-2 py-1.5 text-sm\",\n                  isRtl ? \"justify-end text-right\" : \"justify-start text-left\",\n                )}\n              >\n                Profile\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"tertiary\"\n                size=\"small\"\n                className={mergeClassNames(\n                  \"px-2 py-1.5 text-sm\",\n                  isRtl ? \"justify-end text-right\" : \"justify-start text-left\",\n                )}\n              >\n                Settings\n              </Button>\n              <Button\n                type=\"button\"\n                variant=\"tertiary\"\n                size=\"small\"\n                className={mergeClassNames(\n                  \"px-2 py-1.5 text-sm text-ds-state-error-text\",\n                  isRtl ? \"justify-end text-right\" : \"justify-start text-left\",\n                )}\n              >\n                Log Out\n              </Button>\n            </div>\n          </div>\n        </DropdownMenu>\n      </>\n    ),\n    [isRtl, resolvedOpen, toggleSidebar],\n  );\n\n  const resolvedHeaderLeading = resolveSlot(headerLeading, headerContext);\n  const resolvedHeaderActionsLeading = headerActionsLeading\n    ? resolveSlot(headerActionsLeading, headerContext)\n    : null;\n  const resolvedHeaderActionsTrailing = headerActionsTrailing\n    ? resolveSlot(headerActionsTrailing, headerContext)\n    : null;\n  const resolvedHeaderActions =\n    headerActions === undefined ? (\n      <>\n        {resolvedHeaderActionsLeading}\n        {defaultHeaderActions}\n        {resolvedHeaderActionsTrailing}\n      </>\n    ) : (\n      resolveSlot(headerActions, headerContext)\n    );\n\n  const defaultHeader = useMemo(\n    () => (\n      <nav\n        dir={resolvedDirection}\n        className={mergeClassNames(\n          \"sticky top-2 z-40 mb-4 flex items-center rounded-md border border-ds-border-3 bg-ds-surface-1/95 px-4 py-3 shadow-[0_4px_14px_color-mix(in_srgb,var(--ds-color-fg)_8%,transparent)] backdrop-blur-md\",\n          headerClassName,\n        )}\n      >\n        <div className=\"flex w-full justify-between gap-4\">\n          <div\n            className={mergeClassNames(\n              \"flex min-w-0 items-center gap-3\",\n              headerTitleClassName,\n            )}\n          >\n            {resolvedHeaderLeading}\n            <div className=\"min-w-0\">\n              <Typography variant=\"caption\" className=\"text-ds-3 capitalize\">\n                {breadcrumb}\n              </Typography>\n              <Typography\n                variant=\"h5\"\n                weight=\"black\"\n                className=\"truncate leading-7 capitalize\"\n              >\n                {title}\n              </Typography>\n            </div>\n          </div>\n\n          <div\n            className={mergeClassNames(\n              \"border-ds-border-4 flex min-h-11 shrink-0 items-center gap-1 rounded-full border bg-ds-surface-1 px-2 py-1 shadow-[0_2px_8px_color-mix(in_srgb,var(--ds-color-fg)_6%,transparent)]\",\n              headerActionsClassName,\n            )}\n          >\n            {resolvedHeaderActions}\n          </div>\n        </div>\n      </nav>\n    ),\n    [\n      breadcrumb,\n      headerActionsClassName,\n      headerClassName,\n      headerTitleClassName,\n      resolvedDirection,\n      resolvedHeaderActions,\n      resolvedHeaderLeading,\n      title,\n    ],\n  );\n\n  const resolvedHeader =\n    header === undefined ? undefined : resolveSlot(header, headerContext);\n\n  return (\n    <div\n      dir={resolvedDirection}\n      className={mergeClassNames(\"flex h-full w-full\", className)}\n    >\n      <Sidebar\n        items={items}\n        open={resolvedOpen}\n        onOpenChange={setOpen}\n        activePath={activePath}\n        onItemSelect={onItemSelect}\n        direction={direction}\n        navbar={sidebarNavbar}\n        brand={brand}\n        footer={sidebarFooter}\n        className={sidebarClassName}\n        linksClassName={sidebarLinksClassName}\n        itemClassName={sidebarItemClassName}\n        activeItemClassName={sidebarActiveItemClassName}\n        overlayClassName={sidebarOverlayClassName}\n        closeLabel={sidebarCloseLabel}\n        showOverlay={showSidebarOverlay}\n      />\n\n      <div className=\"h-full w-full\">\n        <main\n          className={mergeClassNames(\n            \"mx-2 flex-none transition-all duration-200 ease-in-out\",\n            isRtl ? \"xl:mr-[18.5rem]\" : \"xl:ml-[18.5rem]\",\n            mainClassName,\n          )}\n        >\n          {resolvedHeader ?? defaultHeader}\n\n          <section\n            className={mergeClassNames(\n              \"mx-auto min-h-[calc(100dvh-180px)] rounded-md md:min-h-[calc(100dvh-116px)]\",\n              contentClassName,\n            )}\n          >\n            {children}\n          </section>\n        </main>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}