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

package/dist/chunk-7IKX4AFY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/ComboChart/ComboChart.tsx"],"names":["data","props"],"mappings":"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","file":"chunk-7IKX4AFY.js","sourcesContent":["\"use client\"\n\nimport type {\n  ComboChartBarSeriesConfig,\n  ComboChartLineSeriesConfig,\n  ComboChartProps,\n  ComboChartTooltipCallbackProps,\n} from \"./ComboChart.types\"\n\nimport * as React from \"react\"\nimport {\n  Bar,\n  CartesianGrid,\n  ComposedChart,\n  Label,\n  Line,\n  XAxis,\n  YAxis,\n} from \"recharts\"\n\nimport { cn } from \"../../../lib/utils\"\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n} from \"../Chart\"\n\n/**\n * Normalize bar series to ComboChartBarSeriesConfig format\n */\nfunction normalizeBarSeriesConfig(\n  series: (ComboChartBarSeriesConfig | string)[]\n): ComboChartBarSeriesConfig[] {\n  return series.map((s) =>\n    typeof s === \"string\" ? { dataKey: s } : s\n  )\n}\n\n/**\n * Normalize line series to ComboChartLineSeriesConfig format\n */\n// eslint-disable-next-line sonarjs/no-identical-functions -- Intentional: separate functions for type safety with different generic types\nfunction normalizeLineSeriesConfig(\n  series: (ComboChartLineSeriesConfig | string)[]\n): ComboChartLineSeriesConfig[] {\n  return series.map((s) =>\n    typeof s === \"string\" ? { dataKey: s } : s\n  )\n}\n\n/**\n * ComboChart - Data visualization combining bars and lines\n *\n * Displays multiple data series using different chart types (bars and lines)\n * in the same chart. Supports biaxial mode with separate Y-axes for each\n * series type. Ideal for comparing metrics with different scales or\n * showing both totals and rates together.\n *\n * @example\n * ```tsx\n * const data = [\n *   { month: \"Jan\", revenue: 186000, growth: 12 },\n *   { month: \"Feb\", revenue: 305000, growth: 18 },\n * ]\n *\n * const config = {\n *   revenue: { label: \"Revenue\", color: \"hsl(var(--chart-1))\" },\n *   growth: { label: \"Growth %\", color: \"hsl(var(--chart-2))\" },\n * }\n *\n * <ComboChart\n *   data={data}\n *   config={config}\n *   xAxisKey=\"month\"\n *   barSeries={{ series: [\"revenue\"] }}\n *   lineSeries={{ series: [\"growth\"] }}\n *   enableBiaxial\n * />\n * ```\n */\nexport function ComboChart({\n  barGap = 4,\n  barRadius = 4,\n  barSeries,\n  className,\n  config,\n  data,\n  enableBiaxial = false,\n  enableLegendSlider = false,\n  gridDashArray = \"3 3\",\n  intervalType,\n  legendPosition = \"bottom\",\n  lineSeries,\n  onValueChange,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  showXAxis = true,\n  startEndOnly = false,\n  tickGap,\n  tooltipCallback,\n  tooltipIndicator = \"dot\",\n  xAxisKey,\n  xAxisLabel,\n  xAxisTickFormatter,\n  ...props\n}: ComboChartProps) {\n  const normalizedBarSeries = normalizeBarSeriesConfig(barSeries.series)\n  const normalizedLineSeries = lineSeries ? normalizeLineSeriesConfig(lineSeries.series) : []\n  const isStacked = barSeries.variant === \"stacked\"\n  const prevTooltipStateRef = React.useRef<boolean>(false)\n\n  // Determine if we should show Y-axes\n  const showBarYAxis = barSeries.showYAxis !== false\n  const showLineYAxis = lineSeries?.showYAxis !== false && enableBiaxial\n\n  // Handle bar click for onValueChange\n  const handleBarClick = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (dataKey: string) => (data: any) => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      if (!onValueChange || !data?.payload) return\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n      const payload = data.payload as Record<string, unknown>\n      const value = payload[dataKey]\n      onValueChange({\n        category: payload[xAxisKey],\n        dataKey,\n        payload,\n        seriesType: \"bar\",\n        value: typeof value === \"number\" ? value : 0,\n      })\n    },\n    [onValueChange, xAxisKey]\n  )\n\n  // Handle line dot click for onValueChange\n  const handleDotClick = React.useCallback(\n    (dataKey: string) => (data: { payload: Record<string, unknown> }) => {\n      if (!onValueChange) return\n      const payload = data.payload\n      const value = payload[dataKey]\n      onValueChange({\n        category: payload[xAxisKey],\n        dataKey,\n        payload,\n        seriesType: \"line\",\n        value: typeof value === \"number\" ? value : 0,\n      })\n    },\n    [onValueChange, xAxisKey]\n  )\n\n  /* eslint-disable react-hooks/static-components, @eslint-react/no-nested-component-definitions, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- Intentional: memoized render function with Recharts any-typed props */\n  // Custom tooltip content wrapper for tooltipCallback\n  const TooltipContentWithCallback = React.useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    (props: any) => {\n      const { active = false, label, payload } = props\n\n      // Call tooltipCallback when state changes\n      if (tooltipCallback && active !== prevTooltipStateRef.current) {\n        prevTooltipStateRef.current = active\n\n        // Determine series type for each payload item\n        const barDataKeys = new Set(normalizedBarSeries.map((s) => s.dataKey))\n\n        tooltipCallback({\n          active,\n          label,\n          payload: payload?.map((p: { dataKey: number | string; payload: Record<string, unknown>; value: number; }) => ({\n            dataKey: String(p.dataKey),\n            payload: p.payload,\n            seriesType: barDataKeys.has(String(p.dataKey)) ? \"bar\" : \"line\",\n            value: p.value,\n          })),\n        } as ComboChartTooltipCallbackProps)\n      }\n\n      return <ChartTooltipContent indicator={tooltipIndicator} {...props} />\n    },\n    [normalizedBarSeries, tooltipCallback, tooltipIndicator]\n  )\n\n  // Calculate bar Y-axis domain\n  const barYDomain = React.useMemo(() => {\n    const min = barSeries.minValue ?? (barSeries.autoMinValue ? \"auto\" : 0)\n    const max = barSeries.maxValue ?? \"auto\"\n    return [min, max] as const\n  }, [barSeries.autoMinValue, barSeries.maxValue, barSeries.minValue])\n\n  // Calculate line Y-axis domain\n  const lineYDomain = React.useMemo(() => {\n    if (!lineSeries) return [0, \"auto\"] as const\n    const min = lineSeries.minValue ?? (lineSeries.autoMinValue ? \"auto\" : 0)\n    const max = lineSeries.maxValue ?? \"auto\"\n    return [min, max] as const\n  }, [lineSeries])\n\n  // Calculate X-axis ticks for startEndOnly\n  const xAxisTicks = React.useMemo(() => {\n    if (!startEndOnly || data.length < 2) return\n    const first = data[0]\n    const last = data[data.length - 1]\n    if (!first || !last) return\n    return [first[xAxisKey], last[xAxisKey]] as string[]\n  }, [data, startEndOnly, xAxisKey])\n\n  // Calculate margins based on labels\n  const margins = React.useMemo(() => {\n    let left = 12\n    let right = 12\n\n    if (barSeries.yAxisLabel) left = 20\n    if (enableBiaxial && lineSeries?.yAxisLabel) right = 20\n\n    return {\n      bottom: xAxisLabel ? 20 : 0,\n      left,\n      right,\n    }\n  }, [barSeries.yAxisLabel, enableBiaxial, lineSeries?.yAxisLabel, xAxisLabel])\n\n  return (\n    <div data-slot=\"combo-chart\" {...props}>\n      <ChartContainer\n        className={cn(className)}\n        config={config}\n      >\n        <ComposedChart\n          accessibilityLayer\n          barGap={barGap}\n          data={data}\n          margin={margins}\n        >\n          {showGrid && (\n            <CartesianGrid strokeDasharray={gridDashArray} vertical={false} />\n          )}\n\n          {showXAxis && (\n            <XAxis\n              axisLine={false}\n              dataKey={xAxisKey}\n              interval={intervalType}\n              minTickGap={tickGap}\n              tickFormatter={xAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              ticks={xAxisTicks}\n            >\n              {xAxisLabel && (\n                <Label offset={-5} position=\"insideBottom\" value={xAxisLabel} />\n              )}\n            </XAxis>\n          )}\n\n          {/* Left Y-axis (bars) */}\n          {showBarYAxis && (\n            <YAxis\n              axisLine={false}\n              domain={barYDomain}\n              orientation=\"left\"\n              tickFormatter={barSeries.yAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              width={barSeries.yAxisWidth}\n              yAxisId=\"left\"\n            >\n              {barSeries.yAxisLabel && (\n                <Label angle={-90} offset={-5} position=\"insideLeft\" value={barSeries.yAxisLabel} />\n              )}\n            </YAxis>\n          )}\n\n          {/* Right Y-axis (lines) - only in biaxial mode */}\n          {showLineYAxis && lineSeries && (\n            <YAxis\n              axisLine={false}\n              domain={lineYDomain}\n              orientation=\"right\"\n              tickFormatter={lineSeries.yAxisTickFormatter}\n              tickLine={false}\n              tickMargin={8}\n              width={lineSeries.yAxisWidth}\n              yAxisId=\"right\"\n            >\n              {lineSeries.yAxisLabel && (\n                <Label angle={90} offset={-5} position=\"insideRight\" value={lineSeries.yAxisLabel} />\n              )}\n            </YAxis>\n          )}\n\n          {showTooltip && (\n            <ChartTooltip\n              content={\n                tooltipCallback\n                  ? <TooltipContentWithCallback />\n                  : <ChartTooltipContent indicator={tooltipIndicator} />\n              }\n              cursor={false}\n            />\n          )}\n\n          {showLegend && (\n            <ChartLegend\n              align={legendPosition === \"left\" ? \"left\" : legendPosition === \"right\" ? \"right\" : \"center\"}\n              content={<ChartLegendContent enableSlider={enableLegendSlider} />}\n              layout={legendPosition === \"left\" || legendPosition === \"right\" ? \"vertical\" : \"horizontal\"}\n              verticalAlign={legendPosition === \"top\" ? \"top\" : legendPosition === \"bottom\" ? \"bottom\" : \"middle\"}\n            />\n          )}\n\n          {/* Render bar series */}\n          {normalizedBarSeries.map((seriesConfig) => {\n            const { dataKey, radius: seriesRadius, stackId } = seriesConfig\n            const fill = `var(--color-${dataKey})`\n            const finalRadius = seriesRadius ?? barRadius\n\n            return (\n              <Bar\n                key={dataKey}\n                dataKey={dataKey}\n                fill={fill}\n                radius={finalRadius}\n                stackId={isStacked ? \"combo-stack\" : stackId}\n                style={onValueChange ? { cursor: \"pointer\" } : undefined}\n                yAxisId=\"left\"\n                onClick={onValueChange ? handleBarClick(dataKey) : undefined}\n              />\n            )\n          })}\n\n          {/* Render line series */}\n          {lineSeries && normalizedLineSeries.map((seriesConfig) => {\n            const {\n              activeDot: seriesActiveDot,\n              dataKey,\n              dot: seriesDot,\n              strokeDasharray,\n              strokeOpacity,\n              strokeWidth: seriesStrokeWidth,\n            } = seriesConfig\n\n            const stroke = `var(--color-${dataKey})`\n            const finalDot = seriesDot ?? lineSeries.dot ?? false\n            const finalStrokeWidth = seriesStrokeWidth ?? lineSeries.strokeWidth ?? 2\n            const curveType = lineSeries.curveType ?? \"monotone\"\n\n            // Merge activeDot config with click handler\n            const baseActiveDot = seriesActiveDot ?? lineSeries.activeDot ?? { r: 6 }\n            const finalActiveDot = onValueChange\n              ? typeof baseActiveDot === \"object\"\n                ? { ...baseActiveDot, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n                : !baseActiveDot\n                  ? false\n                  : { r: 6, onClick: handleDotClick(dataKey), style: { cursor: \"pointer\" } }\n              : baseActiveDot\n\n            return (\n              <Line\n                key={dataKey}\n                activeDot={finalActiveDot}\n                connectNulls={lineSeries.connectNulls}\n                dataKey={dataKey}\n                dot={finalDot}\n                stroke={stroke}\n                strokeDasharray={strokeDasharray}\n                strokeOpacity={strokeOpacity}\n                strokeWidth={finalStrokeWidth}\n                type={curveType}\n                yAxisId={enableBiaxial ? \"right\" : \"left\"}\n              />\n            )\n          })}\n        </ComposedChart>\n      </ChartContainer>\n    </div>\n  )\n}\n\nComboChart.displayName = \"ComboChart\"\n"]}

package/dist/chunk-7PX3WBR3.js

@@ -0,0 +1,96 @@
+import { cn } from './chunk-RVAYDRMA.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var textVariants = cva("", {
+  variants: {
+    variant: {
+      // Display — high-impact, oversized type from the Figma typography scale.
+      display1: "text-[length:var(--typography-display-d1-font-size)] leading-[var(--typography-display-d1-line-height)] font-[number:var(--typography-display-d1-font-weight)] font-[family-name:var(--typography-display-d1-font-family)] text-[color:var(--text-color-default)]",
+      display2: "text-[length:var(--typography-display-d2-font-size)] leading-[var(--typography-display-d2-line-height)] font-[number:var(--typography-display-d2-font-weight)] font-[family-name:var(--typography-display-d2-font-family)] text-[color:var(--text-color-default)]",
+      display3: "text-[length:var(--typography-display-d3-font-size)] leading-[var(--typography-display-d3-line-height)] font-[number:var(--typography-display-d3-font-weight)] font-[family-name:var(--typography-display-d3-font-family)] text-[color:var(--text-color-default)]",
+      // Paragraph — body copy at three reading sizes (p1 largest → p3 smallest).
+      p1: "text-[length:var(--typography-paragraph-p1-font-size)] leading-[var(--typography-paragraph-p1-line-height)] font-[number:var(--typography-paragraph-p1-font-weight)] text-[color:var(--text-color-default)]",
+      p2: "text-[length:var(--typography-paragraph-p2-font-size)] leading-[var(--typography-paragraph-p2-line-height)] font-[number:var(--typography-paragraph-p2-font-weight)] text-[color:var(--text-color-default)]",
+      p3: "text-[length:var(--typography-paragraph-p3-font-size)] leading-[var(--typography-paragraph-p3-line-height)] font-[number:var(--typography-paragraph-p3-font-weight)] text-[color:var(--text-color-default)]",
+      // Caption — small, supporting labels and metadata.
+      caption1: "text-[length:var(--typography-caption-c1-font-size)] leading-[var(--typography-caption-c1-line-height)] font-[number:var(--typography-caption-c1-font-weight)] text-[color:var(--text-color-default)]",
+      caption2: "text-[length:var(--typography-caption-c2-font-size)] leading-[var(--typography-caption-c2-line-height)] font-[number:var(--typography-caption-c2-font-weight)] text-[color:var(--text-color-default)]",
+      // @deprecated body/lead/large/small/muted — use as variants tipográficas (p*/caption*/display*) ou o componente <Heading> p/ títulos. Removidas em v2.
+      body: "text-[length:var(--text-size-base-font-size)] leading-[var(--text-size-base-line-height)] text-[color:var(--text-color-default)]",
+      lead: "text-[length:var(--text-size-xl-font-size)] leading-[var(--text-size-xl-line-height)] text-[color:var(--text-color-muted)]",
+      large: "text-[length:var(--text-size-lg-font-size)] leading-[var(--text-size-lg-line-height)] font-[var(--text-weight-semibold)]",
+      small: "text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)] text-[color:var(--text-color-muted)]",
+      muted: "text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)] text-[color:var(--text-color-muted)]",
+      code: "relative rounded-[var(--text-variant-code-radius)] bg-muted px-[var(--text-variant-code-padding-x)] py-[var(--text-variant-code-padding-y)] font-mono text-[length:var(--text-size-sm-font-size)]"
+    },
+    size: {
+      xs: "text-[length:var(--text-size-xs-font-size)] leading-[var(--text-size-xs-line-height)]",
+      sm: "text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)]",
+      base: "text-[length:var(--text-size-base-font-size)] leading-[var(--text-size-base-line-height)]",
+      lg: "text-[length:var(--text-size-lg-font-size)] leading-[var(--text-size-lg-line-height)]",
+      xl: "text-[length:var(--text-size-xl-font-size)] leading-[var(--text-size-xl-line-height)]",
+      "2xl": "text-[length:var(--text-size-2xl-font-size)] leading-[var(--text-size-2xl-line-height)]",
+      "3xl": "text-[length:var(--text-size-3xl-font-size)] leading-[var(--text-size-3xl-line-height)]",
+      "4xl": "text-[length:var(--text-size-4xl-font-size)] leading-[var(--text-size-4xl-line-height)]"
+    },
+    weight: {
+      normal: "font-[var(--text-weight-normal)]",
+      medium: "font-[var(--text-weight-medium)]",
+      semibold: "font-[var(--text-weight-semibold)]",
+      bold: "font-[var(--text-weight-bold)]"
+    },
+    color: {
+      // Emits the default color (not "") so `color="default"` actively RESETS the
+      // baked color of legacy muted variants (lead/small/muted) — review fix.
+      default: "text-[color:var(--text-color-default)]",
+      muted: "text-[color:var(--text-color-muted)]"
+    }
+  },
+  defaultVariants: {
+    variant: "body"
+  }
+});
+var PARAGRAPH_VARIANTS = /* @__PURE__ */ new Set([
+  "p1",
+  "p2",
+  "p3",
+  "display1",
+  "display2",
+  "display3"
+]);
+function Text({
+  className,
+  variant,
+  size,
+  weight,
+  color,
+  as,
+  asChild = false,
+  truncate = false,
+  children,
+  ...props
+}) {
+  const fallbackElement = variant === "code" ? "code" : variant && PARAGRAPH_VARIANTS.has(variant) ? "p" : truncate ? "p" : "span";
+  const inferredElement = as ?? fallbackElement;
+  const Comp = asChild ? Slot : inferredElement;
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(
+        textVariants({ variant, size, weight, color }),
+        truncate && "truncate",
+        className
+      ),
+      "data-slot": "text",
+      ...props,
+      children
+    }
+  );
+}
+
+export { Text, textVariants };
+//# sourceMappingURL=chunk-7PX3WBR3.js.map
+//# sourceMappingURL=chunk-7PX3WBR3.js.map

package/dist/chunk-7PX3WBR3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/primitives/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAMA,IAAM,YAAA,GAAe,IAAI,EAAA,EAAI;AAAA,EAC3B,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA;AAAA,MAEP,QAAA,EACE,mQAAA;AAAA,MACF,QAAA,EACE,mQAAA;AAAA,MACF,QAAA,EACE,mQAAA;AAAA;AAAA,MAEF,EAAA,EAAI,6MAAA;AAAA,MACJ,EAAA,EAAI,6MAAA;AAAA,MACJ,EAAA,EAAI,6MAAA;AAAA;AAAA,MAEJ,QAAA,EACE,uMAAA;AAAA,MACF,QAAA,EACE,uMAAA;AAAA;AAAA,MAEF,IAAA,EAAM,kIAAA;AAAA,MACN,IAAA,EAAM,4HAAA;AAAA,MACN,KAAA,EAAO,0HAAA;AAAA,MACP,KAAA,EAAO,4HAAA;AAAA,MACP,KAAA,EAAO,4HAAA;AAAA,MACP,IAAA,EAAM;AAAA,KACR;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,uFAAA;AAAA,MACJ,EAAA,EAAI,uFAAA;AAAA,MACJ,IAAA,EAAM,2FAAA;AAAA,MACN,EAAA,EAAI,uFAAA;AAAA,MACJ,EAAA,EAAI,uFAAA;AAAA,MACJ,KAAA,EAAO,yFAAA;AAAA,MACP,KAAA,EAAO,yFAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,MAAA,EAAQ,kCAAA;AAAA,MACR,MAAA,EAAQ,kCAAA;AAAA,MACR,QAAA,EAAU,oCAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,KAAA,EAAO;AAAA;AAAA;AAAA,MAGL,OAAA,EAAS,wCAAA;AAAA,MACT,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC;AAyBD,IAAM,kBAAA,uBAAyB,GAAA,CAAuC;AAAA,EACpE,IAAA;AAAA,EACA,IAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAC,CAAA;AAED,SAAS,IAAA,CAAK;AAAA,EACZ,SAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,EAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,QAAA,GAAW,KAAA;AAAA,EACX,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAc;AACZ,EAAA,MAAM,eAAA,GACJ,OAAA,KAAY,MAAA,GACR,MAAA,GACA,OAAA,IAAW,kBAAA,CAAmB,GAAA,CAAI,OAAO,CAAA,GACvC,GAAA,GACA,QAAA,GACE,GAAA,GACA,MAAA;AACV,EAAA,MAAM,kBAA+B,EAAA,IAAM,eAAA;AAC3C,EAAA,MAAM,IAAA,GAAO,UAAU,IAAA,GAAO,eAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,aAAa,EAAE,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,OAAO,CAAA;AAAA,QAC7C,QAAA,IAAY,UAAA;AAAA,QACZ;AAAA,OACF;AAAA,MACA,WAAA,EAAU,MAAA;AAAA,MACT,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ","file":"chunk-7PX3WBR3.js","sourcesContent":["import { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport * as React from \"react\"\n\nimport { cn } from \"../../../lib/utils\"\n\nconst textVariants = cva(\"\", {\n  variants: {\n    variant: {\n      // Display — high-impact, oversized type from the Figma typography scale.\n      display1:\n        \"text-[length:var(--typography-display-d1-font-size)] leading-[var(--typography-display-d1-line-height)] font-[number:var(--typography-display-d1-font-weight)] font-[family-name:var(--typography-display-d1-font-family)] text-[color:var(--text-color-default)]\",\n      display2:\n        \"text-[length:var(--typography-display-d2-font-size)] leading-[var(--typography-display-d2-line-height)] font-[number:var(--typography-display-d2-font-weight)] font-[family-name:var(--typography-display-d2-font-family)] text-[color:var(--text-color-default)]\",\n      display3:\n        \"text-[length:var(--typography-display-d3-font-size)] leading-[var(--typography-display-d3-line-height)] font-[number:var(--typography-display-d3-font-weight)] font-[family-name:var(--typography-display-d3-font-family)] text-[color:var(--text-color-default)]\",\n      // Paragraph — body copy at three reading sizes (p1 largest → p3 smallest).\n      p1: \"text-[length:var(--typography-paragraph-p1-font-size)] leading-[var(--typography-paragraph-p1-line-height)] font-[number:var(--typography-paragraph-p1-font-weight)] text-[color:var(--text-color-default)]\",\n      p2: \"text-[length:var(--typography-paragraph-p2-font-size)] leading-[var(--typography-paragraph-p2-line-height)] font-[number:var(--typography-paragraph-p2-font-weight)] text-[color:var(--text-color-default)]\",\n      p3: \"text-[length:var(--typography-paragraph-p3-font-size)] leading-[var(--typography-paragraph-p3-line-height)] font-[number:var(--typography-paragraph-p3-font-weight)] text-[color:var(--text-color-default)]\",\n      // Caption — small, supporting labels and metadata.\n      caption1:\n        \"text-[length:var(--typography-caption-c1-font-size)] leading-[var(--typography-caption-c1-line-height)] font-[number:var(--typography-caption-c1-font-weight)] text-[color:var(--text-color-default)]\",\n      caption2:\n        \"text-[length:var(--typography-caption-c2-font-size)] leading-[var(--typography-caption-c2-line-height)] font-[number:var(--typography-caption-c2-font-weight)] text-[color:var(--text-color-default)]\",\n      // @deprecated body/lead/large/small/muted — use as variants tipográficas (p*/caption*/display*) ou o componente <Heading> p/ títulos. Removidas em v2.\n      body: \"text-[length:var(--text-size-base-font-size)] leading-[var(--text-size-base-line-height)] text-[color:var(--text-color-default)]\",\n      lead: \"text-[length:var(--text-size-xl-font-size)] leading-[var(--text-size-xl-line-height)] text-[color:var(--text-color-muted)]\",\n      large: \"text-[length:var(--text-size-lg-font-size)] leading-[var(--text-size-lg-line-height)] font-[var(--text-weight-semibold)]\",\n      small: \"text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)] text-[color:var(--text-color-muted)]\",\n      muted: \"text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)] text-[color:var(--text-color-muted)]\",\n      code: \"relative rounded-[var(--text-variant-code-radius)] bg-muted px-[var(--text-variant-code-padding-x)] py-[var(--text-variant-code-padding-y)] font-mono text-[length:var(--text-size-sm-font-size)]\",\n    },\n    size: {\n      xs: \"text-[length:var(--text-size-xs-font-size)] leading-[var(--text-size-xs-line-height)]\",\n      sm: \"text-[length:var(--text-size-sm-font-size)] leading-[var(--text-size-sm-line-height)]\",\n      base: \"text-[length:var(--text-size-base-font-size)] leading-[var(--text-size-base-line-height)]\",\n      lg: \"text-[length:var(--text-size-lg-font-size)] leading-[var(--text-size-lg-line-height)]\",\n      xl: \"text-[length:var(--text-size-xl-font-size)] leading-[var(--text-size-xl-line-height)]\",\n      \"2xl\": \"text-[length:var(--text-size-2xl-font-size)] leading-[var(--text-size-2xl-line-height)]\",\n      \"3xl\": \"text-[length:var(--text-size-3xl-font-size)] leading-[var(--text-size-3xl-line-height)]\",\n      \"4xl\": \"text-[length:var(--text-size-4xl-font-size)] leading-[var(--text-size-4xl-line-height)]\",\n    },\n    weight: {\n      normal: \"font-[var(--text-weight-normal)]\",\n      medium: \"font-[var(--text-weight-medium)]\",\n      semibold: \"font-[var(--text-weight-semibold)]\",\n      bold: \"font-[var(--text-weight-bold)]\",\n    },\n    color: {\n      // Emits the default color (not \"\") so `color=\"default\"` actively RESETS the\n      // baked color of legacy muted variants (lead/small/muted) — review fix.\n      default: \"text-[color:var(--text-color-default)]\",\n      muted: \"text-[color:var(--text-color-muted)]\",\n    },\n  },\n  defaultVariants: {\n    variant: \"body\",\n  },\n})\n\ntype TextElement =\n  | \"code\"\n  | \"div\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"label\"\n  | \"p\"\n  | \"span\"\n\ninterface TextProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    VariantProps<typeof textVariants> {\n  as?: TextElement\n  asChild?: boolean\n  /** HTML for attribute, used when as=\"label\" */\n  htmlFor?: string\n  truncate?: boolean\n}\n\nconst PARAGRAPH_VARIANTS = new Set<NonNullable<TextProps[\"variant\"]>>([\n  \"p1\",\n  \"p2\",\n  \"p3\",\n  \"display1\",\n  \"display2\",\n  \"display3\",\n])\n\nfunction Text({\n  className,\n  variant,\n  size,\n  weight,\n  color,\n  as,\n  asChild = false,\n  truncate = false,\n  children,\n  ...props\n}: TextProps) {\n  const fallbackElement: TextElement =\n    variant === \"code\"\n      ? \"code\"\n      : variant && PARAGRAPH_VARIANTS.has(variant)\n        ? \"p\"\n        : truncate\n          ? \"p\"\n          : \"span\"\n  const inferredElement: TextElement = as ?? fallbackElement\n  const Comp = asChild ? Slot : inferredElement\n\n  return (\n    <Comp\n      className={cn(\n        textVariants({ variant, size, weight, color }),\n        truncate && \"truncate\",\n        className\n      )}\n      data-slot=\"text\"\n      {...props}\n    >\n      {children}\n    </Comp>\n  )\n}\n\nexport { Text, type TextElement, type TextProps, textVariants }\n"]}

package/dist/chunk-7QEFKWUR.js

@@ -0,0 +1,495 @@
+import { ScrollArea } from './chunk-HM6TEHA6.js';
+import { Calendar } from './chunk-TNSMTINE.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-EQ4YAADN.js';
+import { Button } from './chunk-L4OQ6BJ5.js';
+import { cn } from './chunk-RVAYDRMA.js';
+import { format, startOfDay, isBefore, isAfter, setMinutes, setHours } from 'date-fns';
+import { CalendarIcon, XIcon } from 'lucide-react';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var datePickerTriggerVariants = cva(
+  // Base styles
+  [
+    "inline-flex w-full items-center justify-between gap-2 rounded-[var(--date-picker-trigger-radius)] border bg-transparent font-normal transition-[color,box-shadow] outline-none",
+    "text-left",
+    "placeholder:text-muted-foreground",
+    "disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-[color:var(--date-picker-trigger-disabled-bg)] disabled:text-[color:var(--date-picker-trigger-disabled-fg)] disabled:border-[color:var(--date-picker-trigger-disabled-border)]",
+    "focus-visible:border-[color:var(--date-picker-trigger-border-focus)] focus-visible:ring-[color:var(--date-picker-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--date-picker-trigger-ring-width)]",
+    "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+    "data-[state=open]:border-ring data-[state=open]:ring-ring/50 data-[state=open]:ring-[3px]",
+    "min-w-[var(--date-picker-trigger-min-width)]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-[var(--date-picker-trigger-height-sm)] px-[var(--date-picker-trigger-padding-x-sm)] py-[var(--date-picker-trigger-padding-y-sm)] text-[length:var(--date-picker-trigger-text-sm)]",
+        md: "h-[var(--date-picker-trigger-height-md)] px-[var(--date-picker-trigger-padding-x-md)] py-[var(--date-picker-trigger-padding-y-md)] text-[length:var(--date-picker-trigger-text-md)]",
+        lg: "h-[var(--date-picker-trigger-height-lg)] px-[var(--date-picker-trigger-padding-x-lg)] py-[var(--date-picker-trigger-padding-y-lg)] text-[length:var(--date-picker-trigger-text-lg)]"
+      },
+      variant: {
+        default: "border-input shadow-xs dark:bg-input/30",
+        filled: "border-transparent bg-muted",
+        flushed: "rounded-none border-x-0 border-t-0 border-b-input px-0"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var datePickerClearButtonVariants = cva(
+  [
+    "absolute top-1/2 inline-flex size-4 -translate-y-1/2 items-center justify-center rounded-sm outline-none",
+    "text-muted-foreground opacity-70 transition-opacity",
+    "hover:opacity-100 focus-visible:opacity-100",
+    "focus-visible:ring-[color:var(--date-picker-trigger-ring-primary)]/50 focus-visible:ring-[length:var(--date-picker-trigger-ring-width)]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "",
+        md: "",
+        lg: ""
+      },
+      variant: {
+        default: "",
+        filled: "",
+        flushed: ""
+      }
+    },
+    compoundVariants: [
+      // Non-flushed variants inset the trailing slot by the trigger's px token
+      { variant: ["default", "filled"], size: "sm", className: "right-[var(--date-picker-trigger-padding-x-sm)]" },
+      { variant: ["default", "filled"], size: "md", className: "right-[var(--date-picker-trigger-padding-x-md)]" },
+      { variant: ["default", "filled"], size: "lg", className: "right-[var(--date-picker-trigger-padding-x-lg)]" },
+      // Flushed removes horizontal padding, so the slot sits at the edge
+      { variant: "flushed", className: "right-0" }
+    ],
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+function to12Hour(hours) {
+  const period = hours >= 12 ? "PM" : "AM";
+  let hour12 = hours % 12;
+  if (hour12 === 0) hour12 = 12;
+  return { hour12, period };
+}
+function to24Hour(hour12, period) {
+  if (period === "AM") {
+    return hour12 === 12 ? 0 : hour12;
+  }
+  return hour12 === 12 ? 12 : hour12 + 12;
+}
+function getHourOptions(use12Hour) {
+  if (use12Hour) {
+    return [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+  }
+  return Array.from({ length: 24 }, (_, i) => i);
+}
+function getMinuteOptions(step) {
+  const options = [];
+  for (let i = 0; i < 60; i += step) {
+    options.push(i);
+  }
+  return options;
+}
+function DatePicker({
+  ref,
+  className,
+  align = "start",
+  dialogLabel = "Choose date",
+  value,
+  defaultValue,
+  placeholder = "Select date",
+  disabled = false,
+  disabledDates,
+  readOnly = false,
+  showTimePicker = false,
+  showToday = false,
+  timeLabel = "Time",
+  timeMinuteStep = 1,
+  timeUse12Hour = false,
+  todayLabel = "Today",
+  minDate,
+  maxDate,
+  format: format$1 = "PPP",
+  locale,
+  onChange,
+  onOpenChange,
+  onClear,
+  size = "md",
+  variant = "default",
+  required = false,
+  invalid = false,
+  clearable = false,
+  calendarProps,
+  id,
+  name,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  "aria-describedby": ariaDescribedby,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [internalDate, setInternalDate] = React.useState(defaultValue);
+  const [internalHours, setInternalHours] = React.useState(
+    defaultValue ? defaultValue.getHours() : 0
+  );
+  const [internalMinutes, setInternalMinutes] = React.useState(
+    defaultValue ? defaultValue.getMinutes() : 0
+  );
+  const [internalPeriod, setInternalPeriod] = React.useState(
+    () => defaultValue ? to12Hour(defaultValue.getHours()).period : "AM"
+  );
+  const hourListRef = React.useRef(null);
+  const minuteListRef = React.useRef(null);
+  const selectedDate = value ?? internalDate;
+  const currentHours = selectedDate ? selectedDate.getHours() : internalHours;
+  const currentMinutes = selectedDate ? selectedDate.getMinutes() : internalMinutes;
+  const currentPeriod = selectedDate ? to12Hour(selectedDate.getHours()).period : internalPeriod;
+  const defaultMonth = selectedDate ?? minDate;
+  React.useEffect(() => {
+    if (!open || !showTimePicker) return;
+    const timeoutId = setTimeout(() => {
+      const selectedHour = hourListRef.current?.querySelector('[data-selected="true"]');
+      selectedHour?.scrollIntoView({ block: "center", behavior: "instant" });
+      const selectedMinute = minuteListRef.current?.querySelector('[data-selected="true"]');
+      selectedMinute?.scrollIntoView({ block: "center", behavior: "instant" });
+    }, 0);
+    return () => {
+      clearTimeout(timeoutId);
+    };
+  }, [open, showTimePicker, currentHours, currentMinutes]);
+  const applyTimeToDate = (date, hours, minutes) => {
+    if (!date) return void 0;
+    return setMinutes(setHours(date, hours), minutes);
+  };
+  const handleSelect = (date) => {
+    let finalDate = date;
+    if (showTimePicker && date) {
+      finalDate = applyTimeToDate(date, currentHours, currentMinutes);
+    }
+    if (value === void 0) {
+      setInternalDate(finalDate);
+    }
+    onChange?.(finalDate);
+    if (!showTimePicker) {
+      setOpen(false);
+    }
+  };
+  const handleTimeChange = (hours, minutes) => {
+    if (value === void 0) {
+      setInternalHours(hours);
+      setInternalMinutes(minutes);
+    }
+    if (selectedDate) {
+      const newDate = applyTimeToDate(selectedDate, hours, minutes);
+      if (value === void 0) {
+        setInternalDate(newDate);
+      }
+      onChange?.(newDate);
+    }
+  };
+  const handleHourSelect = (hour) => {
+    let newHours = hour;
+    if (timeUse12Hour) {
+      newHours = to24Hour(hour, currentPeriod);
+    }
+    if (value === void 0) {
+      setInternalHours(newHours);
+    }
+    handleTimeChange(newHours, currentMinutes);
+  };
+  const handleMinuteSelect = (minute) => {
+    if (value === void 0) {
+      setInternalMinutes(minute);
+    }
+    handleTimeChange(currentHours, minute);
+  };
+  const handlePeriodSelect = (period) => {
+    if (value === void 0) {
+      setInternalPeriod(period);
+    }
+    const hour12 = timeUse12Hour ? currentHours % 12 || 12 : to12Hour(currentHours).hour12;
+    const newHours = to24Hour(hour12, period);
+    if (value === void 0) {
+      setInternalHours(newHours);
+    }
+    handleTimeChange(newHours, currentMinutes);
+  };
+  const handleOpenChange = (isOpen) => {
+    if (readOnly && isOpen) return;
+    setOpen(isOpen);
+    onOpenChange?.(isOpen);
+  };
+  const handleClear = (event) => {
+    event.stopPropagation();
+    if (value === void 0) {
+      setInternalDate(void 0);
+    }
+    onChange?.();
+    onClear?.();
+  };
+  const displayValue = React.useMemo(() => {
+    if (!selectedDate) return null;
+    const dateStr = format(selectedDate, format$1, locale ? { locale } : void 0);
+    if (showTimePicker) {
+      const timeStr = timeUse12Hour ? `${String(to12Hour(currentHours).hour12)}:${currentMinutes.toString().padStart(2, "0")} ${currentPeriod}` : `${currentHours.toString().padStart(2, "0")}:${currentMinutes.toString().padStart(2, "0")}`;
+      return `${dateStr} ${timeStr}`;
+    }
+    return dateStr;
+  }, [selectedDate, format$1, locale, showTimePicker, timeUse12Hour, currentHours, currentMinutes, currentPeriod]);
+  const hourOptions = React.useMemo(() => getHourOptions(timeUse12Hour), [timeUse12Hour]);
+  const minuteOptions = React.useMemo(() => getMinuteOptions(timeMinuteStep), [timeMinuteStep]);
+  const displayHour = timeUse12Hour ? to12Hour(currentHours).hour12 : currentHours;
+  const hasValue = Boolean(selectedDate);
+  const showClearButton = clearable && hasValue && !disabled && !readOnly;
+  const isDateDisabled = React.useCallback(
+    (date) => {
+      const normalizedDate = startOfDay(date);
+      if (minDate && isBefore(normalizedDate, startOfDay(minDate))) return true;
+      if (maxDate && isAfter(normalizedDate, startOfDay(maxDate))) return true;
+      if (disabledDates?.(date)) return true;
+      return false;
+    },
+    [minDate, maxDate, disabledDates]
+  );
+  const isTodayDisabled = React.useMemo(() => {
+    return isDateDisabled(/* @__PURE__ */ new Date());
+  }, [isDateDisabled]);
+  const handleSelectToday = () => {
+    const today = startOfDay(/* @__PURE__ */ new Date());
+    if (!isDateDisabled(today)) {
+      handleSelect(today);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), "data-slot": "date-picker", ...props, children: [
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          ref,
+          className: cn(
+            datePickerTriggerVariants({ size, variant }),
+            !displayValue && "text-muted-foreground"
+          ),
+          "aria-describedby": ariaDescribedby,
+          "aria-disabled": readOnly || void 0,
+          "aria-expanded": open,
+          "aria-haspopup": "dialog",
+          "aria-invalid": invalid,
+          "aria-label": ariaLabel,
+          "aria-labelledby": ariaLabelledby,
+          "aria-required": required,
+          "data-has-value": hasValue,
+          "data-readonly": readOnly || void 0,
+          "data-size": size,
+          "data-slot": "date-picker-trigger",
+          "data-state": open ? "open" : "closed",
+          "data-variant": variant,
+          disabled,
+          id,
+          type: "button",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: displayValue ?? placeholder }),
+            /* @__PURE__ */ jsx(
+              CalendarIcon,
+              {
+                "aria-hidden": "true",
+                className: cn("size-4 shrink-0 opacity-50", showClearButton && "invisible")
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(
+        PopoverContent,
+        {
+          align,
+          "aria-label": dialogLabel,
+          className: "w-auto p-0",
+          "data-slot": "date-picker-calendar",
+          children: [
+            /* @__PURE__ */ jsx(
+              Calendar,
+              {
+                autoFocus: true,
+                footer: showToday ? /* @__PURE__ */ jsx("div", { className: "border-t border-border p-2", "data-slot": "date-picker-footer", children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    className: "w-full",
+                    disabled: isTodayDisabled,
+                    size: "sm",
+                    variant: "ghost",
+                    onClick: handleSelectToday,
+                    children: todayLabel
+                  }
+                ) }) : void 0,
+                defaultMonth,
+                disabled: isDateDisabled,
+                locale,
+                mode: "single",
+                selected: selectedDate,
+                onSelect: handleSelect,
+                ...calendarProps
+              }
+            ),
+            showTimePicker && /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "border-t border-border",
+                "data-slot": "date-picker-time",
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs font-medium text-muted-foreground", children: timeLabel }),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      "aria-label": "Time selection",
+                      className: "flex divide-x border-t border-border",
+                      role: "listbox",
+                      children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                          /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground text-center border-b", children: timeUse12Hour ? "Hour" : "Hours" }),
+                          /* @__PURE__ */ jsx(ScrollArea, { className: "h-36", children: /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              ref: hourListRef,
+                              "aria-label": "Hours",
+                              className: "flex flex-col items-stretch p-1",
+                              role: "group",
+                              children: hourOptions.map((hour) => {
+                                const isSelected = displayHour === hour;
+                                return /* @__PURE__ */ jsx(
+                                  "button",
+                                  {
+                                    className: cn(
+                                      "flex h-[var(--date-picker-preset-item-height)] w-12 items-center justify-center rounded-sm text-sm",
+                                      "hover:bg-accent hover:text-accent-foreground",
+                                      "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                                      isSelected && "bg-primary text-primary-foreground"
+                                    ),
+                                    "aria-selected": isSelected,
+                                    "data-selected": isSelected,
+                                    role: "option",
+                                    type: "button",
+                                    onClick: () => {
+                                      handleHourSelect(hour);
+                                    },
+                                    children: timeUse12Hour ? hour : hour.toString().padStart(2, "0")
+                                  },
+                                  hour
+                                );
+                              })
+                            }
+                          ) })
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                          /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground text-center border-b", children: "Min" }),
+                          /* @__PURE__ */ jsx(ScrollArea, { className: "h-36", children: /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              ref: minuteListRef,
+                              "aria-label": "Minutes",
+                              className: "flex flex-col items-stretch p-1",
+                              role: "group",
+                              children: minuteOptions.map((minute) => {
+                                const isSelected = currentMinutes === minute;
+                                return /* @__PURE__ */ jsx(
+                                  "button",
+                                  {
+                                    className: cn(
+                                      "flex h-[var(--date-picker-preset-item-height)] w-12 items-center justify-center rounded-sm text-sm",
+                                      "hover:bg-accent hover:text-accent-foreground",
+                                      "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                                      isSelected && "bg-primary text-primary-foreground"
+                                    ),
+                                    "aria-selected": isSelected,
+                                    "data-selected": isSelected,
+                                    role: "option",
+                                    type: "button",
+                                    onClick: () => {
+                                      handleMinuteSelect(minute);
+                                    },
+                                    children: minute.toString().padStart(2, "0")
+                                  },
+                                  minute
+                                );
+                              })
+                            }
+                          ) })
+                        ] }),
+                        timeUse12Hour && /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+                          /* @__PURE__ */ jsx("div", { className: "px-2 py-1.5 text-xs font-medium text-muted-foreground text-center border-b", children: "\xA0" }),
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              "aria-label": "Period",
+                              className: "flex flex-col items-stretch p-1",
+                              role: "group",
+                              children: ["AM", "PM"].map((period) => {
+                                const isSelected = currentPeriod === period;
+                                return /* @__PURE__ */ jsx(
+                                  "button",
+                                  {
+                                    className: cn(
+                                      "flex h-[var(--date-picker-preset-item-height)] w-12 items-center justify-center rounded-sm text-sm",
+                                      "hover:bg-accent hover:text-accent-foreground",
+                                      "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                                      isSelected && "bg-primary text-primary-foreground"
+                                    ),
+                                    "aria-selected": isSelected,
+                                    "data-selected": isSelected,
+                                    role: "option",
+                                    type: "button",
+                                    onClick: () => {
+                                      handlePeriodSelect(period);
+                                    },
+                                    children: period
+                                  },
+                                  period
+                                );
+                              })
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    showClearButton && /* @__PURE__ */ jsx(
+      "button",
+      {
+        "aria-label": "Clear date",
+        className: cn(datePickerClearButtonVariants({ size, variant })),
+        "data-slot": "date-picker-clear",
+        type: "button",
+        onClick: handleClear,
+        children: /* @__PURE__ */ jsx(XIcon, { className: "size-4" })
+      }
+    ),
+    name && /* @__PURE__ */ jsx(
+      "input",
+      {
+        name,
+        type: "hidden",
+        value: selectedDate?.toISOString() ?? ""
+      }
+    )
+  ] });
+}
+
+export { DatePicker, datePickerTriggerVariants };
+//# sourceMappingURL=chunk-7QEFKWUR.js.map
+//# sourceMappingURL=chunk-7QEFKWUR.js.map