@customafk/lunas-ui 0.2.75 → 0.2.76

package/dist/ui/chart.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart.cjs","names":["ResponsiveContainer","Tooltip","Legend"],"sources":["../../packages/components/ui/chart.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useId, useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { LegendPayload, TooltipContentProps } from 'recharts';\nimport { Legend, ResponsiveContainer, Tooltip } from 'recharts';\n\nconst THEMES = { light: '', dark: '.dark' } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & ({ color?: string; theme?: never } | { color?: never; theme: Record<keyof typeof THEMES, string> });\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = createContext<ChartContextProps | null>(null);\n\nexport const useChart = () => {\n  const context = useContext(ChartContext);\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n  return context;\n};\n\nexport type ChartContainerProps = React.ComponentProps<'div'> & {\n  config: ChartConfig;\n  children: React.ComponentProps<typeof ResponsiveContainer>['children'];\n};\n\nexport const ChartContainer = ({ id, className, children, config, ...props }: ChartContainerProps) => {\n  const uniqueId = useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-slot=\"chart\"\n        data-chart={chartId}\n        className={cn(\n          'flex aspect-video justify-center text-xs',\n          '[&_.recharts-cartesian-axis-tick_text]:fill-muted',\n          \"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50\",\n          '[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border',\n          \"[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border\",\n          '[&_.recharts-radial-bar-background-sector]:fill-muted-muted',\n          '[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted-muted',\n          \"[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border\",\n          \"[&_.recharts-dot[stroke='#fff']]:stroke-transparent\",\n          '[&_.recharts-layer]:outline-hidden',\n          '[&_.recharts-sector]:outline-hidden',\n          \"[&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n          '[&_.recharts-surface]:outline-hidden',\n          className\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <ResponsiveContainer>{children}</ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n};\n\n/** Accepts CSS color notations (hex, rgb/hsl/oklch, var(...)) while rejecting CSS injection. */\nconst SAFE_CSS_COLOR_PATTERN = /^[a-zA-Z0-9#(),.%\\s/_-]+$/;\nconst SAFE_CSS_KEY_PATTERN = /^[a-zA-Z0-9_-]+$/;\n\nexport const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([key, itemConfig]) => (itemConfig.theme || itemConfig.color) && SAFE_CSS_KEY_PATTERN.test(key));\n\n  if (!colorConfig.length) return null;\n\n  const css = Object.entries(THEMES)\n    .map(([theme, prefix]) => {\n      const rules = colorConfig\n        .map(([key, itemConfig]) => {\n          const color = itemConfig.theme?.[theme as keyof typeof THEMES] || itemConfig.color;\n          if (!color || !SAFE_CSS_COLOR_PATTERN.test(color)) return null;\n          return `  --color-${key}: ${color};`;\n        })\n        .filter(Boolean)\n        .join('\\n');\n      return `${prefix} [data-chart=${id}] {\\n${rules}\\n}`;\n    })\n    .join('\\n');\n\n  // biome-ignore lint/security/noDangerouslySetInnerHtml: values are sanitized against SAFE_CSS_* patterns above\n  return <style dangerouslySetInnerHTML={{ __html: css }} />;\n};\n\nexport const ChartTooltip = Tooltip;\n\ntype TooltipItemPayload = NonNullable<TooltipContentProps<number | string, string>['payload']>[number];\n\nexport type ChartTooltipContentProps = React.ComponentProps<'div'> &\n  Partial<Pick<TooltipContentProps<number | string, string>, 'active' | 'payload' | 'label' | 'labelFormatter' | 'formatter'>> & {\n    hideLabel?: boolean;\n    hideIndicator?: boolean;\n    indicator?: 'line' | 'dot' | 'dashed';\n    nameKey?: string;\n    labelKey?: string;\n    labelClassName?: string;\n  };\n\nexport const ChartTooltipContent = ({\n  active,\n  payload,\n  className,\n  indicator = 'dot',\n  hideLabel = false,\n  hideIndicator = false,\n  label,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n}: ChartTooltipContentProps) => {\n  const { config } = useChart();\n\n  const tooltipLabel = useMemo(() => {\n    if (hideLabel || !payload?.length) return null;\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = !labelKey && typeof label === 'string' ? config[label as keyof typeof config]?.label || label : itemConfig?.label;\n\n    if (labelFormatter) {\n      return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;\n    }\n    if (!value) return null;\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n  if (!active || !payload?.length) return null;\n\n  const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n  return (\n    <div\n      data-slot=\"chart-tooltip-content\"\n      className={cn('border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-dropdown', className)}\n    >\n      {!nestLabel ? tooltipLabel : null}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || item.payload?.fill || item.color;\n\n          return (\n            <div\n              key={typeof item.dataKey === 'function' ? index : (item.dataKey ?? index)}\n              className={cn('flex w-full flex-wrap items-stretch gap-2', '[&>svg]:text-muted [&>svg]:size-2.5', indicator === 'dot' && 'items-center')}\n            >\n              {formatter && item?.value !== undefined && item.name ? (\n                formatter(item.value as number | string, String(item.name), item, index, item.payload)\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn('shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)', {\n                          'size-2.5': indicator === 'dot',\n                          'w-1': indicator === 'line',\n                          'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',\n                          'my-0.5': nestLabel && indicator === 'dashed',\n                        })}\n                        style={\n                          {\n                            '--color-bg': indicatorColor,\n                            '--color-border': indicatorColor,\n                          } as React.CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div className={cn('flex flex-1 justify-between gap-2 leading-none', nestLabel ? 'items-end' : 'items-center')}>\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted\">{itemConfig?.label || item.name}</span>\n                    </div>\n                    {item.value !== undefined && (\n                      <span className=\"text-text-positive-strong font-number font-medium tabular-nums\">\n                        {typeof item.value === 'number' ? item.value.toLocaleString() : item.value}\n                      </span>\n                    )}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport const ChartLegend = Legend;\n\nexport type ChartLegendContentProps = React.ComponentProps<'div'> & {\n  payload?: readonly LegendPayload[];\n  verticalAlign?: 'top' | 'bottom' | 'middle';\n  hideIcon?: boolean;\n  nameKey?: string;\n};\n\nexport const ChartLegendContent = ({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }: ChartLegendContentProps) => {\n  const { config } = useChart();\n\n  if (!payload?.length) return null;\n\n  return (\n    <div data-slot=\"chart-legend-content\" className={cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)}>\n      {payload.map(item => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div key={`${item.value}`} className={cn('flex items-center gap-1.5', '[&>svg]:text-muted [&>svg]:size-3')}>\n            {itemConfig?.icon && !hideIcon ? <itemConfig.icon /> : <div className=\"size-2 shrink-0 rounded-[2px]\" style={{ backgroundColor: item.color }} />}\n            <span className=\"text-muted-strong\">{itemConfig?.label ?? item.value}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nconst getPayloadConfigFromPayload = (config: ChartConfig, payload: TooltipItemPayload | LegendPayload | undefined, key: string) => {\n  if (typeof payload !== 'object' || payload === null) return undefined;\n\n  const payloadPayload =\n    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null ? (payload.payload as Record<string, unknown>) : undefined;\n\n  let configLabelKey: string = key;\n\n  const record = payload as unknown as Record<string, unknown>;\n  if (key in record && typeof record[key] === 'string') {\n    configLabelKey = record[key] as string;\n  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === 'string') {\n    configLabelKey = payloadPayload[key] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key];\n};\n"],"mappings":"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"}
+{"version":3,"file":"chart.cjs","names":["ResponsiveContainer","Tooltip","Legend"],"sources":["../../packages/components/ui/chart.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useId, useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { LegendPayload, TooltipContentProps } from 'recharts';\nimport { Legend, ResponsiveContainer, Tooltip } from 'recharts';\n\nconst THEMES = { light: '', dark: '.dark' } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & ({ color?: string; theme?: never } | { color?: never; theme: Record<keyof typeof THEMES, string> });\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = createContext<ChartContextProps | null>(null);\n\nexport const useChart = () => {\n  const context = useContext(ChartContext);\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n  return context;\n};\n\nexport type ChartContainerProps = React.ComponentProps<'div'> & {\n  config: ChartConfig;\n  children: React.ComponentProps<typeof ResponsiveContainer>['children'];\n};\n\nexport const ChartContainer = ({ id, className, children, config, ...props }: ChartContainerProps) => {\n  const uniqueId = useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-slot=\"chart\"\n        data-chart={chartId}\n        className={cn(\n          'flex aspect-video justify-center text-xs',\n          '[&_.recharts-cartesian-axis-tick_text]:fill-muted',\n          \"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50\",\n          '[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border',\n          \"[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border\",\n          '[&_.recharts-radial-bar-background-sector]:fill-muted-muted',\n          '[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted-muted',\n          \"[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border\",\n          \"[&_.recharts-dot[stroke='#fff']]:stroke-transparent\",\n          '[&_.recharts-layer]:outline-hidden',\n          '[&_.recharts-sector]:outline-hidden',\n          \"[&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n          '[&_.recharts-surface]:outline-hidden',\n          className\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <ResponsiveContainer>{children}</ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n};\n\n/** Accepts CSS color notations (hex, rgb/hsl/oklch, var(...)) while rejecting CSS injection. */\nconst SAFE_CSS_COLOR_PATTERN = /^[a-zA-Z0-9#(),.%\\s/_-]+$/;\nconst SAFE_CSS_KEY_PATTERN = /^[a-zA-Z0-9_-]+$/;\n\nexport const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([key, itemConfig]) => (itemConfig.theme || itemConfig.color) && SAFE_CSS_KEY_PATTERN.test(key));\n\n  if (!colorConfig.length) return null;\n\n  const css = Object.entries(THEMES)\n    .map(([theme, prefix]) => {\n      const rules = colorConfig\n        .map(([key, itemConfig]) => {\n          const color = itemConfig.theme?.[theme as keyof typeof THEMES] || itemConfig.color;\n          if (!color || !SAFE_CSS_COLOR_PATTERN.test(color)) return null;\n          return `  --color-${key}: ${color};`;\n        })\n        .filter(Boolean)\n        .join('\\n');\n      return `${prefix} [data-chart=${id}] {\\n${rules}\\n}`;\n    })\n    .join('\\n');\n\n  // biome-ignore lint/security/noDangerouslySetInnerHtml: values are sanitized against SAFE_CSS_* patterns above\n  return <style dangerouslySetInnerHTML={{ __html: css }} />;\n};\n\nexport const ChartTooltip = Tooltip;\n\ntype TooltipItemPayload = NonNullable<TooltipContentProps<number | string, string>['payload']>[number];\n\nexport type ChartTooltipContentProps = React.ComponentProps<'div'> &\n  Partial<Pick<TooltipContentProps<number | string, string>, 'active' | 'payload' | 'label' | 'labelFormatter' | 'formatter'>> & {\n    hideLabel?: boolean;\n    hideIndicator?: boolean;\n    indicator?: 'line' | 'dot' | 'dashed';\n    nameKey?: string;\n    labelKey?: string;\n    labelClassName?: string;\n  };\n\nexport const ChartTooltipContent = ({\n  active,\n  payload,\n  className,\n  indicator = 'dot',\n  hideLabel = false,\n  hideIndicator = false,\n  label,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n}: ChartTooltipContentProps) => {\n  const { config } = useChart();\n\n  const tooltipLabel = useMemo(() => {\n    if (hideLabel || !payload?.length) return null;\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = !labelKey && typeof label === 'string' ? config[label as keyof typeof config]?.label || label : itemConfig?.label;\n\n    if (labelFormatter) {\n      return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;\n    }\n    if (!value) return null;\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n  if (!active || !payload?.length) return null;\n\n  const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n  return (\n    <div\n      data-slot=\"chart-tooltip-content\"\n      className={cn('border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-dropdown', className)}\n    >\n      {!nestLabel ? tooltipLabel : null}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || item.payload?.fill || item.color;\n\n          return (\n            <div\n              key={typeof item.dataKey === 'function' ? index : (item.dataKey ?? index)}\n              className={cn('flex w-full flex-wrap items-stretch gap-2', '[&>svg]:text-muted [&>svg]:size-2.5', indicator === 'dot' && 'items-center')}\n            >\n              {formatter && item?.value !== undefined && item.name ? (\n                formatter(item.value as number | string, String(item.name), item, index, item.payload)\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn('shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)', {\n                          'size-2.5': indicator === 'dot',\n                          'w-1': indicator === 'line',\n                          'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',\n                          'my-0.5': nestLabel && indicator === 'dashed',\n                        })}\n                        style={\n                          {\n                            '--color-bg': indicatorColor,\n                            '--color-border': indicatorColor,\n                          } as React.CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div className={cn('flex flex-1 justify-between gap-2 leading-none', nestLabel ? 'items-end' : 'items-center')}>\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted\">{itemConfig?.label || item.name}</span>\n                    </div>\n                    {item.value !== undefined && (\n                      <span className=\"text-text-positive-strong font-number font-medium tabular-nums\">\n                        {typeof item.value === 'number' ? item.value.toLocaleString() : item.value}\n                      </span>\n                    )}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport const ChartLegend = Legend;\n\nexport type ChartLegendContentProps = React.ComponentProps<'div'> & {\n  payload?: readonly LegendPayload[];\n  verticalAlign?: 'top' | 'bottom' | 'middle';\n  hideIcon?: boolean;\n  nameKey?: string;\n};\n\nexport const ChartLegendContent = ({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }: ChartLegendContentProps) => {\n  const { config } = useChart();\n\n  if (!payload?.length) return null;\n\n  return (\n    <div data-slot=\"chart-legend-content\" className={cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)}>\n      {payload.map(item => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div key={`${item.value}`} className={cn('flex items-center gap-1.5', '[&>svg]:text-muted [&>svg]:size-3')}>\n            {itemConfig?.icon && !hideIcon ? <itemConfig.icon /> : <div className=\"size-2 shrink-0 rounded-[2px]\" style={{ backgroundColor: item.color }} />}\n            <span className=\"text-muted-strong\">{itemConfig?.label ?? item.value}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nconst getPayloadConfigFromPayload = (config: ChartConfig, payload: TooltipItemPayload | LegendPayload | undefined, key: string) => {\n  if (typeof payload !== 'object' || payload === null) return undefined;\n\n  const payloadPayload =\n    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null ? (payload.payload as Record<string, unknown>) : undefined;\n\n  let configLabelKey: string = key;\n\n  const record = payload as unknown as Record<string, unknown>;\n  if (key in record && typeof record[key] === 'string') {\n    configLabelKey = record[key] as string;\n  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === 'string') {\n    configLabelKey = payloadPayload[key] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key];\n};\n"],"mappings":"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"}

package/dist/ui/chart.d.cts

@@ -1,2 +1,2 @@
-import { a as ChartLegendContent, c as ChartTooltip, d as useChart, i as ChartLegend, l as ChartTooltipContent, n as ChartContainer, o as ChartLegendContentProps, r as ChartContainerProps, s as ChartStyle, t as ChartConfig, u as ChartTooltipContentProps } from "../chart-sYFksFMk.cjs";
+import { a as ChartLegendContent, c as ChartTooltip, d as useChart, i as ChartLegend, l as ChartTooltipContent, n as ChartContainer, o as ChartLegendContentProps, r as ChartContainerProps, s as ChartStyle, t as ChartConfig, u as ChartTooltipContentProps } from "../chart-D8tNf0_6.cjs";
 export { ChartConfig, ChartContainer, ChartContainerProps, ChartLegend, ChartLegendContent, ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, ChartTooltipContentProps, useChart };

package/dist/ui/chart.d.mts

@@ -1,2 +1,2 @@
-import { a as ChartLegendContent, c as ChartTooltip, d as useChart, i as ChartLegend, l as ChartTooltipContent, n as ChartContainer, o as ChartLegendContentProps, r as ChartContainerProps, s as ChartStyle, t as ChartConfig, u as ChartTooltipContentProps } from "../chart-sYFksFMk.mjs";
+import { a as ChartLegendContent, c as ChartTooltip, d as useChart, i as ChartLegend, l as ChartTooltipContent, n as ChartContainer, o as ChartLegendContentProps, r as ChartContainerProps, s as ChartStyle, t as ChartConfig, u as ChartTooltipContentProps } from "../chart-D8tNf0_6.mjs";
 export { ChartConfig, ChartContainer, ChartContainerProps, ChartLegend, ChartLegendContent, ChartLegendContentProps, ChartStyle, ChartTooltip, ChartTooltipContent, ChartTooltipContentProps, useChart };

package/dist/ui/chart.mjs

@@ -1,4 +1,4 @@
 "use client";import{createContext as e,useContext as t,useId as n,useMemo as r}from"react";import{cn as i}from"@customafk/react-toolkit/utils";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";import{Legend as c,ResponsiveContainer as l,Tooltip as u}from"recharts";const d={light:``,dark:`.dark`},f=e(null),p=()=>{let e=t(f);if(!e)throw Error(`useChart must be used within a <ChartContainer />`);return e},m=({id:e,className:t,children:r,config:a,...c})=>{let u=n(),d=`chart-${e||u.replace(/:/g,``)}`;return o(f.Provider,{value:{config:a},children:s(`div`,{"data-slot":`chart`,"data-chart":d,className:i(`flex aspect-video justify-center text-xs`,`[&_.recharts-cartesian-axis-tick_text]:fill-muted`,`[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50`,`[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border`,`[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border`,`[&_.recharts-radial-bar-background-sector]:fill-muted-muted`,`[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted-muted`,`[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border`,`[&_.recharts-dot[stroke='#fff']]:stroke-transparent`,`[&_.recharts-layer]:outline-hidden`,`[&_.recharts-sector]:outline-hidden`,`[&_.recharts-sector[stroke='#fff']]:stroke-transparent`,`[&_.recharts-surface]:outline-hidden`,t),...c,children:[o(_,{id:d,config:a}),o(l,{children:r})]})})},h=/^[a-zA-Z0-9#(),.%\s/_-]+$/,g=/^[a-zA-Z0-9_-]+$/,_=({id:e,config:t})=>{let n=Object.entries(t).filter(([e,t])=>(t.theme||t.color)&&g.test(e));return n.length?o(`style`,{dangerouslySetInnerHTML:{__html:Object.entries(d).map(([t,r])=>`${r} [data-chart=${e}] {\n${n.map(([e,n])=>{let r=n.theme?.[t]||n.color;return!r||!h.test(r)?null:`  --color-${e}: ${r};`}).filter(Boolean).join(`
 `)}\n}`).join(`
-`)}}):null},v=u,y=({active:e,payload:t,className:n,indicator:c=`dot`,hideLabel:l=!1,hideIndicator:u=!1,label:d,labelFormatter:f,labelClassName:m,formatter:h,color:g,nameKey:_,labelKey:v})=>{let{config:y}=p(),b=r(()=>{if(l||!t?.length)return null;let[e]=t,n=S(y,e,`${v||e?.dataKey||e?.name||`value`}`),r=!v&&typeof d==`string`?y[d]?.label||d:n?.label;return f?o(`div`,{className:i(`font-medium`,m),children:f(r,t)}):r?o(`div`,{className:i(`font-medium`,m),children:r}):null},[d,f,t,l,m,y,v]);if(!e||!t?.length)return null;let x=t.length===1&&c!==`dot`;return s(`div`,{"data-slot":`chart-tooltip-content`,className:i(`border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-dropdown`,n),children:[x?null:b,o(`div`,{className:`grid gap-1.5`,children:t.map((e,t)=>{let n=S(y,e,`${_||e.name||e.dataKey||`value`}`),r=g||e.payload?.fill||e.color;return o(`div`,{className:i(`flex w-full flex-wrap items-stretch gap-2`,`[&>svg]:text-muted [&>svg]:size-2.5`,c===`dot`&&`items-center`),children:h&&e?.value!==void 0&&e.name?h(e.value,String(e.name),e,t,e.payload):s(a,{children:[n?.icon?o(n.icon,{}):!u&&o(`div`,{className:i(`shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)`,{"size-2.5":c===`dot`,"w-1":c===`line`,"w-0 border-[1.5px] border-dashed bg-transparent":c===`dashed`,"my-0.5":x&&c===`dashed`}),style:{"--color-bg":r,"--color-border":r}}),s(`div`,{className:i(`flex flex-1 justify-between gap-2 leading-none`,x?`items-end`:`items-center`),children:[s(`div`,{className:`grid gap-1.5`,children:[x?b:null,o(`span`,{className:`text-muted`,children:n?.label||e.name})]}),e.value!==void 0&&o(`span`,{className:`text-text-positive-strong font-number font-medium tabular-nums`,children:typeof e.value==`number`?e.value.toLocaleString():e.value})]})]})},typeof e.dataKey==`function`?t:e.dataKey??t)})})]})},b=c,x=({className:e,hideIcon:t=!1,payload:n,verticalAlign:r=`bottom`,nameKey:a})=>{let{config:c}=p();return n?.length?o(`div`,{"data-slot":`chart-legend-content`,className:i(`flex items-center justify-center gap-4`,r===`top`?`pb-3`:`pt-3`,e),children:n.map(e=>{let n=S(c,e,`${a||e.dataKey||`value`}`);return s(`div`,{className:i(`flex items-center gap-1.5`,`[&>svg]:text-muted [&>svg]:size-3`),children:[n?.icon&&!t?o(n.icon,{}):o(`div`,{className:`size-2 shrink-0 rounded-[2px]`,style:{backgroundColor:e.color}}),o(`span`,{className:`text-muted-strong`,children:n?.label??e.value})]},`${e.value}`)})}):null},S=(e,t,n)=>{if(typeof t!=`object`||!t)return;let r=`payload`in t&&typeof t.payload==`object`&&t.payload!==null?t.payload:void 0,i=n,a=t;return n in a&&typeof a[n]==`string`?i=a[n]:r&&n in r&&typeof r[n]==`string`&&(i=r[n]),i in e?e[i]:e[n]};export{m as ChartContainer,b as ChartLegend,x as ChartLegendContent,_ as ChartStyle,v as ChartTooltip,y as ChartTooltipContent,p as useChart};
+`)}}):null},v=u,y=({active:e,payload:t,className:n,indicator:c=`dot`,hideLabel:l=!1,hideIndicator:u=!1,label:d,labelFormatter:f,labelClassName:m,formatter:h,color:g,nameKey:_,labelKey:v})=>{let{config:y}=p(),b=r(()=>{if(l||!t?.length)return null;let[e]=t,n=`${v||e?.dataKey||e?.name||`value`}`,r=S(y,e,n),a=!v&&typeof d==`string`?y[d]?.label||d:r?.label;return f?o(`div`,{className:i(`font-medium`,m),children:f(a,t)}):a?o(`div`,{className:i(`font-medium`,m),children:a}):null},[d,f,t,l,m,y,v]);if(!e||!t?.length)return null;let x=t.length===1&&c!==`dot`;return s(`div`,{"data-slot":`chart-tooltip-content`,className:i(`border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-dropdown`,n),children:[x?null:b,o(`div`,{className:`grid gap-1.5`,children:t.map((e,t)=>{let n=`${_||e.name||e.dataKey||`value`}`,r=S(y,e,n),l=g||e.payload?.fill||e.color;return o(`div`,{className:i(`flex w-full flex-wrap items-stretch gap-2`,`[&>svg]:text-muted [&>svg]:size-2.5`,c===`dot`&&`items-center`),children:h&&e?.value!==void 0&&e.name?h(e.value,String(e.name),e,t,e.payload):s(a,{children:[r?.icon?o(r.icon,{}):!u&&o(`div`,{className:i(`shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)`,{"size-2.5":c===`dot`,"w-1":c===`line`,"w-0 border-[1.5px] border-dashed bg-transparent":c===`dashed`,"my-0.5":x&&c===`dashed`}),style:{"--color-bg":l,"--color-border":l}}),s(`div`,{className:i(`flex flex-1 justify-between gap-2 leading-none`,x?`items-end`:`items-center`),children:[s(`div`,{className:`grid gap-1.5`,children:[x?b:null,o(`span`,{className:`text-muted`,children:r?.label||e.name})]}),e.value!==void 0&&o(`span`,{className:`text-text-positive-strong font-number font-medium tabular-nums`,children:typeof e.value==`number`?e.value.toLocaleString():e.value})]})]})},typeof e.dataKey==`function`?t:e.dataKey??t)})})]})},b=c,x=({className:e,hideIcon:t=!1,payload:n,verticalAlign:r=`bottom`,nameKey:a})=>{let{config:c}=p();return n?.length?o(`div`,{"data-slot":`chart-legend-content`,className:i(`flex items-center justify-center gap-4`,r===`top`?`pb-3`:`pt-3`,e),children:n.map(e=>{let n=`${a||e.dataKey||`value`}`,r=S(c,e,n);return s(`div`,{className:i(`flex items-center gap-1.5`,`[&>svg]:text-muted [&>svg]:size-3`),children:[r?.icon&&!t?o(r.icon,{}):o(`div`,{className:`size-2 shrink-0 rounded-[2px]`,style:{backgroundColor:e.color}}),o(`span`,{className:`text-muted-strong`,children:r?.label??e.value})]},`${e.value}`)})}):null},S=(e,t,n)=>{if(typeof t!=`object`||!t)return;let r=`payload`in t&&typeof t.payload==`object`&&t.payload!==null?t.payload:void 0,i=n,a=t;return n in a&&typeof a[n]==`string`?i=a[n]:r&&n in r&&typeof r[n]==`string`&&(i=r[n]),i in e?e[i]:e[n]};export{m as ChartContainer,b as ChartLegend,x as ChartLegendContent,_ as ChartStyle,v as ChartTooltip,y as ChartTooltipContent,p as useChart};
 //# sourceMappingURL=chart.mjs.map

package/dist/ui/chart.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"chart.mjs","names":[],"sources":["../../packages/components/ui/chart.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useId, useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { LegendPayload, TooltipContentProps } from 'recharts';\nimport { Legend, ResponsiveContainer, Tooltip } from 'recharts';\n\nconst THEMES = { light: '', dark: '.dark' } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & ({ color?: string; theme?: never } | { color?: never; theme: Record<keyof typeof THEMES, string> });\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = createContext<ChartContextProps | null>(null);\n\nexport const useChart = () => {\n  const context = useContext(ChartContext);\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n  return context;\n};\n\nexport type ChartContainerProps = React.ComponentProps<'div'> & {\n  config: ChartConfig;\n  children: React.ComponentProps<typeof ResponsiveContainer>['children'];\n};\n\nexport const ChartContainer = ({ id, className, children, config, ...props }: ChartContainerProps) => {\n  const uniqueId = useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-slot=\"chart\"\n        data-chart={chartId}\n        className={cn(\n          'flex aspect-video justify-center text-xs',\n          '[&_.recharts-cartesian-axis-tick_text]:fill-muted',\n          \"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50\",\n          '[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border',\n          \"[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border\",\n          '[&_.recharts-radial-bar-background-sector]:fill-muted-muted',\n          '[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted-muted',\n          \"[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border\",\n          \"[&_.recharts-dot[stroke='#fff']]:stroke-transparent\",\n          '[&_.recharts-layer]:outline-hidden',\n          '[&_.recharts-sector]:outline-hidden',\n          \"[&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n          '[&_.recharts-surface]:outline-hidden',\n          className\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <ResponsiveContainer>{children}</ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n};\n\n/** Accepts CSS color notations (hex, rgb/hsl/oklch, var(...)) while rejecting CSS injection. */\nconst SAFE_CSS_COLOR_PATTERN = /^[a-zA-Z0-9#(),.%\\s/_-]+$/;\nconst SAFE_CSS_KEY_PATTERN = /^[a-zA-Z0-9_-]+$/;\n\nexport const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([key, itemConfig]) => (itemConfig.theme || itemConfig.color) && SAFE_CSS_KEY_PATTERN.test(key));\n\n  if (!colorConfig.length) return null;\n\n  const css = Object.entries(THEMES)\n    .map(([theme, prefix]) => {\n      const rules = colorConfig\n        .map(([key, itemConfig]) => {\n          const color = itemConfig.theme?.[theme as keyof typeof THEMES] || itemConfig.color;\n          if (!color || !SAFE_CSS_COLOR_PATTERN.test(color)) return null;\n          return `  --color-${key}: ${color};`;\n        })\n        .filter(Boolean)\n        .join('\\n');\n      return `${prefix} [data-chart=${id}] {\\n${rules}\\n}`;\n    })\n    .join('\\n');\n\n  // biome-ignore lint/security/noDangerouslySetInnerHtml: values are sanitized against SAFE_CSS_* patterns above\n  return <style dangerouslySetInnerHTML={{ __html: css }} />;\n};\n\nexport const ChartTooltip = Tooltip;\n\ntype TooltipItemPayload = NonNullable<TooltipContentProps<number | string, string>['payload']>[number];\n\nexport type ChartTooltipContentProps = React.ComponentProps<'div'> &\n  Partial<Pick<TooltipContentProps<number | string, string>, 'active' | 'payload' | 'label' | 'labelFormatter' | 'formatter'>> & {\n    hideLabel?: boolean;\n    hideIndicator?: boolean;\n    indicator?: 'line' | 'dot' | 'dashed';\n    nameKey?: string;\n    labelKey?: string;\n    labelClassName?: string;\n  };\n\nexport const ChartTooltipContent = ({\n  active,\n  payload,\n  className,\n  indicator = 'dot',\n  hideLabel = false,\n  hideIndicator = false,\n  label,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n}: ChartTooltipContentProps) => {\n  const { config } = useChart();\n\n  const tooltipLabel = useMemo(() => {\n    if (hideLabel || !payload?.length) return null;\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = !labelKey && typeof label === 'string' ? config[label as keyof typeof config]?.label || label : itemConfig?.label;\n\n    if (labelFormatter) {\n      return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;\n    }\n    if (!value) return null;\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n  if (!active || !payload?.length) return null;\n\n  const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n  return (\n    <div\n      data-slot=\"chart-tooltip-content\"\n      className={cn('border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-dropdown', className)}\n    >\n      {!nestLabel ? tooltipLabel : null}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || item.payload?.fill || item.color;\n\n          return (\n            <div\n              key={typeof item.dataKey === 'function' ? index : (item.dataKey ?? index)}\n              className={cn('flex w-full flex-wrap items-stretch gap-2', '[&>svg]:text-muted [&>svg]:size-2.5', indicator === 'dot' && 'items-center')}\n            >\n              {formatter && item?.value !== undefined && item.name ? (\n                formatter(item.value as number | string, String(item.name), item, index, item.payload)\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn('shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)', {\n                          'size-2.5': indicator === 'dot',\n                          'w-1': indicator === 'line',\n                          'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',\n                          'my-0.5': nestLabel && indicator === 'dashed',\n                        })}\n                        style={\n                          {\n                            '--color-bg': indicatorColor,\n                            '--color-border': indicatorColor,\n                          } as React.CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div className={cn('flex flex-1 justify-between gap-2 leading-none', nestLabel ? 'items-end' : 'items-center')}>\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted\">{itemConfig?.label || item.name}</span>\n                    </div>\n                    {item.value !== undefined && (\n                      <span className=\"text-text-positive-strong font-number font-medium tabular-nums\">\n                        {typeof item.value === 'number' ? item.value.toLocaleString() : item.value}\n                      </span>\n                    )}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport const ChartLegend = Legend;\n\nexport type ChartLegendContentProps = React.ComponentProps<'div'> & {\n  payload?: readonly LegendPayload[];\n  verticalAlign?: 'top' | 'bottom' | 'middle';\n  hideIcon?: boolean;\n  nameKey?: string;\n};\n\nexport const ChartLegendContent = ({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }: ChartLegendContentProps) => {\n  const { config } = useChart();\n\n  if (!payload?.length) return null;\n\n  return (\n    <div data-slot=\"chart-legend-content\" className={cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)}>\n      {payload.map(item => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div key={`${item.value}`} className={cn('flex items-center gap-1.5', '[&>svg]:text-muted [&>svg]:size-3')}>\n            {itemConfig?.icon && !hideIcon ? <itemConfig.icon /> : <div className=\"size-2 shrink-0 rounded-[2px]\" style={{ backgroundColor: item.color }} />}\n            <span className=\"text-muted-strong\">{itemConfig?.label ?? item.value}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nconst getPayloadConfigFromPayload = (config: ChartConfig, payload: TooltipItemPayload | LegendPayload | undefined, key: string) => {\n  if (typeof payload !== 'object' || payload === null) return undefined;\n\n  const payloadPayload =\n    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null ? (payload.payload as Record<string, unknown>) : undefined;\n\n  let configLabelKey: string = key;\n\n  const record = payload as unknown as Record<string, unknown>;\n  if (key in record && typeof record[key] === 'string') {\n    configLabelKey = record[key] as string;\n  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === 'string') {\n    configLabelKey = payloadPayload[key] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key];\n};\n"],"mappings":"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"}
+{"version":3,"file":"chart.mjs","names":[],"sources":["../../packages/components/ui/chart.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, useContext, useId, useMemo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { LegendPayload, TooltipContentProps } from 'recharts';\nimport { Legend, ResponsiveContainer, Tooltip } from 'recharts';\n\nconst THEMES = { light: '', dark: '.dark' } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & ({ color?: string; theme?: never } | { color?: never; theme: Record<keyof typeof THEMES, string> });\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = createContext<ChartContextProps | null>(null);\n\nexport const useChart = () => {\n  const context = useContext(ChartContext);\n  if (!context) {\n    throw new Error('useChart must be used within a <ChartContainer />');\n  }\n  return context;\n};\n\nexport type ChartContainerProps = React.ComponentProps<'div'> & {\n  config: ChartConfig;\n  children: React.ComponentProps<typeof ResponsiveContainer>['children'];\n};\n\nexport const ChartContainer = ({ id, className, children, config, ...props }: ChartContainerProps) => {\n  const uniqueId = useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, '')}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-slot=\"chart\"\n        data-chart={chartId}\n        className={cn(\n          'flex aspect-video justify-center text-xs',\n          '[&_.recharts-cartesian-axis-tick_text]:fill-muted',\n          \"[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50\",\n          '[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border',\n          \"[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border\",\n          '[&_.recharts-radial-bar-background-sector]:fill-muted-muted',\n          '[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted-muted',\n          \"[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border\",\n          \"[&_.recharts-dot[stroke='#fff']]:stroke-transparent\",\n          '[&_.recharts-layer]:outline-hidden',\n          '[&_.recharts-sector]:outline-hidden',\n          \"[&_.recharts-sector[stroke='#fff']]:stroke-transparent\",\n          '[&_.recharts-surface]:outline-hidden',\n          className\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <ResponsiveContainer>{children}</ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n};\n\n/** Accepts CSS color notations (hex, rgb/hsl/oklch, var(...)) while rejecting CSS injection. */\nconst SAFE_CSS_COLOR_PATTERN = /^[a-zA-Z0-9#(),.%\\s/_-]+$/;\nconst SAFE_CSS_KEY_PATTERN = /^[a-zA-Z0-9_-]+$/;\n\nexport const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(([key, itemConfig]) => (itemConfig.theme || itemConfig.color) && SAFE_CSS_KEY_PATTERN.test(key));\n\n  if (!colorConfig.length) return null;\n\n  const css = Object.entries(THEMES)\n    .map(([theme, prefix]) => {\n      const rules = colorConfig\n        .map(([key, itemConfig]) => {\n          const color = itemConfig.theme?.[theme as keyof typeof THEMES] || itemConfig.color;\n          if (!color || !SAFE_CSS_COLOR_PATTERN.test(color)) return null;\n          return `  --color-${key}: ${color};`;\n        })\n        .filter(Boolean)\n        .join('\\n');\n      return `${prefix} [data-chart=${id}] {\\n${rules}\\n}`;\n    })\n    .join('\\n');\n\n  // biome-ignore lint/security/noDangerouslySetInnerHtml: values are sanitized against SAFE_CSS_* patterns above\n  return <style dangerouslySetInnerHTML={{ __html: css }} />;\n};\n\nexport const ChartTooltip = Tooltip;\n\ntype TooltipItemPayload = NonNullable<TooltipContentProps<number | string, string>['payload']>[number];\n\nexport type ChartTooltipContentProps = React.ComponentProps<'div'> &\n  Partial<Pick<TooltipContentProps<number | string, string>, 'active' | 'payload' | 'label' | 'labelFormatter' | 'formatter'>> & {\n    hideLabel?: boolean;\n    hideIndicator?: boolean;\n    indicator?: 'line' | 'dot' | 'dashed';\n    nameKey?: string;\n    labelKey?: string;\n    labelClassName?: string;\n  };\n\nexport const ChartTooltipContent = ({\n  active,\n  payload,\n  className,\n  indicator = 'dot',\n  hideLabel = false,\n  hideIndicator = false,\n  label,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n}: ChartTooltipContentProps) => {\n  const { config } = useChart();\n\n  const tooltipLabel = useMemo(() => {\n    if (hideLabel || !payload?.length) return null;\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || 'value'}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value = !labelKey && typeof label === 'string' ? config[label as keyof typeof config]?.label || label : itemConfig?.label;\n\n    if (labelFormatter) {\n      return <div className={cn('font-medium', labelClassName)}>{labelFormatter(value, payload)}</div>;\n    }\n    if (!value) return null;\n    return <div className={cn('font-medium', labelClassName)}>{value}</div>;\n  }, [label, labelFormatter, payload, hideLabel, labelClassName, config, labelKey]);\n\n  if (!active || !payload?.length) return null;\n\n  const nestLabel = payload.length === 1 && indicator !== 'dot';\n\n  return (\n    <div\n      data-slot=\"chart-tooltip-content\"\n      className={cn('border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-dropdown', className)}\n    >\n      {!nestLabel ? tooltipLabel : null}\n      <div className=\"grid gap-1.5\">\n        {payload.map((item, index) => {\n          const key = `${nameKey || item.name || item.dataKey || 'value'}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n          const indicatorColor = color || item.payload?.fill || item.color;\n\n          return (\n            <div\n              key={typeof item.dataKey === 'function' ? index : (item.dataKey ?? index)}\n              className={cn('flex w-full flex-wrap items-stretch gap-2', '[&>svg]:text-muted [&>svg]:size-2.5', indicator === 'dot' && 'items-center')}\n            >\n              {formatter && item?.value !== undefined && item.name ? (\n                formatter(item.value as number | string, String(item.name), item, index, item.payload)\n              ) : (\n                <>\n                  {itemConfig?.icon ? (\n                    <itemConfig.icon />\n                  ) : (\n                    !hideIndicator && (\n                      <div\n                        className={cn('shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)', {\n                          'size-2.5': indicator === 'dot',\n                          'w-1': indicator === 'line',\n                          'w-0 border-[1.5px] border-dashed bg-transparent': indicator === 'dashed',\n                          'my-0.5': nestLabel && indicator === 'dashed',\n                        })}\n                        style={\n                          {\n                            '--color-bg': indicatorColor,\n                            '--color-border': indicatorColor,\n                          } as React.CSSProperties\n                        }\n                      />\n                    )\n                  )}\n                  <div className={cn('flex flex-1 justify-between gap-2 leading-none', nestLabel ? 'items-end' : 'items-center')}>\n                    <div className=\"grid gap-1.5\">\n                      {nestLabel ? tooltipLabel : null}\n                      <span className=\"text-muted\">{itemConfig?.label || item.name}</span>\n                    </div>\n                    {item.value !== undefined && (\n                      <span className=\"text-text-positive-strong font-number font-medium tabular-nums\">\n                        {typeof item.value === 'number' ? item.value.toLocaleString() : item.value}\n                      </span>\n                    )}\n                  </div>\n                </>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport const ChartLegend = Legend;\n\nexport type ChartLegendContentProps = React.ComponentProps<'div'> & {\n  payload?: readonly LegendPayload[];\n  verticalAlign?: 'top' | 'bottom' | 'middle';\n  hideIcon?: boolean;\n  nameKey?: string;\n};\n\nexport const ChartLegendContent = ({ className, hideIcon = false, payload, verticalAlign = 'bottom', nameKey }: ChartLegendContentProps) => {\n  const { config } = useChart();\n\n  if (!payload?.length) return null;\n\n  return (\n    <div data-slot=\"chart-legend-content\" className={cn('flex items-center justify-center gap-4', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className)}>\n      {payload.map(item => {\n        const key = `${nameKey || item.dataKey || 'value'}`;\n        const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n        return (\n          <div key={`${item.value}`} className={cn('flex items-center gap-1.5', '[&>svg]:text-muted [&>svg]:size-3')}>\n            {itemConfig?.icon && !hideIcon ? <itemConfig.icon /> : <div className=\"size-2 shrink-0 rounded-[2px]\" style={{ backgroundColor: item.color }} />}\n            <span className=\"text-muted-strong\">{itemConfig?.label ?? item.value}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nconst getPayloadConfigFromPayload = (config: ChartConfig, payload: TooltipItemPayload | LegendPayload | undefined, key: string) => {\n  if (typeof payload !== 'object' || payload === null) return undefined;\n\n  const payloadPayload =\n    'payload' in payload && typeof payload.payload === 'object' && payload.payload !== null ? (payload.payload as Record<string, unknown>) : undefined;\n\n  let configLabelKey: string = key;\n\n  const record = payload as unknown as Record<string, unknown>;\n  if (key in record && typeof record[key] === 'string') {\n    configLabelKey = record[key] as string;\n  } else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === 'string') {\n    configLabelKey = payloadPayload[key] as string;\n  }\n\n  return configLabelKey in config ? config[configLabelKey] : config[key];\n};\n"],"mappings":"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"}

package/dist/ui/checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.cjs","names":["CheckboxPrimitive","CheckIcon"],"sources":["../../packages/components/ui/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\n\n/**\n * Accessible checkbox input built on Radix UI's Checkbox primitive with checked, indeterminate, focus, invalid, and read-only states.\n *\n * @example\n * ```tsx\n * import { Checkbox } from '@customafk/lunas-ui/ui/checkbox';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <div className=\"flex items-center gap-2\">\n *   <Checkbox id=\"terms\" />\n *   <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n * </div>\n * ```\n */\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer border-border',\n        'size-4 shrink-0 cursor-pointer rounded border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus-visible:border-primary-strong',\n        'focus-visible:ring-3',\n        'focus-visible:ring-primary-weak',\n        'aria-invalid:border-danger aria-invalid:ring-danger-weak',\n        'aria-readonly:bg-muted-muted',\n        'aria-readonly:pointer-events-none',\n        'data-[state=checked]:aria-readonly:bg-muted-muted',\n        'data-[state=checked]:aria-readonly:border-border',\n        'data-[state=checked]:aria-readonly:text-text-positive-strong',\n        'data-[state=checked]:bg-primary',\n        'data-[state=checked]:border-primary-strong',\n        'data-[state=checked]:text-text-negative-strong',\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"flex items-center justify-center text-current transition-none\">\n        <CheckIcon size={14} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":"+MAsBA,SAAS,EAAS,CAAE,YAAW,GAAG,GAA8D,CAC9F,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,SAAkB,KAAnB,CACE,YAAU,WACV,WAAA,EAAA,EAAA,GAAA,CACE,qBACA,sFACA,kDACA,sCACA,uBACA,kCACA,2DACA,+BACA,oCACA,oDACA,mDACA,+DACA,kCACA,6CACA,iDACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,IAAA,CAACA,EAAAA,SAAkB,UAAnB,CAA6B,YAAU,qBAAqB,UAAU,0EACpE,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,KAAM,EAAK,CAAA,CACK,CAAA,CACP,CAAA,CAE5B"}
+{"version":3,"file":"checkbox.cjs","names":["CheckboxPrimitive","CheckIcon"],"sources":["../../packages/components/ui/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\n\n/**\n * Accessible checkbox input built on Radix UI's Checkbox primitive with checked, indeterminate, focus, invalid, and read-only states.\n *\n * @example\n * ```tsx\n * import { Checkbox } from '@customafk/lunas-ui/ui/checkbox';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <div className=\"flex items-center gap-2\">\n *   <Checkbox id=\"terms\" />\n *   <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n * </div>\n * ```\n */\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer border-border',\n        'size-4 shrink-0 cursor-pointer rounded border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus-visible:border-primary-strong',\n        'focus-visible:ring-3',\n        'focus-visible:ring-primary-weak',\n        'aria-invalid:border-danger aria-invalid:ring-danger-weak',\n        'aria-readonly:bg-muted-muted',\n        'aria-readonly:pointer-events-none',\n        'data-[state=checked]:aria-readonly:bg-muted-muted',\n        'data-[state=checked]:aria-readonly:border-border',\n        'data-[state=checked]:aria-readonly:text-text-positive-strong',\n        'data-[state=checked]:bg-primary',\n        'data-[state=checked]:border-primary-strong',\n        'data-[state=checked]:text-text-negative-strong',\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"flex items-center justify-center text-current transition-none\">\n        <CheckIcon size={14} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":"+MAsBA,SAAS,EAAS,CAAE,YAAW,GAAG,GAA8D,CAC9F,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,SAAkB,KAAnB,CACE,YAAU,WACV,WAAA,EAAA,EAAA,GAAA,CACE,qBACA,sFACA,kDACA,sCACA,uBACA,kCACA,2DACA,+BACA,oCACA,oDACA,mDACA,+DACA,kCACA,6CACA,iDACA,CACF,EACA,GAAI,EAEJ,UAAA,EAAA,EAAA,IAAA,CAACA,EAAAA,SAAkB,UAAnB,CAA6B,YAAU,qBAAqB,UAAU,gEACpE,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,KAAM,EAAK,CAAA,CACK,CAAA,CACP,CAAA,CAE5B"}

package/dist/ui/checkbox.d.cts

@@ -1,2 +1,2 @@
-import { t as Checkbox } from "../checkbox-XfLNnG0S.cjs";
+import { t as Checkbox } from "../checkbox-Cuc-_UcF.cjs";
 export { Checkbox };

package/dist/ui/checkbox.d.mts

@@ -1,2 +1,2 @@
-import { t as Checkbox } from "../checkbox-XfLNnG0S.mjs";
+import { t as Checkbox } from "../checkbox-Cuc-_UcF.mjs";
 export { Checkbox };

package/dist/ui/checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.mjs","names":["CheckboxPrimitive"],"sources":["../../packages/components/ui/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\n\n/**\n * Accessible checkbox input built on Radix UI's Checkbox primitive with checked, indeterminate, focus, invalid, and read-only states.\n *\n * @example\n * ```tsx\n * import { Checkbox } from '@customafk/lunas-ui/ui/checkbox';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <div className=\"flex items-center gap-2\">\n *   <Checkbox id=\"terms\" />\n *   <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n * </div>\n * ```\n */\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer border-border',\n        'size-4 shrink-0 cursor-pointer rounded border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus-visible:border-primary-strong',\n        'focus-visible:ring-3',\n        'focus-visible:ring-primary-weak',\n        'aria-invalid:border-danger aria-invalid:ring-danger-weak',\n        'aria-readonly:bg-muted-muted',\n        'aria-readonly:pointer-events-none',\n        'data-[state=checked]:aria-readonly:bg-muted-muted',\n        'data-[state=checked]:aria-readonly:border-border',\n        'data-[state=checked]:aria-readonly:text-text-positive-strong',\n        'data-[state=checked]:bg-primary',\n        'data-[state=checked]:border-primary-strong',\n        'data-[state=checked]:text-text-negative-strong',\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"flex items-center justify-center text-current transition-none\">\n        <CheckIcon size={14} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":"sLAsBA,SAAS,EAAS,CAAE,YAAW,GAAG,GAA8D,CAC9F,OACE,EAACA,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EACT,qBACA,sFACA,kDACA,sCACA,uBACA,kCACA,2DACA,+BACA,oCACA,oDACA,mDACA,+DACA,kCACA,6CACA,iDACA,CACF,EACA,GAAI,WAEJ,EAACA,EAAkB,UAAnB,CAA6B,YAAU,qBAAqB,UAAU,yEACpE,EAAC,EAAD,CAAW,KAAM,EAAK,CAAA,CACK,CAAA,CACP,CAAA,CAE5B"}
+{"version":3,"file":"checkbox.mjs","names":["CheckboxPrimitive"],"sources":["../../packages/components/ui/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\n\n/**\n * Accessible checkbox input built on Radix UI's Checkbox primitive with checked, indeterminate, focus, invalid, and read-only states.\n *\n * @example\n * ```tsx\n * import { Checkbox } from '@customafk/lunas-ui/ui/checkbox';\n * import { Label } from '@customafk/lunas-ui/ui/label';\n *\n * <div className=\"flex items-center gap-2\">\n *   <Checkbox id=\"terms\" />\n *   <Label htmlFor=\"terms\">Accept terms and conditions</Label>\n * </div>\n * ```\n */\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer border-border',\n        'size-4 shrink-0 cursor-pointer rounded border shadow-xs outline-none transition-all',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        'focus-visible:border-primary-strong',\n        'focus-visible:ring-3',\n        'focus-visible:ring-primary-weak',\n        'aria-invalid:border-danger aria-invalid:ring-danger-weak',\n        'aria-readonly:bg-muted-muted',\n        'aria-readonly:pointer-events-none',\n        'data-[state=checked]:aria-readonly:bg-muted-muted',\n        'data-[state=checked]:aria-readonly:border-border',\n        'data-[state=checked]:aria-readonly:text-text-positive-strong',\n        'data-[state=checked]:bg-primary',\n        'data-[state=checked]:border-primary-strong',\n        'data-[state=checked]:text-text-negative-strong',\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator data-slot=\"checkbox-indicator\" className=\"flex items-center justify-center text-current transition-none\">\n        <CheckIcon size={14} />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":"sLAsBA,SAAS,EAAS,CAAE,YAAW,GAAG,GAA8D,CAC9F,OACE,EAACA,EAAkB,KAAnB,CACE,YAAU,WACV,UAAW,EACT,qBACA,sFACA,kDACA,sCACA,uBACA,kCACA,2DACA,+BACA,oCACA,oDACA,mDACA,+DACA,kCACA,6CACA,iDACA,CACF,EACA,GAAI,EAEJ,SAAA,EAACA,EAAkB,UAAnB,CAA6B,YAAU,qBAAqB,UAAU,gEACpE,SAAA,EAAC,EAAD,CAAW,KAAM,EAAK,CAAA,CACK,CAAA,CACP,CAAA,CAE5B"}

package/dist/ui/collapsible.d.cts

@@ -1,2 +1,2 @@
-import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-liIHmFuw.cjs";
+import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-D3MS6pMC.cjs";
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/ui/collapsible.d.mts

@@ -1,2 +1,2 @@
-import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-liIHmFuw.mjs";
+import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-D3MS6pMC.mjs";
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/ui/combobox.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../combobox-kp_kPY8o.cjs");exports.Combobox=e.t;

package/dist/ui/combobox.d.cts

@@ -0,0 +1,2 @@
+import { i as ComboboxRef, n as ComboboxOption, r as ComboboxProps, t as Combobox } from "../combobox-BFLmuV4w.cjs";
+export { Combobox, ComboboxOption, ComboboxProps, ComboboxRef };

package/dist/ui/combobox.d.mts

@@ -0,0 +1,2 @@
+import { i as ComboboxRef, n as ComboboxOption, r as ComboboxProps, t as Combobox } from "../combobox-wOpqEFBq.mjs";
+export { Combobox, ComboboxOption, ComboboxProps, ComboboxRef };

package/dist/ui/combobox.mjs

@@ -0,0 +1 @@
+"use client";import{t as e}from"../combobox-C64Rvd7n.mjs";export{e as Combobox};

package/dist/ui/command.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./dialog.cjs");let t=require("lucide-react"),n=require("@customafk/react-toolkit/utils"),r=require("react/jsx-runtime"),i=require("cmdk");function a({className:e,...t}){return(0,r.jsx)(i.Command,{"data-slot":`command`,className:(0,n.cn)(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...t})}function o({title:t=`Command Palette`,description:i=`Search for a command to run...`,children:o,className:s,showCloseButton:c=!0,...l}){return(0,r.jsxs)(e.Dialog,{...l,children:[(0,r.jsxs)(e.DialogHeader,{className:`sr-only`,children:[(0,r.jsx)(e.DialogTitle,{children:t}),(0,r.jsx)(e.DialogDescription,{children:i})]}),(0,r.jsx)(e.DialogContent,{className:(0,n.cn)(`overflow-hidden p-0`,s),showCloseButton:c,children:(0,r.jsx)(a,{className:(0,n.cn)(`**:[[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`**:[[cmdk-input]]:h-12`,`**:[[cmdk-item]]:px-2`,`**:[[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:o})})]})}function s({className:e,...a}){return(0,r.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[(0,r.jsx)(t.SearchIcon,{className:`size-4 shrink-0 opacity-50`}),(0,r.jsx)(i.Command.Input,{"data-slot":`command-input`,className:(0,n.cn)(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...a})]})}function c({className:e,...t}){return(0,r.jsx)(i.Command.List,{"data-slot":`command-list`,className:(0,n.cn)(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...t})}function l({...e}){return(0,r.jsx)(i.Command.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function u({className:e,...t}){return(0,r.jsx)(i.Command.Group,{"data-slot":`command-group`,className:(0,n.cn)(`text-text-positive`,`overflow-hidden p-1`,`**:[[cmdk-group-heading]]:text-text-positive-weak`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:py-1.5`,`**:[[cmdk-group-heading]]:text-xs`,`**:[[cmdk-group-heading]]:font-medium`,e),...t})}function d({className:e,...t}){return(0,r.jsx)(i.Command.Separator,{"data-slot":`command-separator`,className:(0,n.cn)(`-mx-1 h-px bg-border-weak`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(i.Command.Item,{"data-slot":`command-item`,className:(0,n.cn)(`relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`command-shortcut`,className:(0,n.cn)(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}exports.Command=a,exports.CommandDialog=o,exports.CommandEmpty=l,exports.CommandGroup=u,exports.CommandInput=s,exports.CommandItem=f,exports.CommandList=c,exports.CommandSeparator=d,exports.CommandShortcut=p;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./dialog.cjs");let t=require("lucide-react"),n=require("@customafk/react-toolkit/utils"),r=require("react/jsx-runtime"),i=require("cmdk");function a({className:e,...t}){return(0,r.jsx)(i.Command,{"data-slot":`command`,className:(0,n.cn)(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...t})}function o({title:t=`Command Palette`,description:i=`Search for a command to run...`,children:o,className:s,showCloseButton:c=!0,...l}){return(0,r.jsxs)(e.Dialog,{...l,children:[(0,r.jsxs)(e.DialogHeader,{className:`sr-only`,children:[(0,r.jsx)(e.DialogTitle,{children:t}),(0,r.jsx)(e.DialogDescription,{children:i})]}),(0,r.jsx)(e.DialogContent,{className:(0,n.cn)(`overflow-hidden p-0`,s),showCloseButton:c,children:(0,r.jsx)(a,{className:(0,n.cn)(`**:[[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`**:[[cmdk-input]]:h-12`,`**:[[cmdk-item]]:px-2`,`**:[[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:o})})]})}function s({className:e,...a}){return(0,r.jsxs)(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[(0,r.jsx)(t.SearchIcon,{className:`size-4 shrink-0 opacity-50`}),(0,r.jsx)(i.Command.Input,{"data-slot":`command-input`,className:(0,n.cn)(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...a})]})}function c({className:e,...t}){return(0,r.jsx)(i.Command.List,{"data-slot":`command-list`,className:(0,n.cn)(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...t})}function l({...e}){return(0,r.jsx)(i.Command.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function u({className:e,...t}){return(0,r.jsx)(i.Command.Group,{"data-slot":`command-group`,className:(0,n.cn)(`text-text-positive`,`overflow-hidden p-1`,`**:[[cmdk-group-heading]]:text-text-positive-weak`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:py-1.5`,`**:[[cmdk-group-heading]]:text-xs`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group-items]]:space-y-1`,e),...t})}function d({className:e,...t}){return(0,r.jsx)(i.Command.Separator,{"data-slot":`command-separator`,className:(0,n.cn)(`-mx-1 h-px bg-border-weak`,e),...t})}function f({className:e,...t}){return(0,r.jsx)(i.Command.Item,{"data-slot":`command-item`,className:(0,n.cn)(`relative flex cursor-pointer select-none items-center gap-2 rounded p-2.5 text-sm outline-hidden transition-all duration-300`,`active:ring-border`,`active:opacity-60`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function p({className:e,...t}){return(0,r.jsx)(`span`,{"data-slot":`command-shortcut`,className:(0,n.cn)(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}exports.Command=a,exports.CommandDialog=o,exports.CommandEmpty=l,exports.CommandGroup=u,exports.CommandInput=s,exports.CommandItem=f,exports.CommandList=c,exports.CommandSeparator=d,exports.CommandShortcut=p;
 //# sourceMappingURL=command.cjs.map

package/dist/ui/command.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"command.cjs","names":["CommandPrimitive","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","SearchIcon"],"sources":["../../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';\n\nimport { Command as CommandPrimitive } from 'cmdk';\n\n/**\n * A cmdk-powered command palette for searching and executing commands.\n *\n * @example\n * ```tsx\n * import {\n *   Command, CommandInput, CommandList, CommandEmpty,\n *   CommandGroup, CommandItem,\n * } from '@customafk/lunas-ui/ui/command';\n *\n * <Command>\n *   <CommandInput placeholder=\"Type a command…\" />\n *   <CommandList>\n *     <CommandEmpty>No results found.</CommandEmpty>\n *     <CommandGroup heading=\"Suggestions\">\n *       <CommandItem>Calendar</CommandItem>\n *       <CommandItem>Search</CommandItem>\n *     </CommandGroup>\n *   </CommandList>\n * </Command>\n * ```\n */\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * A Command palette rendered inside a Dialog overlay.\n *\n * @param title - Accessible title for the dialog (screen-reader only).\n * @param description - Accessible description for the dialog (screen-reader only).\n * @param showCloseButton - Whether to show the built-in close button on the dialog.\n */\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '**:[[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '**:[[cmdk-group-heading]]:px-2',\n            '**:[[cmdk-group-heading]]:font-medium',\n            '**:[[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2',\n            '**:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5'\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** Search input with a leading search icon that filters CommandItems in real time. */\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-border-weak border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/** Scrollable list that renders filtered CommandGroups and CommandItems. */\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden', className)} {...props} />;\n}\n\n/** Fallback message displayed when no CommandItems match the current search query. */\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />;\n}\n\n/** Groups CommandItems under an optional heading label. */\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '**:[[cmdk-group-heading]]:text-text-positive-weak',\n        '**:[[cmdk-group-heading]]:px-2',\n        '**:[[cmdk-group-heading]]:py-1.5',\n        '**:[[cmdk-group-heading]]:text-xs',\n        '**:[[cmdk-group-heading]]:font-medium',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups in a CommandList. */\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('-mx-1 h-px bg-border-weak', className)} {...props} />;\n}\n\n/** A selectable row inside a CommandGroup that is highlighted when active or hovered. */\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a CommandItem. */\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"2OAgCA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAD,CACE,YAAU,UACV,WAAA,EAAA,EAAA,GAAA,CAAc,sGAAuG,CAAS,EAC9H,GAAI,CACL,CAAA,CAEL,CASA,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAA,EAAA,KAAA,CAACC,EAAAA,OAAD,CAAQ,GAAI,WAAZ,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,aAAD,CAAc,UAAU,mBAAxB,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAA,SAAc,CAAmB,CAAA,GACjC,EAAA,EAAA,IAAA,CAACC,EAAAA,kBAAD,CAAA,SAAoB,CAA+B,CAAA,CACvC,KACd,EAAA,EAAA,IAAA,CAACC,EAAAA,cAAD,CAAe,WAAA,EAAA,EAAA,GAAA,CAAc,sBAAuB,CAAS,EAAoB,4BAC/E,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,WAAA,EAAA,EAAA,GAAA,CACE,qDACA,4CACA,iCACA,wCACA,yBACA,oDACA,sCACA,yBACA,wBACA,wBACA,4BACF,EAEC,UACM,CAAA,CACI,CAAA,CACT,GAEZ,CAGA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,YAAU,wBAAwB,UAAU,wEAAjD,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,4BAA8B,CAAA,GACpD,EAAA,EAAA,IAAA,CAACN,EAAAA,QAAiB,MAAlB,CACE,YAAU,gBACV,WAAA,EAAA,EAAA,GAAA,CACE,yEACA,uCACA,8BACA,sBACA,CACF,EACA,GAAI,CACL,CAAA,CACE,GAET,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,KAAlB,CAAuB,YAAU,eAAe,WAAA,EAAA,EAAA,GAAA,CAAc,yDAA0D,CAAS,EAAG,GAAI,CAAQ,CAAA,CACzJ,CAGA,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,MAAlB,CAAwB,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,CAAQ,CAAA,CAC5G,CAGA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,MAAlB,CACE,YAAU,gBACV,WAAA,EAAA,EAAA,GAAA,CACE,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,UAAlB,CAA4B,YAAU,oBAAoB,WAAA,EAAA,EAAA,GAAA,CAAc,4BAA6B,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtI,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAAA,EAAA,IAAA,CAACA,EAAAA,QAAiB,KAAlB,CACE,YAAU,eACV,WAAA,EAAA,EAAA,GAAA,CACE,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAA,EAAA,IAAA,CAAC,OAAD,CAAM,YAAU,mBAAmB,WAAA,EAAA,EAAA,GAAA,CAAc,2DAA4D,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC9I"}
+{"version":3,"file":"command.cjs","names":["CommandPrimitive","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogContent","SearchIcon"],"sources":["../../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';\n\nimport { Command as CommandPrimitive } from 'cmdk';\n\n/**\n * A cmdk-powered command palette for searching and executing commands.\n *\n * @example\n * ```tsx\n * import {\n *   Command, CommandInput, CommandList, CommandEmpty,\n *   CommandGroup, CommandItem,\n * } from '@customafk/lunas-ui/ui/command';\n *\n * <Command>\n *   <CommandInput placeholder=\"Type a command…\" />\n *   <CommandList>\n *     <CommandEmpty>No results found.</CommandEmpty>\n *     <CommandGroup heading=\"Suggestions\">\n *       <CommandItem>Calendar</CommandItem>\n *       <CommandItem>Search</CommandItem>\n *     </CommandGroup>\n *   </CommandList>\n * </Command>\n * ```\n */\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * A Command palette rendered inside a Dialog overlay.\n *\n * @param title - Accessible title for the dialog (screen-reader only).\n * @param description - Accessible description for the dialog (screen-reader only).\n * @param showCloseButton - Whether to show the built-in close button on the dialog.\n */\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '**:[[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '**:[[cmdk-group-heading]]:px-2',\n            '**:[[cmdk-group-heading]]:font-medium',\n            '**:[[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2',\n            '**:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5'\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** Search input with a leading search icon that filters CommandItems in real time. */\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-border-weak border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/** Scrollable list that renders filtered CommandGroups and CommandItems. */\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden', className)} {...props} />;\n}\n\n/** Fallback message displayed when no CommandItems match the current search query. */\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />;\n}\n\n/** Groups CommandItems under an optional heading label. */\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '**:[[cmdk-group-heading]]:text-text-positive-weak',\n        '**:[[cmdk-group-heading]]:px-2',\n        '**:[[cmdk-group-heading]]:py-1.5',\n        '**:[[cmdk-group-heading]]:text-xs',\n        '**:[[cmdk-group-heading]]:font-medium',\n        '**:[[cmdk-group-items]]:space-y-1',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups in a CommandList. */\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('-mx-1 h-px bg-border-weak', className)} {...props} />;\n}\n\n/** A selectable row inside a CommandGroup that is highlighted when active or hovered. */\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center gap-2 rounded p-2.5 text-sm outline-hidden transition-all duration-300',\n        'active:ring-border',\n        'active:opacity-60',\n        // 'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a CommandItem. */\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"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"}

package/dist/ui/command.d.cts

@@ -1,2 +1,2 @@
-import { a as CommandInput, c as CommandSeparator, i as CommandGroup, l as CommandShortcut, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-CHSJVU9o.cjs";
+import { a as CommandInput, c as CommandSeparator, i as CommandGroup, l as CommandShortcut, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-BM9cIuFp.cjs";
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/ui/command.d.mts

@@ -1,2 +1,2 @@
-import { a as CommandInput, c as CommandSeparator, i as CommandGroup, l as CommandShortcut, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-Bb6SneVI.mjs";
+import { a as CommandInput, c as CommandSeparator, i as CommandGroup, l as CommandShortcut, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-DLnIGYou.mjs";
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/ui/command.mjs

@@ -1,2 +1,2 @@
-"use client";import{Dialog as e,DialogContent as t,DialogDescription as n,DialogHeader as r,DialogTitle as i}from"./dialog.mjs";import{SearchIcon as a}from"lucide-react";import{cn as o}from"@customafk/react-toolkit/utils";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{Command as l}from"cmdk";function u({className:e,...t}){return s(l,{"data-slot":`command`,className:o(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...t})}function d({title:a=`Command Palette`,description:l=`Search for a command to run...`,children:d,className:f,showCloseButton:p=!0,...m}){return c(e,{...m,children:[c(r,{className:`sr-only`,children:[s(i,{children:a}),s(n,{children:l})]}),s(t,{className:o(`overflow-hidden p-0`,f),showCloseButton:p,children:s(u,{className:o(`**:[[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`**:[[cmdk-input]]:h-12`,`**:[[cmdk-item]]:px-2`,`**:[[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:d})})]})}function f({className:e,...t}){return c(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[s(a,{className:`size-4 shrink-0 opacity-50`}),s(l.Input,{"data-slot":`command-input`,className:o(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...t})]})}function p({className:e,...t}){return s(l.List,{"data-slot":`command-list`,className:o(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...t})}function m({...e}){return s(l.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function h({className:e,...t}){return s(l.Group,{"data-slot":`command-group`,className:o(`text-text-positive`,`overflow-hidden p-1`,`**:[[cmdk-group-heading]]:text-text-positive-weak`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:py-1.5`,`**:[[cmdk-group-heading]]:text-xs`,`**:[[cmdk-group-heading]]:font-medium`,e),...t})}function g({className:e,...t}){return s(l.Separator,{"data-slot":`command-separator`,className:o(`-mx-1 h-px bg-border-weak`,e),...t})}function _({className:e,...t}){return s(l.Item,{"data-slot":`command-item`,className:o(`relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300`,`active:ring-border`,`active:opacity-60`,`active:ring-4`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function v({className:e,...t}){return s(`span`,{"data-slot":`command-shortcut`,className:o(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}export{u as Command,d as CommandDialog,m as CommandEmpty,h as CommandGroup,f as CommandInput,_ as CommandItem,p as CommandList,g as CommandSeparator,v as CommandShortcut};
+"use client";import{Dialog as e,DialogContent as t,DialogDescription as n,DialogHeader as r,DialogTitle as i}from"./dialog.mjs";import{SearchIcon as a}from"lucide-react";import{cn as o}from"@customafk/react-toolkit/utils";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{Command as l}from"cmdk";function u({className:e,...t}){return s(l,{"data-slot":`command`,className:o(`flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive`,e),...t})}function d({title:a=`Command Palette`,description:l=`Search for a command to run...`,children:d,className:f,showCloseButton:p=!0,...m}){return c(e,{...m,children:[c(r,{className:`sr-only`,children:[s(i,{children:a}),s(n,{children:l})]}),s(t,{className:o(`overflow-hidden p-0`,f),showCloseButton:p,children:s(u,{className:o(`**:[[cmdk-group-heading]]:text-text-positive-muted`,`**:data-[slot=command-input-wrapper]:h-12`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group]]:px-2`,`[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0`,`[&_[cmdk-input-wrapper]_svg]:size-5`,`**:[[cmdk-input]]:h-12`,`**:[[cmdk-item]]:px-2`,`**:[[cmdk-item]]:py-3`,`[&_[cmdk-item]_svg]:size-5`),children:d})})]})}function f({className:e,...t}){return c(`div`,{"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-border-weak border-b px-3`,children:[s(a,{className:`size-4 shrink-0 opacity-50`}),s(l.Input,{"data-slot":`command-input`,className:o(`flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden`,`placeholder:text-text-positive-muted`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,e),...t})]})}function p({className:e,...t}){return s(l.List,{"data-slot":`command-list`,className:o(`max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden`,e),...t})}function m({...e}){return s(l.Empty,{"data-slot":`command-empty`,className:`py-6 text-center text-sm`,...e})}function h({className:e,...t}){return s(l.Group,{"data-slot":`command-group`,className:o(`text-text-positive`,`overflow-hidden p-1`,`**:[[cmdk-group-heading]]:text-text-positive-weak`,`**:[[cmdk-group-heading]]:px-2`,`**:[[cmdk-group-heading]]:py-1.5`,`**:[[cmdk-group-heading]]:text-xs`,`**:[[cmdk-group-heading]]:font-medium`,`**:[[cmdk-group-items]]:space-y-1`,e),...t})}function g({className:e,...t}){return s(l.Separator,{"data-slot":`command-separator`,className:o(`-mx-1 h-px bg-border-weak`,e),...t})}function _({className:e,...t}){return s(l.Item,{"data-slot":`command-item`,className:o(`relative flex cursor-pointer select-none items-center gap-2 rounded p-2.5 text-sm outline-hidden transition-all duration-300`,`active:ring-border`,`active:opacity-60`,`data-[selected=true]:bg-muted-muted`,`data-[selected=true]:text-text-positive-strong`,`data-[disabled=true]:opacity-50`,`data-[disabled=true]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-muted`,e),...t})}function v({className:e,...t}){return s(`span`,{"data-slot":`command-shortcut`,className:o(`ml-auto text-text-positive-muted text-xs tracking-widest`,e),...t})}export{u as Command,d as CommandDialog,m as CommandEmpty,h as CommandGroup,f as CommandInput,_ as CommandItem,p as CommandList,g as CommandSeparator,v as CommandShortcut};
 //# sourceMappingURL=command.mjs.map

package/dist/ui/command.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"command.mjs","names":["CommandPrimitive"],"sources":["../../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';\n\nimport { Command as CommandPrimitive } from 'cmdk';\n\n/**\n * A cmdk-powered command palette for searching and executing commands.\n *\n * @example\n * ```tsx\n * import {\n *   Command, CommandInput, CommandList, CommandEmpty,\n *   CommandGroup, CommandItem,\n * } from '@customafk/lunas-ui/ui/command';\n *\n * <Command>\n *   <CommandInput placeholder=\"Type a command…\" />\n *   <CommandList>\n *     <CommandEmpty>No results found.</CommandEmpty>\n *     <CommandGroup heading=\"Suggestions\">\n *       <CommandItem>Calendar</CommandItem>\n *       <CommandItem>Search</CommandItem>\n *     </CommandGroup>\n *   </CommandList>\n * </Command>\n * ```\n */\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * A Command palette rendered inside a Dialog overlay.\n *\n * @param title - Accessible title for the dialog (screen-reader only).\n * @param description - Accessible description for the dialog (screen-reader only).\n * @param showCloseButton - Whether to show the built-in close button on the dialog.\n */\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '**:[[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '**:[[cmdk-group-heading]]:px-2',\n            '**:[[cmdk-group-heading]]:font-medium',\n            '**:[[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2',\n            '**:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5'\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** Search input with a leading search icon that filters CommandItems in real time. */\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-border-weak border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/** Scrollable list that renders filtered CommandGroups and CommandItems. */\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden', className)} {...props} />;\n}\n\n/** Fallback message displayed when no CommandItems match the current search query. */\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />;\n}\n\n/** Groups CommandItems under an optional heading label. */\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '**:[[cmdk-group-heading]]:text-text-positive-weak',\n        '**:[[cmdk-group-heading]]:px-2',\n        '**:[[cmdk-group-heading]]:py-1.5',\n        '**:[[cmdk-group-heading]]:text-xs',\n        '**:[[cmdk-group-heading]]:font-medium',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups in a CommandList. */\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('-mx-1 h-px bg-border-weak', className)} {...props} />;\n}\n\n/** A selectable row inside a CommandGroup that is highlighted when active or hovered. */\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center gap-2 rounded-md p-2.5 text-sm outline-hidden transition-all duration-300',\n        'active:ring-border',\n        'active:opacity-60',\n        'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a CommandItem. */\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"+SAgCA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAACA,EAAD,CACE,YAAU,UACV,UAAW,EAAG,sGAAuG,CAAS,EAC9H,GAAI,CACL,CAAA,CAEL,CASA,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAC,EAAD,CAAQ,GAAI,WAAZ,CACE,EAAC,EAAD,CAAc,UAAU,mBAAxB,CACE,EAAC,EAAD,CAAA,SAAc,CAAmB,CAAA,EACjC,EAAC,EAAD,CAAA,SAAoB,CAA+B,CAAA,CACvC,IACd,EAAC,EAAD,CAAe,UAAW,EAAG,sBAAuB,CAAS,EAAoB,2BAC/E,EAAC,EAAD,CACE,UAAW,EACT,qDACA,4CACA,iCACA,wCACA,yBACA,oDACA,sCACA,yBACA,wBACA,wBACA,4BACF,EAEC,UACM,CAAA,CACI,CAAA,CACT,GAEZ,CAGA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAC,MAAD,CAAK,YAAU,wBAAwB,UAAU,wEAAjD,CACE,EAAC,EAAD,CAAY,UAAU,4BAA8B,CAAA,EACpD,EAACA,EAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EACT,yEACA,uCACA,8BACA,sBACA,CACF,EACA,GAAI,CACL,CAAA,CACE,GAET,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAiB,KAAlB,CAAuB,YAAU,eAAe,UAAW,EAAG,yDAA0D,CAAS,EAAG,GAAI,CAAQ,CAAA,CACzJ,CAGA,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAiB,MAAlB,CAAwB,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,CAAQ,CAAA,CAC5G,CAGA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EACT,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAiB,UAAlB,CAA4B,YAAU,oBAAoB,UAAW,EAAG,4BAA6B,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtI,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAACA,EAAiB,KAAlB,CACE,YAAU,eACV,UAAW,EACT,kIACA,qBACA,oBACA,gBACA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAC,OAAD,CAAM,YAAU,mBAAmB,UAAW,EAAG,2DAA4D,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC9I"}
+{"version":3,"file":"command.mjs","names":["CommandPrimitive"],"sources":["../../packages/components/ui/command.tsx"],"sourcesContent":["'use client';\n\nimport { SearchIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '@/components/ui/dialog';\n\nimport { Command as CommandPrimitive } from 'cmdk';\n\n/**\n * A cmdk-powered command palette for searching and executing commands.\n *\n * @example\n * ```tsx\n * import {\n *   Command, CommandInput, CommandList, CommandEmpty,\n *   CommandGroup, CommandItem,\n * } from '@customafk/lunas-ui/ui/command';\n *\n * <Command>\n *   <CommandInput placeholder=\"Type a command…\" />\n *   <CommandList>\n *     <CommandEmpty>No results found.</CommandEmpty>\n *     <CommandGroup heading=\"Suggestions\">\n *       <CommandItem>Calendar</CommandItem>\n *       <CommandItem>Search</CommandItem>\n *     </CommandGroup>\n *   </CommandList>\n * </Command>\n * ```\n */\nfunction Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn('flex size-full flex-col overflow-hidden rounded-md border-border-weak bg-popover text-text-positive', className)}\n      {...props}\n    />\n  );\n}\n\n/**\n * A Command palette rendered inside a Dialog overlay.\n *\n * @param title - Accessible title for the dialog (screen-reader only).\n * @param description - Accessible description for the dialog (screen-reader only).\n * @param showCloseButton - Whether to show the built-in close button on the dialog.\n */\nfunction CommandDialog({\n  title = 'Command Palette',\n  description = 'Search for a command to run...',\n  children,\n  className,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string;\n  description?: string;\n  className?: string;\n  showCloseButton?: boolean;\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className={cn('overflow-hidden p-0', className)} showCloseButton={showCloseButton}>\n        <Command\n          className={cn(\n            '**:[[cmdk-group-heading]]:text-text-positive-muted',\n            '**:data-[slot=command-input-wrapper]:h-12',\n            '**:[[cmdk-group-heading]]:px-2',\n            '**:[[cmdk-group-heading]]:font-medium',\n            '**:[[cmdk-group]]:px-2',\n            '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0',\n            '[&_[cmdk-input-wrapper]_svg]:size-5',\n            '**:[[cmdk-input]]:h-12',\n            '**:[[cmdk-item]]:px-2',\n            '**:[[cmdk-item]]:py-3',\n            '[&_[cmdk-item]_svg]:size-5'\n          )}\n        >\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n/** Search input with a leading search icon that filters CommandItems in real time. */\nfunction CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div data-slot=\"command-input-wrapper\" className=\"flex h-9 items-center gap-2 border-border-weak border-b px-3\">\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden',\n          'placeholder:text-text-positive-muted',\n          'disabled:cursor-not-allowed',\n          'disabled:opacity-50',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/** Scrollable list that renders filtered CommandGroups and CommandItems. */\nfunction CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return <CommandPrimitive.List data-slot=\"command-list\" className={cn('max-h-80 scroll-py-1 overflow-y-auto overflow-x-hidden', className)} {...props} />;\n}\n\n/** Fallback message displayed when no CommandItems match the current search query. */\nfunction CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return <CommandPrimitive.Empty data-slot=\"command-empty\" className=\"py-6 text-center text-sm\" {...props} />;\n}\n\n/** Groups CommandItems under an optional heading label. */\nfunction CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        'text-text-positive',\n        'overflow-hidden p-1',\n        '**:[[cmdk-group-heading]]:text-text-positive-weak',\n        '**:[[cmdk-group-heading]]:px-2',\n        '**:[[cmdk-group-heading]]:py-1.5',\n        '**:[[cmdk-group-heading]]:text-xs',\n        '**:[[cmdk-group-heading]]:font-medium',\n        '**:[[cmdk-group-items]]:space-y-1',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups in a CommandList. */\nfunction CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return <CommandPrimitive.Separator data-slot=\"command-separator\" className={cn('-mx-1 h-px bg-border-weak', className)} {...props} />;\n}\n\n/** A selectable row inside a CommandGroup that is highlighted when active or hovered. */\nfunction CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        'relative flex cursor-pointer select-none items-center gap-2 rounded p-2.5 text-sm outline-hidden transition-all duration-300',\n        'active:ring-border',\n        'active:opacity-60',\n        // 'active:ring-4',\n        'data-[selected=true]:bg-muted-muted',\n        'data-[selected=true]:text-text-positive-strong',\n        'data-[disabled=true]:opacity-50',\n        'data-[disabled=true]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-muted\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a CommandItem. */\nfunction CommandShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"command-shortcut\" className={cn('ml-auto text-text-positive-muted text-xs tracking-widest', className)} {...props} />;\n}\n\nexport { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };\n"],"mappings":"+SAgCA,SAAS,EAAQ,CAAE,YAAW,GAAG,GAAwD,CACvF,OACE,EAACA,EAAD,CACE,YAAU,UACV,UAAW,EAAG,sGAAuG,CAAS,EAC9H,GAAI,CACL,CAAA,CAEL,CASA,SAAS,EAAc,CACrB,QAAQ,kBACR,cAAc,iCACd,WACA,YACA,kBAAkB,GAClB,GAAG,GAMF,CACD,OACE,EAAC,EAAD,CAAQ,GAAI,EAAZ,SAAA,CACE,EAAC,EAAD,CAAc,UAAU,UAAxB,SAAA,CACE,EAAC,EAAD,CAAA,SAAc,CAAmB,CAAA,EACjC,EAAC,EAAD,CAAA,SAAoB,CAA+B,CAAA,CACvC,CACd,CAAA,EAAA,EAAC,EAAD,CAAe,UAAW,EAAG,sBAAuB,CAAS,EAAoB,kBAC/E,SAAA,EAAC,EAAD,CACE,UAAW,EACT,qDACA,4CACA,iCACA,wCACA,yBACA,oDACA,sCACA,yBACA,wBACA,wBACA,4BACF,EAEC,UACM,CAAA,CACI,CAAA,CACT,GAEZ,CAGA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAAC,MAAD,CAAK,YAAU,wBAAwB,UAAU,+DAAjD,SAAA,CACE,EAAC,EAAD,CAAY,UAAU,4BAA8B,CAAA,EACpD,EAACA,EAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EACT,yEACA,uCACA,8BACA,sBACA,CACF,EACA,GAAI,CACL,CAAA,CACE,GAET,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAiB,KAAlB,CAAuB,YAAU,eAAe,UAAW,EAAG,yDAA0D,CAAS,EAAG,GAAI,CAAQ,CAAA,CACzJ,CAGA,SAAS,EAAa,CAAE,GAAG,GAA8D,CACvF,OAAO,EAACA,EAAiB,MAAlB,CAAwB,YAAU,gBAAgB,UAAU,2BAA2B,GAAI,CAAQ,CAAA,CAC5G,CAGA,SAAS,EAAa,CAAE,YAAW,GAAG,GAA8D,CAClG,OACE,EAACA,EAAiB,MAAlB,CACE,YAAU,gBACV,UAAW,EACT,qBACA,sBACA,oDACA,iCACA,mCACA,oCACA,wCACA,oCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAiB,CAAE,YAAW,GAAG,GAAkE,CAC1G,OAAO,EAACA,EAAiB,UAAlB,CAA4B,YAAU,oBAAoB,UAAW,EAAG,4BAA6B,CAAS,EAAG,GAAI,CAAQ,CAAA,CACtI,CAGA,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAACA,EAAiB,KAAlB,CACE,YAAU,eACV,UAAW,EACT,+HACA,qBACA,oBAEA,sCACA,iDACA,kCACA,2CACA,mBACA,8BACA,uCACA,yDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAGA,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAuC,CAC9E,OAAO,EAAC,OAAD,CAAM,YAAU,mBAAmB,UAAW,EAAG,2DAA4D,CAAS,EAAG,GAAI,CAAQ,CAAA,CAC9I"}

package/dist/ui/context-menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.cjs","names":["ContextMenuPrimitive","ChevronRightIcon","CheckIcon","CircleIcon"],"sources":["../../packages/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { ContextMenu as ContextMenuPrimitive } from 'radix-ui';\n\n/**\n * Root provider for the ContextMenu — revealed on right-click (or long-press) of the trigger area.\n *\n * @example\n * ```tsx\n * import {\n *   ContextMenu, ContextMenuTrigger, ContextMenuContent,\n *   ContextMenuItem, ContextMenuLabel, ContextMenuSeparator,\n * } from '@customafk/lunas-ui/ui/context-menu';\n *\n * <ContextMenu>\n *   <ContextMenuTrigger>Right-click me</ContextMenuTrigger>\n *   <ContextMenuContent>\n *     <ContextMenuLabel>Actions</ContextMenuLabel>\n *     <ContextMenuSeparator />\n *     <ContextMenuItem>Copy</ContextMenuItem>\n *     <ContextMenuItem variant=\"destructive\">Delete</ContextMenuItem>\n *   </ContextMenuContent>\n * </ContextMenu>\n * ```\n */\nfunction ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\n/** The area that listens for right-click to open the ContextMenu. */\nfunction ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n  return <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />;\n}\n\n/** Groups related ContextMenuItems under a shared logical section. */\nfunction ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n  return <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />;\n}\n\n/** Portals ContextMenu content outside the current DOM hierarchy. */\nfunction ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n  return <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />;\n}\n\n/** Root container for a nested sub-menu inside a ContextMenu. */\nfunction ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\n/** Groups ContextMenuRadioItems so only one can be selected at a time. */\nfunction ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n  return <ContextMenuPrimitive.RadioGroup data-slot=\"context-menu-radio-group\" {...props} />;\n}\n\n/**\n * Menu item that reveals a nested ContextMenuSubContent on hover or activation.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\n/** Floating panel that contains the items of a nested ContextMenu sub-menu. */\nfunction ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Animated floating panel that contains the context menu items. */\nfunction ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Content\n        data-slot=\"context-menu-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\n/**\n * A single clickable row inside a ContextMenuContent.\n *\n * @param inset - When true, adds left padding to align with items that have icons.\n * @param variant - Visual style: `'default'` or `'destructive'`.\n */\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A checkable context menu item that displays a checkmark when selected. */\nfunction ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** A radio-button context menu item; shows a filled circle when selected. */\nfunction ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        'relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none',\n        'focus:bg-accent',\n        'focus:text-accent-foreground',\n        'data-[disabled]:pointer-events-none',\n        'data-[disabled]:opacity-50',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\n/**\n * Non-interactive label used to describe a group of context menu items.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn('text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups of context menu items. */\nfunction ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n  return <ContextMenuPrimitive.Separator data-slot=\"context-menu-separator\" className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />;\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a context menu item. */\nfunction ContextMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"context-menu-shortcut\" className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n};\n"],"mappings":"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"}
+{"version":3,"file":"context-menu.cjs","names":["ContextMenuPrimitive","ChevronRightIcon","CheckIcon","CircleIcon"],"sources":["../../packages/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { ContextMenu as ContextMenuPrimitive } from 'radix-ui';\n\n/**\n * Root provider for the ContextMenu — revealed on right-click (or long-press) of the trigger area.\n *\n * @example\n * ```tsx\n * import {\n *   ContextMenu, ContextMenuTrigger, ContextMenuContent,\n *   ContextMenuItem, ContextMenuLabel, ContextMenuSeparator,\n * } from '@customafk/lunas-ui/ui/context-menu';\n *\n * <ContextMenu>\n *   <ContextMenuTrigger>Right-click me</ContextMenuTrigger>\n *   <ContextMenuContent>\n *     <ContextMenuLabel>Actions</ContextMenuLabel>\n *     <ContextMenuSeparator />\n *     <ContextMenuItem>Copy</ContextMenuItem>\n *     <ContextMenuItem variant=\"destructive\">Delete</ContextMenuItem>\n *   </ContextMenuContent>\n * </ContextMenu>\n * ```\n */\nfunction ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\n/** The area that listens for right-click to open the ContextMenu. */\nfunction ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n  return <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />;\n}\n\n/** Groups related ContextMenuItems under a shared logical section. */\nfunction ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n  return <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />;\n}\n\n/** Portals ContextMenu content outside the current DOM hierarchy. */\nfunction ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n  return <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />;\n}\n\n/** Root container for a nested sub-menu inside a ContextMenu. */\nfunction ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\n/** Groups ContextMenuRadioItems so only one can be selected at a time. */\nfunction ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n  return <ContextMenuPrimitive.RadioGroup data-slot=\"context-menu-radio-group\" {...props} />;\n}\n\n/**\n * Menu item that reveals a nested ContextMenuSubContent on hover or activation.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\n/** Floating panel that contains the items of a nested ContextMenu sub-menu. */\nfunction ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Animated floating panel that contains the context menu items. */\nfunction ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Content\n        data-slot=\"context-menu-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\n/**\n * A single clickable row inside a ContextMenuContent.\n *\n * @param inset - When true, adds left padding to align with items that have icons.\n * @param variant - Visual style: `'default'` or `'destructive'`.\n */\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A checkable context menu item that displays a checkmark when selected. */\nfunction ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** A radio-button context menu item; shows a filled circle when selected. */\nfunction ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        'relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none',\n        'focus:bg-accent',\n        'focus:text-accent-foreground',\n        'data-[disabled]:pointer-events-none',\n        'data-[disabled]:opacity-50',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\n/**\n * Non-interactive label used to describe a group of context menu items.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn('text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups of context menu items. */\nfunction ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n  return <ContextMenuPrimitive.Separator data-slot=\"context-menu-separator\" className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />;\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a context menu item. */\nfunction ContextMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"context-menu-shortcut\" className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n};\n"],"mappings":"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"}

package/dist/ui/context-menu.d.cts

@@ -1,2 +1,2 @@
-import { a as ContextMenuItem, c as ContextMenuRadioGroup, d as ContextMenuShortcut, f as ContextMenuSub, h as ContextMenuTrigger, i as ContextMenuGroup, l as ContextMenuRadioItem, m as ContextMenuSubTrigger, n as ContextMenuCheckboxItem, o as ContextMenuLabel, p as ContextMenuSubContent, r as ContextMenuContent, s as ContextMenuPortal, t as ContextMenu, u as ContextMenuSeparator } from "../context-menu-BOlGSuep.cjs";
+import { a as ContextMenuItem, c as ContextMenuRadioGroup, d as ContextMenuShortcut, f as ContextMenuSub, h as ContextMenuTrigger, i as ContextMenuGroup, l as ContextMenuRadioItem, m as ContextMenuSubTrigger, n as ContextMenuCheckboxItem, o as ContextMenuLabel, p as ContextMenuSubContent, r as ContextMenuContent, s as ContextMenuPortal, t as ContextMenu, u as ContextMenuSeparator } from "../context-menu-z_-DdL8k.cjs";
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/ui/context-menu.d.mts

@@ -1,2 +1,2 @@
-import { a as ContextMenuItem, c as ContextMenuRadioGroup, d as ContextMenuShortcut, f as ContextMenuSub, h as ContextMenuTrigger, i as ContextMenuGroup, l as ContextMenuRadioItem, m as ContextMenuSubTrigger, n as ContextMenuCheckboxItem, o as ContextMenuLabel, p as ContextMenuSubContent, r as ContextMenuContent, s as ContextMenuPortal, t as ContextMenu, u as ContextMenuSeparator } from "../context-menu-BOlGSuep.mjs";
+import { a as ContextMenuItem, c as ContextMenuRadioGroup, d as ContextMenuShortcut, f as ContextMenuSub, h as ContextMenuTrigger, i as ContextMenuGroup, l as ContextMenuRadioItem, m as ContextMenuSubTrigger, n as ContextMenuCheckboxItem, o as ContextMenuLabel, p as ContextMenuSubContent, r as ContextMenuContent, s as ContextMenuPortal, t as ContextMenu, u as ContextMenuSeparator } from "../context-menu-z_-DdL8k.mjs";
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/ui/context-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.mjs","names":["ContextMenuPrimitive"],"sources":["../../packages/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { ContextMenu as ContextMenuPrimitive } from 'radix-ui';\n\n/**\n * Root provider for the ContextMenu — revealed on right-click (or long-press) of the trigger area.\n *\n * @example\n * ```tsx\n * import {\n *   ContextMenu, ContextMenuTrigger, ContextMenuContent,\n *   ContextMenuItem, ContextMenuLabel, ContextMenuSeparator,\n * } from '@customafk/lunas-ui/ui/context-menu';\n *\n * <ContextMenu>\n *   <ContextMenuTrigger>Right-click me</ContextMenuTrigger>\n *   <ContextMenuContent>\n *     <ContextMenuLabel>Actions</ContextMenuLabel>\n *     <ContextMenuSeparator />\n *     <ContextMenuItem>Copy</ContextMenuItem>\n *     <ContextMenuItem variant=\"destructive\">Delete</ContextMenuItem>\n *   </ContextMenuContent>\n * </ContextMenu>\n * ```\n */\nfunction ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\n/** The area that listens for right-click to open the ContextMenu. */\nfunction ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n  return <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />;\n}\n\n/** Groups related ContextMenuItems under a shared logical section. */\nfunction ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n  return <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />;\n}\n\n/** Portals ContextMenu content outside the current DOM hierarchy. */\nfunction ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n  return <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />;\n}\n\n/** Root container for a nested sub-menu inside a ContextMenu. */\nfunction ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\n/** Groups ContextMenuRadioItems so only one can be selected at a time. */\nfunction ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n  return <ContextMenuPrimitive.RadioGroup data-slot=\"context-menu-radio-group\" {...props} />;\n}\n\n/**\n * Menu item that reveals a nested ContextMenuSubContent on hover or activation.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\n/** Floating panel that contains the items of a nested ContextMenu sub-menu. */\nfunction ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Animated floating panel that contains the context menu items. */\nfunction ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Content\n        data-slot=\"context-menu-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\n/**\n * A single clickable row inside a ContextMenuContent.\n *\n * @param inset - When true, adds left padding to align with items that have icons.\n * @param variant - Visual style: `'default'` or `'destructive'`.\n */\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A checkable context menu item that displays a checkmark when selected. */\nfunction ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** A radio-button context menu item; shows a filled circle when selected. */\nfunction ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        'relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none',\n        'focus:bg-accent',\n        'focus:text-accent-foreground',\n        'data-[disabled]:pointer-events-none',\n        'data-[disabled]:opacity-50',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\n/**\n * Non-interactive label used to describe a group of context menu items.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn('text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups of context menu items. */\nfunction ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n  return <ContextMenuPrimitive.Separator data-slot=\"context-menu-separator\" className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />;\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a context menu item. */\nfunction ContextMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"context-menu-shortcut\" className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n};\n"],"mappings":"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"}
+{"version":3,"file":"context-menu.mjs","names":["ContextMenuPrimitive"],"sources":["../../packages/components/ui/context-menu.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { ContextMenu as ContextMenuPrimitive } from 'radix-ui';\n\n/**\n * Root provider for the ContextMenu — revealed on right-click (or long-press) of the trigger area.\n *\n * @example\n * ```tsx\n * import {\n *   ContextMenu, ContextMenuTrigger, ContextMenuContent,\n *   ContextMenuItem, ContextMenuLabel, ContextMenuSeparator,\n * } from '@customafk/lunas-ui/ui/context-menu';\n *\n * <ContextMenu>\n *   <ContextMenuTrigger>Right-click me</ContextMenuTrigger>\n *   <ContextMenuContent>\n *     <ContextMenuLabel>Actions</ContextMenuLabel>\n *     <ContextMenuSeparator />\n *     <ContextMenuItem>Copy</ContextMenuItem>\n *     <ContextMenuItem variant=\"destructive\">Delete</ContextMenuItem>\n *   </ContextMenuContent>\n * </ContextMenu>\n * ```\n */\nfunction ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n  return <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\n/** The area that listens for right-click to open the ContextMenu. */\nfunction ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n  return <ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />;\n}\n\n/** Groups related ContextMenuItems under a shared logical section. */\nfunction ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n  return <ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />;\n}\n\n/** Portals ContextMenu content outside the current DOM hierarchy. */\nfunction ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n  return <ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />;\n}\n\n/** Root container for a nested sub-menu inside a ContextMenu. */\nfunction ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n  return <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\n/** Groups ContextMenuRadioItems so only one can be selected at a time. */\nfunction ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n  return <ContextMenuPrimitive.RadioGroup data-slot=\"context-menu-radio-group\" {...props} />;\n}\n\n/**\n * Menu item that reveals a nested ContextMenuSubContent on hover or activation.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction ContextMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      data-slot=\"context-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto\" />\n    </ContextMenuPrimitive.SubTrigger>\n  );\n}\n\n/** Floating panel that contains the items of a nested ContextMenu sub-menu. */\nfunction ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n  return (\n    <ContextMenuPrimitive.SubContent\n      data-slot=\"context-menu-sub-content\"\n      className={cn(\n        'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Animated floating panel that contains the context menu items. */\nfunction ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n  return (\n    <ContextMenuPrimitive.Portal>\n      <ContextMenuPrimitive.Content\n        data-slot=\"context-menu-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n          className\n        )}\n        {...props}\n      />\n    </ContextMenuPrimitive.Portal>\n  );\n}\n\n/**\n * A single clickable row inside a ContextMenuContent.\n *\n * @param inset - When true, adds left padding to align with items that have icons.\n * @param variant - Visual style: `'default'` or `'destructive'`.\n */\nfunction ContextMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <ContextMenuPrimitive.Item\n      data-slot=\"context-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** A checkable context menu item that displays a checkmark when selected. */\nfunction ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      data-slot=\"context-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n}\n\n/** A radio-button context menu item; shows a filled circle when selected. */\nfunction ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n  return (\n    <ContextMenuPrimitive.RadioItem\n      data-slot=\"context-menu-radio-item\"\n      className={cn(\n        'relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none',\n        'focus:bg-accent',\n        'focus:text-accent-foreground',\n        'data-[disabled]:pointer-events-none',\n        'data-[disabled]:opacity-50',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <ContextMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </ContextMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </ContextMenuPrimitive.RadioItem>\n  );\n}\n\n/**\n * Non-interactive label used to describe a group of context menu items.\n *\n * @param inset - When true, adds left padding to align with inset items.\n */\nfunction ContextMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <ContextMenuPrimitive.Label\n      data-slot=\"context-menu-label\"\n      data-inset={inset}\n      className={cn('text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\n/** Horizontal dividing line between groups of context menu items. */\nfunction ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n  return <ContextMenuPrimitive.Separator data-slot=\"context-menu-separator\" className={cn('bg-border -mx-1 my-1 h-px', className)} {...props} />;\n}\n\n/** Displays a keyboard shortcut hint aligned to the right of a context menu item. */\nfunction ContextMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return <span data-slot=\"context-menu-shortcut\" className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)} {...props} />;\n}\n\nexport {\n  ContextMenu,\n  ContextMenuCheckboxItem,\n  ContextMenuContent,\n  ContextMenuGroup,\n  ContextMenuItem,\n  ContextMenuLabel,\n  ContextMenuPortal,\n  ContextMenuRadioGroup,\n  ContextMenuRadioItem,\n  ContextMenuSeparator,\n  ContextMenuShortcut,\n  ContextMenuSub,\n  ContextMenuSubContent,\n  ContextMenuSubTrigger,\n  ContextMenuTrigger,\n};\n"],"mappings":"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"}