@kuzenbo/core 0.0.1-alpha.3 → 0.0.1-alpha.5

package/dist/{timeline-title-BvyeNanK.js.map → timeline-title-DPQkU32C.js.map}

@@ -1 +1 @@
-{"version":3,"file":"timeline-title-BvyeNanK.js","names":[],"sources":["../src/ui/timeline/use-timeline.ts","../src/ui/timeline/timeline-connector.tsx","../src/ui/timeline/timeline-content.tsx","../src/ui/timeline/timeline-description.tsx","../src/ui/timeline/timeline-dot.tsx","../src/ui/timeline/timeline-header.tsx","../src/ui/timeline/timeline-item.tsx","../src/ui/timeline/timeline-time.tsx","../src/ui/timeline/timeline-title.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\ntype Direction = \"ltr\" | \"rtl\";\ntype Orientation = \"vertical\" | \"horizontal\";\ntype Variant = \"default\" | \"alternate\";\ntype Status = \"completed\" | \"active\" | \"pending\";\n\ninterface TimelineContextValue {\n  orientation: Orientation;\n  variant: Variant;\n  dir: Direction;\n  activeIndex?: number;\n}\n\ninterface TimelineItemContextValue {\n  index: number;\n  status: Status;\n  isAlternateRight: boolean;\n}\n\nconst TimelineContext = createContext<TimelineContextValue | null>(null);\n\nconst useTimeline = () => {\n  const context = useContext(TimelineContext);\n\n  if (!context) {\n    throw new Error(\"useTimeline must be used within a <Timeline />\");\n  }\n\n  return context;\n};\n\nconst TimelineItemContext = createContext<TimelineItemContextValue | null>(\n  null\n);\n\nconst useTimelineItem = () => {\n  const context = useContext(TimelineItemContext);\n\n  if (!context) {\n    throw new Error(\"useTimelineItem must be used within a <TimelineItem />\");\n  }\n\n  return context;\n};\n\nconst getItemStatus = (itemIndex: number, activeIndex?: number): Status => {\n  if (activeIndex === undefined) {\n    return \"pending\";\n  }\n  if (itemIndex < activeIndex) {\n    return \"completed\";\n  }\n  if (itemIndex === activeIndex) {\n    return \"active\";\n  }\n  return \"pending\";\n};\n\nexport {\n  type Direction,\n  type Orientation,\n  type Status,\n  type TimelineContextValue,\n  type TimelineItemContextValue,\n  type Variant,\n  getItemStatus,\n  TimelineContext,\n  TimelineItemContext,\n  useTimeline,\n  useTimelineItem,\n};\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineConnectorVariants = tv({\n  base: [\"absolute z-0\", \"group-last/timeline-item:hidden\"],\n  variants: {\n    status: {\n      completed: \"bg-primary\",\n      active: \"bg-border\",\n      pending: \"bg-border\",\n    },\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"vertical\",\n      variant: \"default\",\n      className: [\n        \"start-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"top-[var(--timeline-dot-size)]\",\n        \"h-[calc(100%-var(--timeline-dot-size))]\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"default\",\n      className: [\n        \"start-[var(--timeline-dot-size)]\",\n        \"top-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"h-[var(--timeline-connector-thickness)]\",\n        \"w-[calc(100%-var(--timeline-dot-size))]\",\n      ],\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: false,\n      className: [\n        \"top-0\",\n        \"-right-[var(--timeline-connector-thickness)/2]\",\n        \"h-full\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: true,\n      className: [\n        \"top-0\",\n        \"-left-[var(--timeline-connector-thickness)/2]\",\n        \"h-full\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n      className: [\n        \"top-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"left-[var(--timeline-dot-size)]\",\n        \"row-start-2\",\n        \"h-[var(--timeline-connector-thickness)]\",\n        \"w-[calc(100%-var(--timeline-dot-size))]\",\n      ],\n    },\n  ],\n  defaultVariants: {\n    status: \"pending\",\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ninterface TimelineConnectorProps extends useRender.ComponentProps<\"div\"> {\n  forceMount?: boolean;\n}\n\nconst TimelineConnector = ({\n  className,\n  render,\n  forceMount,\n  ...props\n}: TimelineConnectorProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        \"aria-hidden\": true,\n        className: cn(\n          timelineConnectorVariants({\n            status,\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          forceMount && \"group-last/timeline-item:block\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-connector\",\n      status,\n      orientation,\n    },\n  });\n};\n\nexport { TimelineConnector, timelineConnectorVariants };\nexport type { TimelineConnectorProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineContentVariants = tv({\n  base: \"flex-1\",\n  variants: {\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"alternate\",\n      orientation: \"vertical\",\n      isAlternateRight: false,\n      className: \"text-right\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"horizontal\",\n      isAlternateRight: false,\n      className: \"row-start-3 pt-2\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"horizontal\",\n      isAlternateRight: true,\n      className: \"row-start-1 pb-2\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ntype TimelineContentProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineContent = ({\n  className,\n  render,\n  ...props\n}: TimelineContentProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          timelineContentVariants({\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-content\",\n      status,\n    },\n  });\n};\n\nexport { TimelineContent, timelineContentVariants };\nexport type { TimelineContentProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineDescriptionProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineDescription = ({\n  className,\n  render,\n  ...props\n}: TimelineDescriptionProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"text-sm text-muted-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-description\",\n    },\n  });\n\nexport { TimelineDescription };\nexport type { TimelineDescriptionProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineDotVariants = tv({\n  base: [\n    \"relative z-10 flex shrink-0 items-center justify-center rounded-full border-2 bg-background\",\n    \"size-[var(--timeline-dot-size)]\",\n  ],\n  variants: {\n    status: {\n      completed: \"border-primary bg-primary\",\n      active: \"border-primary bg-background\",\n      pending: \"border-border bg-background\",\n    },\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"alternate\",\n      orientation: \"vertical\",\n      isAlternateRight: false,\n      className:\n        \"absolute -right-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"vertical\",\n      isAlternateRight: true,\n      className:\n        \"absolute -left-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"horizontal\",\n      className: \"row-start-2\",\n    },\n  ],\n  defaultVariants: {\n    status: \"pending\",\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ntype TimelineDotProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineDot = ({ className, render, ...props }: TimelineDotProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          timelineDotVariants({\n            status,\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-dot\",\n      status,\n      orientation,\n    },\n  });\n};\n\nexport { TimelineDot, timelineDotVariants };\nexport type { TimelineDotProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineHeaderProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineHeader = ({ className, render, ...props }: TimelineHeaderProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"flex flex-col gap-1\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-header\",\n    },\n  });\n\nexport { TimelineHeader };\nexport type { TimelineHeaderProps };\n","import { type ComponentProps, type ReactNode, useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport {\n  getItemStatus,\n  TimelineItemContext,\n  useTimeline,\n} from \"./use-timeline\";\n\nconst timelineItemVariants = tv({\n  base: \"group/timeline-item relative flex\",\n  variants: {\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"vertical\",\n      variant: \"default\",\n      className: \"gap-3 pb-8 last:pb-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"default\",\n      className: \"flex-col gap-3\",\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: false,\n      className: \"w-1/2 gap-3 pr-6 pb-8 last:pb-0\",\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: true,\n      className: \"ml-auto w-1/2 flex-row-reverse gap-3 pb-8 pl-6 last:pb-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n      className: \"grid min-w-0 grid-rows-[1fr_auto_1fr] gap-3\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ninterface TimelineItemProps extends ComponentProps<\"li\"> {\n  index: number;\n  children?: ReactNode;\n}\n\nconst TimelineItem = ({\n  index,\n  className,\n  children,\n  ...props\n}: TimelineItemProps) => {\n  const { orientation, variant, dir, activeIndex } = useTimeline();\n\n  const status = getItemStatus(index, activeIndex);\n  const isAlternateRight = variant === \"alternate\" && index % 2 === 1;\n\n  const itemContextValue = useMemo(\n    () => ({\n      index,\n      status,\n      isAlternateRight,\n    }),\n    [index, status, isAlternateRight]\n  );\n\n  return (\n    <TimelineItemContext.Provider value={itemContextValue}>\n      <li\n        aria-current={status === \"active\" ? \"step\" : undefined}\n        className={cn(\n          timelineItemVariants({\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          className\n        )}\n        data-alternate-right={isAlternateRight ? \"\" : undefined}\n        data-orientation={orientation}\n        data-slot=\"timeline-item\"\n        data-status={status}\n        dir={dir}\n        {...props}\n      >\n        {children}\n      </li>\n    </TimelineItemContext.Provider>\n  );\n};\n\nexport { TimelineItem, timelineItemVariants };\nexport type { TimelineItemProps };\n","import type { ComponentProps } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineTimeProps = useRender.ComponentProps<\"time\"> &\n  Pick<ComponentProps<\"time\">, \"dateTime\">;\n\nconst TimelineTime = ({ className, render, ...props }: TimelineTimeProps) =>\n  useRender({\n    defaultTagName: \"time\",\n    props: mergeProps<\"time\">(\n      {\n        className: cn(\"text-xs text-muted-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-time\",\n    },\n  });\n\nexport { TimelineTime };\nexport type { TimelineTimeProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineTitleProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineTitle = ({ className, render, ...props }: TimelineTitleProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"leading-none font-semibold\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-title\",\n    },\n  });\n\nexport { TimelineTitle };\nexport type { TimelineTitleProps };\n"],"mappings":"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"}
+{"version":3,"file":"timeline-title-DPQkU32C.js","names":[],"sources":["../src/ui/timeline/use-timeline.ts","../src/ui/timeline/timeline-connector.tsx","../src/ui/timeline/timeline-content.tsx","../src/ui/timeline/timeline-description.tsx","../src/ui/timeline/timeline-dot.tsx","../src/ui/timeline/timeline-header.tsx","../src/ui/timeline/timeline-item.tsx","../src/ui/timeline/timeline-time.tsx","../src/ui/timeline/timeline-title.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\ntype Direction = \"ltr\" | \"rtl\";\ntype Orientation = \"vertical\" | \"horizontal\";\ntype Variant = \"default\" | \"alternate\";\ntype Status = \"completed\" | \"active\" | \"pending\";\n\ninterface TimelineContextValue {\n  orientation: Orientation;\n  variant: Variant;\n  dir: Direction;\n  activeIndex?: number;\n}\n\ninterface TimelineItemContextValue {\n  index: number;\n  status: Status;\n  isAlternateRight: boolean;\n}\n\nconst TimelineContext = createContext<TimelineContextValue | null>(null);\n\nconst useTimeline = () => {\n  const context = useContext(TimelineContext);\n\n  if (!context) {\n    throw new Error(\"useTimeline must be used within a <Timeline />\");\n  }\n\n  return context;\n};\n\nconst TimelineItemContext = createContext<TimelineItemContextValue | null>(\n  null\n);\n\nconst useTimelineItem = () => {\n  const context = useContext(TimelineItemContext);\n\n  if (!context) {\n    throw new Error(\"useTimelineItem must be used within a <TimelineItem />\");\n  }\n\n  return context;\n};\n\nconst getItemStatus = (itemIndex: number, activeIndex?: number): Status => {\n  if (activeIndex === undefined) {\n    return \"pending\";\n  }\n  if (itemIndex < activeIndex) {\n    return \"completed\";\n  }\n  if (itemIndex === activeIndex) {\n    return \"active\";\n  }\n  return \"pending\";\n};\n\nexport {\n  type Direction,\n  type Orientation,\n  type Status,\n  type TimelineContextValue,\n  type TimelineItemContextValue,\n  type Variant,\n  getItemStatus,\n  TimelineContext,\n  TimelineItemContext,\n  useTimeline,\n  useTimelineItem,\n};\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineConnectorVariants = tv({\n  base: [\"absolute z-0\", \"group-last/timeline-item:hidden\"],\n  variants: {\n    status: {\n      completed: \"bg-primary\",\n      active: \"bg-border\",\n      pending: \"bg-border\",\n    },\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"vertical\",\n      variant: \"default\",\n      className: [\n        \"start-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"top-[var(--timeline-dot-size)]\",\n        \"h-[calc(100%-var(--timeline-dot-size))]\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"default\",\n      className: [\n        \"start-[var(--timeline-dot-size)]\",\n        \"top-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"h-[var(--timeline-connector-thickness)]\",\n        \"w-[calc(100%-var(--timeline-dot-size))]\",\n      ],\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: false,\n      className: [\n        \"top-0\",\n        \"-right-[var(--timeline-connector-thickness)/2]\",\n        \"h-full\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: true,\n      className: [\n        \"top-0\",\n        \"-left-[var(--timeline-connector-thickness)/2]\",\n        \"h-full\",\n        \"w-[var(--timeline-connector-thickness)]\",\n      ],\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n      className: [\n        \"top-[calc(var(--timeline-dot-size)/2-var(--timeline-connector-thickness)/2)]\",\n        \"left-[var(--timeline-dot-size)]\",\n        \"row-start-2\",\n        \"h-[var(--timeline-connector-thickness)]\",\n        \"w-[calc(100%-var(--timeline-dot-size))]\",\n      ],\n    },\n  ],\n  defaultVariants: {\n    status: \"pending\",\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ninterface TimelineConnectorProps extends useRender.ComponentProps<\"div\"> {\n  forceMount?: boolean;\n}\n\nconst TimelineConnector = ({\n  className,\n  render,\n  forceMount,\n  ...props\n}: TimelineConnectorProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        \"aria-hidden\": true,\n        className: cn(\n          timelineConnectorVariants({\n            status,\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          forceMount && \"group-last/timeline-item:block\",\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-connector\",\n      status,\n      orientation,\n    },\n  });\n};\n\nexport { TimelineConnector, timelineConnectorVariants };\nexport type { TimelineConnectorProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineContentVariants = tv({\n  base: \"flex-1\",\n  variants: {\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"alternate\",\n      orientation: \"vertical\",\n      isAlternateRight: false,\n      className: \"text-right\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"horizontal\",\n      isAlternateRight: false,\n      className: \"row-start-3 pt-2\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"horizontal\",\n      isAlternateRight: true,\n      className: \"row-start-1 pb-2\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ntype TimelineContentProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineContent = ({\n  className,\n  render,\n  ...props\n}: TimelineContentProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          timelineContentVariants({\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-content\",\n      status,\n    },\n  });\n};\n\nexport { TimelineContent, timelineContentVariants };\nexport type { TimelineContentProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineDescriptionProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineDescription = ({\n  className,\n  render,\n  ...props\n}: TimelineDescriptionProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"text-sm text-muted-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-description\",\n    },\n  });\n\nexport { TimelineDescription };\nexport type { TimelineDescriptionProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport { useTimeline, useTimelineItem } from \"./use-timeline\";\n\nconst timelineDotVariants = tv({\n  base: [\n    \"relative z-10 flex shrink-0 items-center justify-center rounded-full border-2 bg-background\",\n    \"size-[var(--timeline-dot-size)]\",\n  ],\n  variants: {\n    status: {\n      completed: \"border-primary bg-primary\",\n      active: \"border-primary bg-background\",\n      pending: \"border-border bg-background\",\n    },\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"alternate\",\n      orientation: \"vertical\",\n      isAlternateRight: false,\n      className:\n        \"absolute -right-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"vertical\",\n      isAlternateRight: true,\n      className:\n        \"absolute -left-[calc(var(--timeline-dot-size)/2+var(--timeline-connector-thickness)/2)]\",\n    },\n    {\n      variant: \"alternate\",\n      orientation: \"horizontal\",\n      className: \"row-start-2\",\n    },\n  ],\n  defaultVariants: {\n    status: \"pending\",\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ntype TimelineDotProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineDot = ({ className, render, ...props }: TimelineDotProps) => {\n  const { orientation, variant } = useTimeline();\n  const { status, isAlternateRight } = useTimelineItem();\n\n  return useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          timelineDotVariants({\n            status,\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          className\n        ),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-dot\",\n      status,\n      orientation,\n    },\n  });\n};\n\nexport { TimelineDot, timelineDotVariants };\nexport type { TimelineDotProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineHeaderProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineHeader = ({ className, render, ...props }: TimelineHeaderProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"flex flex-col gap-1\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-header\",\n    },\n  });\n\nexport { TimelineHeader };\nexport type { TimelineHeaderProps };\n","import { type ComponentProps, type ReactNode, useMemo } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\n\nimport {\n  getItemStatus,\n  TimelineItemContext,\n  useTimeline,\n} from \"./use-timeline\";\n\nconst timelineItemVariants = tv({\n  base: \"group/timeline-item relative flex\",\n  variants: {\n    orientation: {\n      vertical: \"\",\n      horizontal: \"\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n    isAlternateRight: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"vertical\",\n      variant: \"default\",\n      className: \"gap-3 pb-8 last:pb-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"default\",\n      className: \"flex-col gap-3\",\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: false,\n      className: \"w-1/2 gap-3 pr-6 pb-8 last:pb-0\",\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      isAlternateRight: true,\n      className: \"ml-auto w-1/2 flex-row-reverse gap-3 pb-8 pl-6 last:pb-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n      className: \"grid min-w-0 grid-rows-[1fr_auto_1fr] gap-3\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"vertical\",\n    variant: \"default\",\n    isAlternateRight: false,\n  },\n});\n\ninterface TimelineItemProps extends ComponentProps<\"li\"> {\n  index: number;\n  children?: ReactNode;\n}\n\nconst TimelineItem = ({\n  index,\n  className,\n  children,\n  ...props\n}: TimelineItemProps) => {\n  const { orientation, variant, dir, activeIndex } = useTimeline();\n\n  const status = getItemStatus(index, activeIndex);\n  const isAlternateRight = variant === \"alternate\" && index % 2 === 1;\n\n  const itemContextValue = useMemo(\n    () => ({\n      index,\n      status,\n      isAlternateRight,\n    }),\n    [index, status, isAlternateRight]\n  );\n\n  return (\n    <TimelineItemContext.Provider value={itemContextValue}>\n      <li\n        aria-current={status === \"active\" ? \"step\" : undefined}\n        className={cn(\n          timelineItemVariants({\n            orientation,\n            variant,\n            isAlternateRight,\n          }),\n          className\n        )}\n        data-alternate-right={isAlternateRight ? \"\" : undefined}\n        data-orientation={orientation}\n        data-slot=\"timeline-item\"\n        data-status={status}\n        dir={dir}\n        {...props}\n      >\n        {children}\n      </li>\n    </TimelineItemContext.Provider>\n  );\n};\n\nexport { TimelineItem, timelineItemVariants };\nexport type { TimelineItemProps };\n","import type { ComponentProps } from \"react\";\n\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineTimeProps = useRender.ComponentProps<\"time\"> &\n  Pick<ComponentProps<\"time\">, \"dateTime\">;\n\nconst TimelineTime = ({ className, render, ...props }: TimelineTimeProps) =>\n  useRender({\n    defaultTagName: \"time\",\n    props: mergeProps<\"time\">(\n      {\n        className: cn(\"text-xs text-muted-foreground\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-time\",\n    },\n  });\n\nexport { TimelineTime };\nexport type { TimelineTimeProps };\n","import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { cn } from \"tailwind-variants\";\n\ntype TimelineTitleProps = useRender.ComponentProps<\"div\">;\n\nconst TimelineTitle = ({ className, render, ...props }: TimelineTitleProps) =>\n  useRender({\n    defaultTagName: \"div\",\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"leading-none font-semibold\", className),\n      },\n      props\n    ),\n    render,\n    state: {\n      slot: \"timeline-title\",\n    },\n  });\n\nexport { TimelineTitle };\nexport type { TimelineTitleProps };\n"],"mappings":"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"}

package/dist/timeline.d.ts

@@ -1,4 +1,4 @@
-import { _ as TimelineConnectorProps, a as TimelineTimeProps, c as TimelineHeader, d as TimelineDotProps, f as TimelineDescription, g as TimelineConnector, h as TimelineContentProps, i as TimelineTime, l as TimelineHeaderProps, m as TimelineContent, n as TimelineTitle, o as TimelineItem, p as TimelineDescriptionProps, r as TimelineTitleProps, s as TimelineItemProps, t as Direction, u as TimelineDot } from "./use-timeline-Dcj9DR0I.js";
+import { _ as TimelineConnectorProps, a as TimelineTimeProps, c as TimelineHeader, d as TimelineDotProps, f as TimelineDescription, g as TimelineConnector, h as TimelineContentProps, i as TimelineTime, l as TimelineHeaderProps, m as TimelineContent, n as TimelineTitle, o as TimelineItem, p as TimelineDescriptionProps, r as TimelineTitleProps, s as TimelineItemProps, t as Direction, u as TimelineDot } from "./use-timeline-C1sQqHU_.js";
 import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 import * as react from "react";
@@ -93,5 +93,5 @@ declare const Timeline: {
   }: TimelineTitleProps) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
 };
 //#endregion
-export { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, type TimelineProps, TimelineTime, TimelineTitle, timelineVariants };
+export { Timeline, TimelineConnector, type TimelineConnectorProps, TimelineContent, type TimelineContentProps, TimelineDescription, type TimelineDescriptionProps, TimelineDot, type TimelineDotProps, TimelineHeader, type TimelineHeaderProps, TimelineItem, type TimelineItemProps, type TimelineProps, TimelineTime, type TimelineTimeProps, TimelineTitle, type TimelineTitleProps, timelineVariants };
 //# sourceMappingURL=timeline.d.ts.map

package/dist/timeline.js

@@ -1,4 +1,4 @@
-import { a as TimelineDot, c as TimelineConnector, i as TimelineHeader, l as TimelineContext, n as TimelineTime, o as TimelineDescription, r as TimelineItem, s as TimelineContent, t as TimelineTitle } from "./timeline-title-BvyeNanK.js";
+import { a as TimelineDot, c as TimelineConnector, i as TimelineHeader, l as TimelineContext, n as TimelineTime, o as TimelineDescription, r as TimelineItem, s as TimelineContent, t as TimelineTitle } from "./timeline-title-DPQkU32C.js";
 import { cn, tv } from "tailwind-variants";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeline.js","names":[],"sources":["../src/ui/timeline/timeline.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, useMemo } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { TimelineConnector } from \"./timeline-connector\";\nimport { TimelineContent } from \"./timeline-content\";\nimport { TimelineDescription } from \"./timeline-description\";\nimport { TimelineDot } from \"./timeline-dot\";\nimport { TimelineHeader } from \"./timeline-header\";\nimport { TimelineItem } from \"./timeline-item\";\nimport { TimelineTime } from \"./timeline-time\";\nimport { TimelineTitle } from \"./timeline-title\";\nimport { type Direction, TimelineContext } from \"./use-timeline\";\n\nconst timelineVariants = tv({\n  base: [\n    \"group/timeline relative flex\",\n    \"[--timeline-connector-thickness:0.125rem]\",\n    \"[--timeline-dot-size:0.875rem]\",\n  ],\n  variants: {\n    orientation: {\n      vertical: \"flex-col\",\n      horizontal: \"flex-row items-start\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"vertical\",\n      variant: \"default\",\n      className: \"gap-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"default\",\n      className: \"gap-0\",\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      className: \"relative w-full gap-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n      className: \"items-center gap-0\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"vertical\",\n    variant: \"default\",\n  },\n});\n\ninterface TimelineProps\n  extends ComponentProps<\"ol\">, VariantProps<typeof timelineVariants> {\n  dir?: Direction;\n  activeIndex?: number;\n  children?: ReactNode;\n}\n\nconst Timeline = ({\n  orientation = \"vertical\",\n  variant = \"default\",\n  dir = \"ltr\",\n  activeIndex,\n  className,\n  children,\n  ...props\n}: TimelineProps) => {\n  const contextValue = useMemo(\n    () => ({\n      orientation,\n      variant,\n      dir,\n      activeIndex,\n    }),\n    [orientation, variant, dir, activeIndex]\n  );\n\n  return (\n    <TimelineContext.Provider value={contextValue}>\n      <ol\n        className={cn(timelineVariants({ orientation, variant }), className)}\n        data-orientation={orientation}\n        data-slot=\"timeline\"\n        data-variant={variant}\n        dir={dir}\n        {...props}\n      >\n        {children}\n      </ol>\n    </TimelineContext.Provider>\n  );\n};\n\nTimeline.Connector = TimelineConnector;\nTimeline.Content = TimelineContent;\nTimeline.Description = TimelineDescription;\nTimeline.Dot = TimelineDot;\nTimeline.Header = TimelineHeader;\nTimeline.Item = TimelineItem;\nTimeline.Time = TimelineTime;\nTimeline.Title = TimelineTitle;\n\nexport {\n  Timeline,\n  TimelineConnector,\n  TimelineContent,\n  TimelineDescription,\n  TimelineDot,\n  TimelineHeader,\n  TimelineItem,\n  TimelineTime,\n  TimelineTitle,\n  timelineVariants,\n};\nexport type { TimelineProps };\n"],"mappings":";;;;;;AAaA,MAAM,mBAAmB,GAAG;CAC1B,MAAM;EACJ;EACA;EACA;EACD;CACD,UAAU;EACR,aAAa;GACX,UAAU;GACV,YAAY;GACb;EACD,SAAS;GACP,SAAS;GACT,WAAW;GACZ;EACF;CACD,kBAAkB;EAChB;GACE,aAAa;GACb,SAAS;GACT,WAAW;GACZ;EACD;GACE,aAAa;GACb,SAAS;GACT,WAAW;GACZ;EACD;GACE,aAAa;GACb,SAAS;GACT,WAAW;GACZ;EACD;GACE,aAAa;GACb,SAAS;GACT,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,aAAa;EACb,SAAS;EACV;CACF,CAAC;AASF,MAAM,YAAY,EAChB,cAAc,YACd,UAAU,WACV,MAAM,OACN,aACA,WACA,UACA,GAAG,YACgB;CACnB,MAAM,eAAe,eACZ;EACL;EACA;EACA;EACA;EACD,GACD;EAAC;EAAa;EAAS;EAAK;EAAY,CACzC;AAED,QACE,oBAAC,gBAAgB;EAAS,OAAO;YAC/B,oBAAC;GACC,WAAW,GAAG,iBAAiB;IAAE;IAAa;IAAS,CAAC,EAAE,UAAU;GACpE,oBAAkB;GAClB,aAAU;GACV,gBAAc;GACT;GACL,GAAI;GAEH;IACE;GACoB;;AAI/B,SAAS,YAAY;AACrB,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,MAAM;AACf,SAAS,SAAS;AAClB,SAAS,OAAO;AAChB,SAAS,OAAO;AAChB,SAAS,QAAQ"}
+{"version":3,"file":"timeline.js","names":[],"sources":["../src/ui/timeline/timeline.tsx"],"sourcesContent":["import { type ComponentProps, type ReactNode, useMemo } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { TimelineConnector } from \"./timeline-connector\";\nimport { TimelineContent } from \"./timeline-content\";\nimport { TimelineDescription } from \"./timeline-description\";\nimport { TimelineDot } from \"./timeline-dot\";\nimport { TimelineHeader } from \"./timeline-header\";\nimport { TimelineItem } from \"./timeline-item\";\nimport { TimelineTime } from \"./timeline-time\";\nimport { TimelineTitle } from \"./timeline-title\";\nimport { type Direction, TimelineContext } from \"./use-timeline\";\n\nconst timelineVariants = tv({\n  base: [\n    \"group/timeline relative flex\",\n    \"[--timeline-connector-thickness:0.125rem]\",\n    \"[--timeline-dot-size:0.875rem]\",\n  ],\n  variants: {\n    orientation: {\n      vertical: \"flex-col\",\n      horizontal: \"flex-row items-start\",\n    },\n    variant: {\n      default: \"\",\n      alternate: \"\",\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: \"vertical\",\n      variant: \"default\",\n      className: \"gap-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"default\",\n      className: \"gap-0\",\n    },\n    {\n      orientation: \"vertical\",\n      variant: \"alternate\",\n      className: \"relative w-full gap-0\",\n    },\n    {\n      orientation: \"horizontal\",\n      variant: \"alternate\",\n      className: \"items-center gap-0\",\n    },\n  ],\n  defaultVariants: {\n    orientation: \"vertical\",\n    variant: \"default\",\n  },\n});\n\ninterface TimelineProps\n  extends ComponentProps<\"ol\">, VariantProps<typeof timelineVariants> {\n  dir?: Direction;\n  activeIndex?: number;\n  children?: ReactNode;\n}\n\nconst Timeline = ({\n  orientation = \"vertical\",\n  variant = \"default\",\n  dir = \"ltr\",\n  activeIndex,\n  className,\n  children,\n  ...props\n}: TimelineProps) => {\n  const contextValue = useMemo(\n    () => ({\n      orientation,\n      variant,\n      dir,\n      activeIndex,\n    }),\n    [orientation, variant, dir, activeIndex]\n  );\n\n  return (\n    <TimelineContext.Provider value={contextValue}>\n      <ol\n        className={cn(timelineVariants({ orientation, variant }), className)}\n        data-orientation={orientation}\n        data-slot=\"timeline\"\n        data-variant={variant}\n        dir={dir}\n        {...props}\n      >\n        {children}\n      </ol>\n    </TimelineContext.Provider>\n  );\n};\n\nTimeline.Connector = TimelineConnector;\nTimeline.Content = TimelineContent;\nTimeline.Description = TimelineDescription;\nTimeline.Dot = TimelineDot;\nTimeline.Header = TimelineHeader;\nTimeline.Item = TimelineItem;\nTimeline.Time = TimelineTime;\nTimeline.Title = TimelineTitle;\n\nexport {\n  Timeline,\n  TimelineConnector,\n  TimelineContent,\n  TimelineDescription,\n  TimelineDot,\n  TimelineHeader,\n  TimelineItem,\n  TimelineTime,\n  TimelineTitle,\n  timelineVariants,\n};\nexport type { TimelineProps };\n\nexport type { TimelineConnectorProps } from \"./timeline-connector\";\nexport type { TimelineContentProps } from \"./timeline-content\";\nexport type { TimelineDescriptionProps } from \"./timeline-description\";\nexport type { TimelineDotProps } from \"./timeline-dot\";\nexport type { TimelineHeaderProps } from \"./timeline-header\";\nexport type { TimelineItemProps } from \"./timeline-item\";\nexport type { TimelineTimeProps } from \"./timeline-time\";\nexport type { TimelineTitleProps } from \"./timeline-title\";\n"],"mappings":";;;;;;AAaA,MAAM,mBAAmB,GAAG;CAC1B,MAAM;EACJ;EACA;EACA;EACD;CACD,UAAU;EACR,aAAa;GACX,UAAU;GACV,YAAY;GACb;EACD,SAAS;GACP,SAAS;GACT,WAAW;GACZ;EACF;CACD,kBAAkB;EAChB;GACE,aAAa;GACb,SAAS;GACT,WAAW;GACZ;EACD;GACE,aAAa;GACb,SAAS;GACT,WAAW;GACZ;EACD;GACE,aAAa;GACb,SAAS;GACT,WAAW;GACZ;EACD;GACE,aAAa;GACb,SAAS;GACT,WAAW;GACZ;EACF;CACD,iBAAiB;EACf,aAAa;EACb,SAAS;EACV;CACF,CAAC;AASF,MAAM,YAAY,EAChB,cAAc,YACd,UAAU,WACV,MAAM,OACN,aACA,WACA,UACA,GAAG,YACgB;CACnB,MAAM,eAAe,eACZ;EACL;EACA;EACA;EACA;EACD,GACD;EAAC;EAAa;EAAS;EAAK;EAAY,CACzC;AAED,QACE,oBAAC,gBAAgB;EAAS,OAAO;YAC/B,oBAAC;GACC,WAAW,GAAG,iBAAiB;IAAE;IAAa;IAAS,CAAC,EAAE,UAAU;GACpE,oBAAkB;GAClB,aAAU;GACV,gBAAc;GACT;GACL,GAAI;GAEH;IACE;GACoB;;AAI/B,SAAS,YAAY;AACrB,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,MAAM;AACf,SAAS,SAAS;AAClB,SAAS,OAAO;AAChB,SAAS,OAAO;AAChB,SAAS,QAAQ"}

package/dist/toggle-group-item-BNfDa9G7.js

@@ -0,0 +1,46 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { toggleVariants } from "./toggle.js";
+import { tv } from "tailwind-variants";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+
+//#region src/ui/toggle-group/toggle-group-context.tsx
+const ToggleGroupContext = createContext({
+	size: "md",
+	variant: "default",
+	spacing: 0,
+	orientation: "horizontal"
+});
+
+//#endregion
+//#region src/ui/toggle-group/toggle-group-item.tsx
+const toggleGroupItemVariants = tv({
+	base: "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
+	extend: toggleVariants,
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+const ToggleGroupItem = ({ className, children, variant, size, ...props }) => {
+	const { size: contextSize, spacing, variant: contextVariant } = useContext(ToggleGroupContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	const resolvedVariant = variant ?? contextVariant ?? "default";
+	return /* @__PURE__ */ jsx(Toggle, {
+		className: mergeBaseUIClassName(toggleGroupItemVariants({
+			variant: resolvedVariant,
+			size: resolvedSize
+		}), className),
+		"data-size": resolvedSize,
+		"data-slot": "toggle-group-item",
+		"data-spacing": spacing,
+		"data-variant": resolvedVariant,
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { ToggleGroupContext as n, ToggleGroupItem as t };
+//# sourceMappingURL=toggle-group-item-BNfDa9G7.js.map

package/dist/toggle-group-item-BNfDa9G7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-item-BNfDa9G7.js","names":["TogglePrimitive"],"sources":["../src/ui/toggle-group/toggle-group-context.tsx","../src/ui/toggle-group/toggle-group-item.tsx"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\";\n\nimport { createContext } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport type { toggleVariants } from \"../toggle/toggle\";\n\nexport type ToggleGroupVariant = NonNullable<\n  VariantProps<typeof toggleVariants>[\"variant\"]\n>;\nexport type ToggleGroupSize = UISize;\n\nexport interface ToggleGroupContextValue {\n  orientation: \"horizontal\" | \"vertical\";\n  size: ToggleGroupSize;\n  spacing: number;\n  variant: ToggleGroupVariant;\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  size: \"md\",\n  variant: \"default\",\n  spacing: 0,\n  orientation: \"horizontal\",\n});\n\nexport { ToggleGroupContext };\n","\"use client\";\n\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { useContext } from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { toggleVariants } from \"../toggle/toggle\";\nimport {\n  ToggleGroupContext,\n  type ToggleGroupSize,\n  type ToggleGroupVariant,\n} from \"./toggle-group-context\";\n\nconst toggleGroupItemVariants = tv({\n  base: \"shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t\",\n  extend: toggleVariants,\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\ntype ToggleGroupItemVariantProps = Omit<\n  VariantProps<typeof toggleGroupItemVariants>,\n  \"size\" | \"variant\"\n> & {\n  size?: ToggleGroupSize;\n  variant?: ToggleGroupVariant;\n};\n\nexport type ToggleGroupItemProps = TogglePrimitive.Props &\n  ToggleGroupItemVariantProps;\n\nconst ToggleGroupItem = ({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: ToggleGroupItemProps) => {\n  const {\n    size: contextSize,\n    spacing,\n    variant: contextVariant,\n  } = useContext(ToggleGroupContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n  const resolvedVariant = variant ?? contextVariant ?? \"default\";\n\n  return (\n    <TogglePrimitive\n      className={mergeBaseUIClassName<TogglePrimitive.State>(\n        toggleGroupItemVariants({\n          variant: resolvedVariant,\n          size: resolvedSize,\n        }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"toggle-group-item\"\n      data-spacing={spacing}\n      data-variant={resolvedVariant}\n      {...props}\n    >\n      {children}\n    </TogglePrimitive>\n  );\n};\n\nexport { ToggleGroupItem };\n"],"mappings":";;;;;;;;AAmBA,MAAM,qBAAqB,cAAuC;CAChE,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;CACd,CAAC;;;;ACRF,MAAM,0BAA0B,GAAG;CACjC,MAAM;CACN,QAAQ;CACR,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAaF,MAAM,mBAAmB,EACvB,WACA,UACA,SACA,MACA,GAAG,YACuB;CAC1B,MAAM,EACJ,MAAM,aACN,SACA,SAAS,mBACP,WAAW,mBAAmB;CAClC,MAAM,eAAe,QAAQ,eAAe;CAC5C,MAAM,kBAAkB,WAAW,kBAAkB;AAErD,QACE,oBAACA;EACC,WAAW,qBACT,wBAAwB;GACtB,SAAS;GACT,MAAM;GACP,CAAC,EACF,UACD;EACD,aAAW;EACX,aAAU;EACV,gBAAc;EACd,gBAAc;EACd,GAAI;EAEH;GACe"}

package/dist/toggle-group-item-GtR1C20m.d.ts

@@ -0,0 +1,111 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { toggleVariants } from "./toggle.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import * as react from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+import * as tailwind_merge0 from "tailwind-merge";
+
+//#region src/ui/toggle-group/toggle-group-context.d.ts
+type ToggleGroupVariant = NonNullable<VariantProps<typeof toggleVariants>["variant"]>;
+type ToggleGroupSize = UISize;
+interface ToggleGroupContextValue {
+  orientation: "horizontal" | "vertical";
+  size: ToggleGroupSize;
+  spacing: number;
+  variant: ToggleGroupVariant;
+}
+declare const ToggleGroupContext: react.Context<ToggleGroupContextValue>;
+//#endregion
+//#region src/ui/toggle-group/toggle-group-item.d.ts
+declare const toggleGroupItemVariants: tailwind_variants0.TVReturnType<{} | {
+  variant: {
+    default: tailwind_merge0.ClassNameValue | {
+      base?: tailwind_merge0.ClassNameValue;
+    };
+    outline: tailwind_merge0.ClassNameValue | {
+      base?: tailwind_merge0.ClassNameValue;
+    };
+  };
+  size: {
+    xs: tailwind_merge0.ClassNameValue | {
+      base?: tailwind_merge0.ClassNameValue;
+    };
+    sm: tailwind_merge0.ClassNameValue | {
+      base?: tailwind_merge0.ClassNameValue;
+    };
+    md: tailwind_merge0.ClassNameValue | {
+      base?: tailwind_merge0.ClassNameValue;
+    };
+    lg: tailwind_merge0.ClassNameValue | {
+      base?: tailwind_merge0.ClassNameValue;
+    };
+    xl: tailwind_merge0.ClassNameValue | {
+      base?: tailwind_merge0.ClassNameValue;
+    };
+  };
+}, undefined, "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", {
+  variant: {
+    default: string;
+    outline: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    outline: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+  variant: {
+    default: string;
+    outline: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  variant: {
+    default: string;
+    outline: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>>;
+type ToggleGroupItemVariantProps = Omit<VariantProps<typeof toggleGroupItemVariants>, "size" | "variant"> & {
+  size?: ToggleGroupSize;
+  variant?: ToggleGroupVariant;
+};
+type ToggleGroupItemProps = Toggle.Props & ToggleGroupItemVariantProps;
+declare const ToggleGroupItem: ({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}: ToggleGroupItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ToggleGroupVariant as a, ToggleGroupSize as i, ToggleGroupItemProps as n, ToggleGroupContext as r, ToggleGroupItem as t };
+//# sourceMappingURL=toggle-group-item-GtR1C20m.d.ts.map

package/dist/toggle-group-item-GtR1C20m.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-item-GtR1C20m.d.ts","names":[],"sources":["../src/ui/toggle-group/toggle-group-context.tsx","../src/ui/toggle-group/toggle-group-item.tsx"],"mappings":";;;;;;;;;;KAOY,kBAAA,GAAqB,WAAA,CAC/B,YAAA,QAAoB,cAAA;AAAA,KAEV,eAAA,GAAkB,MAAA;AAAA,UAEb,uBAAA;EACf,WAAA;EACA,IAAA,EAAM,eAAA;EACN,OAAA;EACA,OAAA,EAAS,kBAAA;AAAA;AAAA,cAGL,kBAAA,EAAkB,KAAA,CAAA,OAAA,CAAA,uBAAA;;;cCHlB,uBAAA,qBAAuB,YAAA;;aAO3B,eAAA,CAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,2BAAA,GAA8B,IAAA,CACjC,YAAA,QAAoB,uBAAA;EAGpB,IAAA,GAAO,eAAA;EACP,OAAA,GAAU,kBAAA;AAAA;AAAA,KAGA,oBAAA,GAAuB,MAAA,CAAgB,KAAA,GACjD,2BAAA;AAAA,cAEI,eAAA;EAAmB,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAMtB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/toggle-group.d.ts

@@ -1,32 +1,32 @@
-import { toggleVariants } from "./toggle.js";
-import { n as ToggleGroupContext, t as ToggleGroupItem } from "./toggle-group-item-CrPxpOF5.js";
-import { VariantProps } from "tailwind-variants";
+import { a as ToggleGroupVariant, i as ToggleGroupSize, n as ToggleGroupItemProps, r as ToggleGroupContext, t as ToggleGroupItem } from "./toggle-group-item-GtR1C20m.js";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as _base_ui_react0 from "@base-ui/react";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 
 //#region src/ui/toggle-group/toggle-group.d.ts
+type ToggleGroupProps = ToggleGroup$1.Props & {
+  orientation?: "horizontal" | "vertical";
+  size?: ToggleGroupSize;
+  spacing?: number;
+  variant?: ToggleGroupVariant;
+};
 declare const ToggleGroup: {
   ({
     className,
     variant,
-    size,
+    size: providedSize,
     spacing,
     orientation,
     children,
     ...props
-  }: ToggleGroup$1.Props & VariantProps<typeof toggleVariants> & {
-    spacing?: number;
-    orientation?: "horizontal" | "vertical";
-  }): react_jsx_runtime0.JSX.Element;
+  }: ToggleGroupProps): react_jsx_runtime0.JSX.Element;
   Item: ({
     className,
     children,
     variant,
     size,
     ...props
-  }: _base_ui_react0.Toggle.Props & VariantProps<typeof toggleVariants>) => react_jsx_runtime0.JSX.Element;
+  }: ToggleGroupItemProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { ToggleGroup, ToggleGroupContext, ToggleGroupItem };
+export { ToggleGroup, ToggleGroupContext, ToggleGroupItem, type ToggleGroupItemProps, ToggleGroupProps, type ToggleGroupSize, type ToggleGroupVariant };
 //# sourceMappingURL=toggle-group.d.ts.map

package/dist/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../src/ui/toggle-group/toggle-group.tsx"],"mappings":";;;;;;;;cAaM,WAAA;EAAA;;;;;;;;KAQH,aAAA,CAAqB,KAAA,GACtB,YAAA,QAAoB,cAAA;IAClB,OAAA;IACA,WAAA;EAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../src/ui/toggle-group/toggle-group.tsx"],"mappings":";;;;;KAeY,gBAAA,GAAmB,aAAA,CAAqB,KAAA;EAClD,WAAA;EACA,IAAA,GAAO,eAAA;EACP,OAAA;EACA,OAAA,GAAU,kBAAA;AAAA;AAAA,cAGN,WAAA;EAAA;;;;;;;;KAQH,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/toggle-group.js

@@ -1,30 +1,35 @@
 "use client";
 
-import { n as ToggleGroupContext, t as ToggleGroupItem } from "./toggle-group-item-D2z6INUa.js";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { n as ToggleGroupContext, t as ToggleGroupItem } from "./toggle-group-item-BNfDa9G7.js";
 import { cn } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 
 //#region src/ui/toggle-group/toggle-group.tsx
-const ToggleGroup = ({ className, variant, size, spacing = 0, orientation = "horizontal", children, ...props }) => /* @__PURE__ */ jsx(ToggleGroup$1, {
-	className: cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[spacing=0]:data-[variant=outline]:shadow-xs", className),
-	"data-orientation": orientation,
-	"data-size": size,
-	"data-slot": "toggle-group",
-	"data-spacing": spacing,
-	"data-variant": variant,
-	style: { "--gap": spacing },
-	...props,
-	children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
-		value: {
-			variant,
-			size,
-			spacing,
-			orientation
-		},
-		children
-	})
-});
+const ToggleGroup = ({ className, variant = "default", size: providedSize, spacing = 0, orientation = "horizontal", children, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(ToggleGroup$1, {
+		className: mergeBaseUIClassName(cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[spacing=0]:data-[variant=outline]:shadow-xs"), className),
+		"data-orientation": orientation,
+		"data-size": size,
+		"data-slot": "toggle-group",
+		"data-spacing": spacing,
+		"data-variant": variant,
+		style: { "--gap": spacing },
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size,
+				spacing,
+				orientation
+			},
+			children
+		})
+	});
+};
 ToggleGroup.Item = ToggleGroupItem;
 
 //#endregion

package/dist/toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.js","names":["ToggleGroupPrimitive"],"sources":["../src/ui/toggle-group/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport type { CSSProperties } from \"react\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { toggleVariants } from \"../toggle/toggle\";\n\nimport { ToggleGroupContext } from \"./toggle-group-context\";\nimport { ToggleGroupItem } from \"./toggle-group-item\";\n\nconst ToggleGroup = ({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  ...props\n}: ToggleGroupPrimitive.Props &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number;\n    orientation?: \"horizontal\" | \"vertical\";\n  }) => (\n  <ToggleGroupPrimitive\n    className={cn(\n      \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[spacing=0]:data-[variant=outline]:shadow-xs\",\n      className\n    )}\n    data-orientation={orientation}\n    data-size={size}\n    data-slot=\"toggle-group\"\n    data-spacing={spacing}\n    data-variant={variant}\n    style={{ \"--gap\": spacing } as CSSProperties}\n    {...props}\n  >\n    <ToggleGroupContext.Provider\n      value={{ variant, size, spacing, orientation }}\n    >\n      {children}\n    </ToggleGroupContext.Provider>\n  </ToggleGroupPrimitive>\n);\n\nToggleGroup.Item = ToggleGroupItem;\n\nexport { ToggleGroup, ToggleGroupContext, ToggleGroupItem };\n"],"mappings":";;;;;;;;AAaA,MAAM,eAAe,EACnB,WACA,SACA,MACA,UAAU,GACV,cAAc,cACd,UACA,GAAG,YAMH,oBAACA;CACC,WAAW,GACT,+NACA,UACD;CACD,oBAAkB;CAClB,aAAW;CACX,aAAU;CACV,gBAAc;CACd,gBAAc;CACd,OAAO,EAAE,SAAS,SAAS;CAC3B,GAAI;WAEJ,oBAAC,mBAAmB;EAClB,OAAO;GAAE;GAAS;GAAM;GAAS;GAAa;EAE7C;GAC2B;EACT;AAGzB,YAAY,OAAO"}
+{"version":3,"file":"toggle-group.js","names":["ToggleGroupPrimitive"],"sources":["../src/ui/toggle-group/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport type { CSSProperties } from \"react\";\n\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\";\nimport { cn } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport {\n  ToggleGroupContext,\n  type ToggleGroupSize,\n  type ToggleGroupVariant,\n} from \"./toggle-group-context\";\nimport { ToggleGroupItem } from \"./toggle-group-item\";\nexport type ToggleGroupProps = ToggleGroupPrimitive.Props & {\n  orientation?: \"horizontal\" | \"vertical\";\n  size?: ToggleGroupSize;\n  spacing?: number;\n  variant?: ToggleGroupVariant;\n};\n\nconst ToggleGroup = ({\n  className,\n  variant = \"default\",\n  size: providedSize,\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  ...props\n}: ToggleGroupProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <ToggleGroupPrimitive\n      className={mergeBaseUIClassName<ToggleGroupPrimitive.State>(\n        cn(\n          \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[spacing=0]:data-[variant=outline]:shadow-xs\"\n        ),\n        className\n      )}\n      data-orientation={orientation}\n      data-size={size}\n      data-slot=\"toggle-group\"\n      data-spacing={spacing}\n      data-variant={variant}\n      style={{ \"--gap\": spacing } as CSSProperties}\n      {...props}\n    >\n      <ToggleGroupContext.Provider\n        value={{ variant, size, spacing, orientation }}\n      >\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive>\n  );\n};\n\nToggleGroup.Item = ToggleGroupItem;\n\nexport { ToggleGroup, ToggleGroupContext, ToggleGroupItem };\n\nexport type { ToggleGroupItemProps } from \"./toggle-group-item\";\nexport type {\n  ToggleGroupSize,\n  ToggleGroupVariant,\n} from \"./toggle-group-context\";\n"],"mappings":";;;;;;;;;;AAsBA,MAAM,eAAe,EACnB,WACA,UAAU,WACV,MAAM,cACN,UAAU,GACV,cAAc,cACd,UACA,GAAG,YACmB;CACtB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACA;EACC,WAAW,qBACT,GACE,8NACD,EACD,UACD;EACD,oBAAkB;EAClB,aAAW;EACX,aAAU;EACV,gBAAc;EACd,gBAAc;EACd,OAAO,EAAE,SAAS,SAAS;EAC3B,GAAI;YAEJ,oBAAC,mBAAmB;GAClB,OAAO;IAAE;IAAS;IAAM;IAAS;IAAa;GAE7C;IAC2B;GACT;;AAI3B,YAAY,OAAO"}

package/dist/toggle.d.ts

@@ -10,19 +10,23 @@ declare const toggleVariants: tailwind_variants0.TVReturnType<{
     outline: string;
   };
   size: {
-    default: string;
+    xs: string;
     sm: string;
+    md: string;
     lg: string;
+    xl: string;
   };
-}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variant: {
     default: string;
     outline: string;
   };
   size: {
-    default: string;
+    xs: string;
     sm: string;
+    md: string;
     lg: string;
+    xl: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   variant: {
@@ -30,16 +34,18 @@ declare const toggleVariants: tailwind_variants0.TVReturnType<{
     outline: string;
   };
   size: {
-    default: string;
+    xs: string;
     sm: string;
+    md: string;
     lg: string;
+    xl: string;
   };
-}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
+}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
 type ToggleProps = Toggle$1.Props & VariantProps<typeof toggleVariants>;
 declare const Toggle: ({
   className,
   variant,
-  size,
+  size: providedSize,
   ...props
 }: ToggleProps) => react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","names":[],"sources":["../src/ui/toggle/toggle.tsx"],"mappings":";;;;;;cAGM,cAAA,EAiBJ,kBAAA,CAjBkB,YAAA;;;;;;;;;;;;;;;;;;;;cAiBlB,kBAAA,CAAA,YAAA;;;;;;;;;;;KAEU,WAAA,GAAc,QAAA,CAAgB,KAAA,GACxC,YAAA,QAAoB,cAAA;AAAA,cAEhB,MAAA;EAAU,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKb,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"toggle.d.ts","names":[],"sources":["../src/ui/toggle/toggle.tsx"],"mappings":";;;;;;cAMM,cAAA,EAmBJ,kBAAA,CAnBkB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;cAmBlB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;KAEU,WAAA,GAAc,QAAA,CAAgB,KAAA,GACxC,YAAA,QAAoB,cAAA;AAAA,cAEhB,MAAA;EAAU,SAAA;EAAA,OAAA;EAAA,IAAA,EAAA,YAAA;EAAA,GAAA;AAAA,GAKb,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/toggle.js

@@ -1,34 +1,40 @@
-import { cn, tv } from "tailwind-variants";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { tv } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
 
 //#region src/ui/toggle/toggle.tsx
 const toggleVariants = tv({
-	base: "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	base: "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
 	variants: {
 		variant: {
 			default: "bg-transparent",
 			outline: "border border-input bg-transparent hover:bg-muted"
 		},
 		size: {
-			default: "h-8 min-w-8 px-2",
+			xs: "h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-1.5 text-xs [&_svg:not([class*='size-'])]:size-3",
 			sm: "h-7 min-w-7 rounded-[min(var(--radius-md),10px)] px-1.5",
-			lg: "h-9 min-w-9 px-2.5"
+			md: "h-8 min-w-8 px-2",
+			lg: "h-9 min-w-9 px-2.5",
+			xl: "h-10 min-w-10 px-3 text-base [&_svg:not([class*='size-'])]:size-5"
 		}
 	},
 	defaultVariants: {
 		variant: "default",
-		size: "default"
+		size: "md"
 	}
 });
-const Toggle = ({ className, variant = "default", size = "default", ...props }) => /* @__PURE__ */ jsx(Toggle$1, {
-	className: cn(toggleVariants({
-		variant,
-		size
-	}), className),
-	"data-slot": "toggle",
-	...props
-});
+const Toggle = ({ className, variant = "default", size: providedSize, ...props }) => {
+	return /* @__PURE__ */ jsx(Toggle$1, {
+		className: mergeBaseUIClassName(toggleVariants({
+			variant,
+			size: useComponentSize(providedSize)
+		}), className),
+		"data-slot": "toggle",
+		...props
+	});
+};
 
 //#endregion
 export { Toggle, toggleVariants };

package/dist/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":["TogglePrimitive"],"sources":["../src/ui/toggle/toggle.tsx"],"sourcesContent":["import { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nconst toggleVariants = tv({\n  base: \"group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      outline: \"border border-input bg-transparent hover:bg-muted\",\n    },\n    size: {\n      default: \"h-8 min-w-8 px-2\",\n      sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),10px)] px-1.5\",\n      lg: \"h-9 min-w-9 px-2.5\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n});\n\nexport type ToggleProps = TogglePrimitive.Props &\n  VariantProps<typeof toggleVariants>;\n\nconst Toggle = ({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: ToggleProps) => (\n  <TogglePrimitive\n    className={cn(toggleVariants({ variant, size }), className)}\n    data-slot=\"toggle\"\n    {...props}\n  />\n);\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;AAGA,MAAM,iBAAiB,GAAG;CACxB,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAKF,MAAM,UAAU,EACd,WACA,UAAU,WACV,OAAO,WACP,GAAG,YAEH,oBAACA;CACC,WAAW,GAAG,eAAe;EAAE;EAAS;EAAM,CAAC,EAAE,UAAU;CAC3D,aAAU;CACV,GAAI;EACJ"}
+{"version":3,"file":"toggle.js","names":["TogglePrimitive"],"sources":["../src/ui/toggle/toggle.tsx"],"sourcesContent":["import { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\n\nconst toggleVariants = tv({\n  base: \"group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      outline: \"border border-input bg-transparent hover:bg-muted\",\n    },\n    size: {\n      xs: \"h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-1.5 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),10px)] px-1.5\",\n      md: \"h-8 min-w-8 px-2\",\n      lg: \"h-9 min-w-9 px-2.5\",\n      xl: \"h-10 min-w-10 px-3 text-base [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nexport type ToggleProps = TogglePrimitive.Props &\n  VariantProps<typeof toggleVariants>;\n\nconst Toggle = ({\n  className,\n  variant = \"default\",\n  size: providedSize,\n  ...props\n}: ToggleProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <TogglePrimitive\n      className={mergeBaseUIClassName<TogglePrimitive.State>(\n        toggleVariants({ variant, size }),\n        className\n      )}\n      data-slot=\"toggle\"\n      {...props}\n    />\n  );\n};\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;;AAMA,MAAM,iBAAiB,GAAG;CACxB,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAKF,MAAM,UAAU,EACd,WACA,UAAU,WACV,MAAM,cACN,GAAG,YACc;AAGjB,QACE,oBAACA;EACC,WAAW,qBACT,eAAe;GAAE;GAAS,MALnB,iBAAiB,aAAa;GAKL,CAAC,EACjC,UACD;EACD,aAAU;EACV,GAAI;GACJ"}