@px-ui/core 1.28.0 → 1.29.4

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Root","BaseDialog","Portal","Trigger","Close","Content","Header","Footer","Title","Description","Root","BasePopover","Trigger","Header","Title","Description","Content","entry","Root","Button","ButtonComponent","Input","List","React","Root","Content","useInfiniteScroll","Item","MultiItem","ItemIndicator","InputGroup.Root","InputGroup.Input","InputGroup.Addon","InputGroup.Button","Trigger","Value","React","Root","Content","List","Item","Trigger","Value","Root","Trigger","Content","Item","Separator","Group","RadioGroup","Root","Indicator","Label","Root","BaseRadioGroup","Item","React","Root","BaseTabs","Trigger","Content","BaseTooltip","BaseCheckbox","Group","BaseCheckboxGroup","Item","Header","Title","Description","BaseRadioGroup","Group","BaseRadioGroup","Item","RadioGroupItemPrimitive","props","className","React","Tooltip.Root","Tooltip.Trigger","Tooltip.Content","AvatarBase","Tooltip.BaseProvider","Tooltip.BaseRoot","Tooltip.Trigger","Tooltip.Content","Popover.Root","Popover.Trigger","Popover.Content","BaseSwitch","React","handleSelect: OnSelectHandler<Date>","Popover.Root","Popover.Trigger","format","Popover.Content","formatDate"],"sources":["../src/utils/classnames.ts","../src/components/button.tsx","../src/icons/close-icon.tsx","../src/components/dialog.tsx","../src/components/popover.tsx","../src/hooks/use-intersection-observer.ts","../src/hooks/use-infinite-scroll.ts","../src/components/spinner.tsx","../src/tw-styles/dropdown.ts","../src/icons/clear-icon.tsx","../src/icons/chevron-down-icon.tsx","../src/icons/search-icon.tsx","../src/icons/check-icon.tsx","../src/components/input-group.tsx","../src/hooks/use-debounce.ts","../src/hooks/use-async-options.ts","../src/components/combobox.tsx","../src/components/select.tsx","../src/components/menu.tsx","../src/components/progress.tsx","../src/components/segmented-control.tsx","../src/components/tabs.tsx","../src/components/tooltip.tsx","../src/components/checkbox.tsx","../src/components/block-checkbox-group.tsx","../src/components/radio-group.tsx","../src/components/block-radio-group.tsx","../src/components/breadcrumbs.tsx","../src/components/calendar.tsx","../src/components/label.tsx","../src/components/input.tsx","../src/components/textarea.tsx","../src/components/avatar.tsx","../src/components/avatar-group.tsx","../src/components/switch.tsx","../src/components/separator.tsx","../src/icons/calendar-icon.tsx","../src/components/date-picker.tsx","../src/index.ts"],"sourcesContent":["import classnames, { type ArgumentArray } from \"classnames\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\n// Create a custom tailwind-merge instance that knows about our custom utilities\nconst customTwMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      \"font-size\": [\n        // Add our custom text-ppx-* utilities to the font-size group instead of text-color\n        {\n          text: [\n            \"ppx-h1\",\n            \"ppx-h2\",\n            \"ppx-h3\",\n            \"ppx-h4\",\n            \"ppx-base\",\n            \"ppx-sm\",\n            \"ppx-xs\",\n          ],\n        },\n      ],\n      // Add custom height utilities\n      h: [{ h: [\"stretch-available\", \"input\", \"input-s\"] }],\n      // Add custom min-height utilities\n      \"min-h\": [{ \"min-h\": [\"input\", \"input-s\"] }],\n      // Add custom min-width utilities\n      \"min-w\": [{ \"min-w\": [\"input\"] }],\n      // Add custom padding utilities\n      p: [{ p: [\"input\"] }],\n      // Add custom border radius utilities\n      rounded: [\n        {\n          rounded: [\n            \"ppx-xs\",\n            \"ppx-s\",\n            \"ppx-m\",\n            \"ppx-l\",\n            \"ppx-xl\",\n            \"input\",\n            \"input-s\",\n          ],\n        },\n      ],\n      // Add custom font family utilities\n      \"font-family\": [{ font: [\"sans-light\", \"sans-sb\", \"sans-b\"] }],\n    },\n  },\n});\n\nexport function cn(...inputs: ArgumentArray) {\n  return customTwMerge(classnames(inputs));\n}\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap transition-colors disabled:cursor-not-allowed shrink-0 [&_svg]:shrink-0 outline-none rounded-ppx-s font-medium focus-visible:ring-3 focus-visible:ring-ppx-neutral-17/30\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-ppx-neutral-11 text-white shadow-xs not-disabled:hover:bg-ppx-neutral-10 not-disabled:active:bg-ppx-neutral-11 disabled:bg-ppx-neutral-6\",\n        primary:\n          \"bg-ppx-primary-5 text-white shadow-xs not-disabled:hover:bg-ppx-primary-4 not-disabled:active:bg-ppx-primary-5 disabled:bg-ppx-primary-2 disabled:text-ppx-neutral-8\",\n        destructive:\n          \"bg-ppx-red-5 text-white shadow-xs hover:bg-ppx-red-4 not-disabled:active:bg-ppx-red-5 disabled:bg-ppx-red-2 disabled:text-ppx-neutral-13\",\n        outline:\n          \"shadow-xs not-disabled:hover:bg-ppx-neutral-2 not-disabled:active:bg-ppx-neutral-3 disabled:border-ppx-neutral-7 border border-ppx-neutral-11 text-ppx-neutral-11 disabled:text-ppx-neutral-7\",\n        \"primary-outline\":\n          \"shadow-xs not-disabled:hover:bg-ppx-primary-1 not-disabled:active:bg-ppx-primary-2/50 disabled:text-ppx-primary-2 disabled:border-ppx-primary-2 border border-ppx-primary-5 text-ppx-primary-5\",\n        ghost:\n          \"not-disabled:hover:bg-ppx-neutral-2 not-disabled:active:bg-ppx-neutral-3 not-disabled:hover:text-black text-ppx-neutral-12 disabled:opacity-70\",\n        link: \"text-ppx-neutral-12 underline-offset-4 underline cursor-pointer not-disabled:hover:bg-ppx-neutral-2 not-disabled:active:bg-ppx-neutral-3 disabled:opacity-70\",\n      },\n      size: {\n        default: \"px-4 py-2 h-10 has-[>svg]:px-3 text-ppx-base\",\n        sm: \"gap-1.5 px-3 has-[>svg]:px-2.5 h-8 text-ppx-sm\",\n        lg: \"px-6 h-12 text-ppx-base font-sans-sb has-[>svg]:px-4\",\n        \"icon-sm\": \"h-8 size-8\",\n        icon: \"size-10 px-2\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\ninterface ButtonProps\n  extends React.ComponentProps<\"button\">,\n    VariantProps<typeof buttonVariants> {}\n\nfunction Button({ className, variant, size, ...props }: ButtonProps) {\n  return (\n    <button\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n","export default function CloseIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n","import * as React from \"react\";\nimport { Dialog as BaseDialog } from \"@base-ui-components/react\";\n\nimport { cn } from \"../utils\";\nimport { Button } from \"./button\";\nimport CloseIcon from \"../icons/close-icon\";\n\nexport function Root({\n  ...props\n}: React.ComponentProps<typeof BaseDialog.Root>) {\n  return <BaseDialog.Root data-slot=\"dialog\" {...props} />;\n}\n\nexport function Portal({\n  ...props\n}: React.ComponentProps<typeof BaseDialog.Portal>) {\n  return <BaseDialog.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nexport function Trigger({\n  ...props\n}: React.ComponentProps<typeof BaseDialog.Trigger>) {\n  return <BaseDialog.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nexport function Close({\n  ...props\n}: React.ComponentProps<typeof BaseDialog.Close>) {\n  return <BaseDialog.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nexport function Overlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseDialog.Backdrop>) {\n  return (\n    <BaseDialog.Backdrop\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"inset-0 bg-black/50 fixed transition-all duration-200 [&[data-ending-style]]:opacity-0 [&[data-starting-style]]:opacity-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Content({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof BaseDialog.Popup>) {\n  return (\n    <Portal data-slot=\"dialog-portal\">\n      <Overlay />\n      <BaseDialog.Popup\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"fixed z-50 grid w-full bg-ppx-background text-ppx-foreground ppx-sm:max-w-[calc(100%-2rem)]\",\n          \"gap-8 p-6 shadow-lg ppx-sm:max-w-lg rounded-ppx-m rounded-b-none border border-ppx-neutral-5 duration-200 outline-none ppx-sm:scale-[calc(1-0.1*var(--nested-dialogs))] ppx-sm:rounded-b-ppx-m\",\n          \"bottom-0 fixed w-full ppx-sm:top-[50%] ppx-sm:bottom-auto ppx-sm:left-[50%] ppx-sm:translate-x-[-50%] ppx-sm:translate-y-[-50%]\",\n          \"duration-200\",\n          \"data-[starting-style]:translate-y-full data-[starting-style]:opacity-0\",\n          \"data-[ending-style]:translate-y-full data-[ending-style]:opacity-0\",\n          \"data-[starting-style]:ppx-sm:translate-y-[-50%] data-[starting-style]:ppx-sm:scale-95\",\n          \"data-[ending-style]:ppx-sm:translate-y-[-50%] data-[ending-style]:ppx-sm:scale-95\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <BaseDialog.Close\n          className=\"top-4 right-4 absolute text-ppx-muted-foreground\"\n          render={(closeProps) => (\n            <Button {...closeProps} size=\"icon-sm\" variant=\"ghost\">\n              <CloseIcon />\n              <span className=\"sr-only\">Close</span>\n            </Button>\n          )}\n        />\n      </BaseDialog.Popup>\n    </Portal>\n  );\n}\n\nexport function Header({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"gap-3 flex\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function HeaderContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"gap-2 flex flex-col self-center\", className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function HeaderIcon({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\n        \"size-12 flex shrink-0 items-center justify-center rounded-full bg-ppx-neutral-2 text-ppx-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function Footer({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"gap-2 flex flex-col-reverse ppx-sm:flex-row ppx-sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Title({\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseDialog.Title>) {\n  return (\n    <BaseDialog.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"font-sans-sb text-ppx-h4 leading-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function Description({\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseDialog.Description>) {\n  return (\n    <BaseDialog.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-ppx-sm text-ppx-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n","import { Popover as BasePopover } from \"@base-ui-components/react/popover\";\n\nimport { cn } from \"../utils\";\nimport CloseIcon from \"../icons/close-icon\";\nimport { Button } from \"./button\";\n\nexport function Root(props: React.ComponentProps<typeof BasePopover.Root>) {\n  return <BasePopover.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction Portal(props: React.ComponentProps<typeof BasePopover.Portal>) {\n  return <BasePopover.Portal data-slot=\"popover-portal\" {...props} />;\n}\n\nexport function Trigger(\n  props: React.ComponentProps<typeof BasePopover.Trigger>,\n) {\n  return <BasePopover.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nexport function Close(props: React.ComponentProps<typeof BasePopover.Close>) {\n  return <BasePopover.Close data-slot=\"popover-close\" {...props} />;\n}\n\nfunction Arrow(props: React.ComponentProps<typeof BasePopover.Arrow>) {\n  return <BasePopover.Arrow data-slot=\"popover-arrow\" {...props} />;\n}\n\nfunction Positioner(\n  props: React.ComponentProps<typeof BasePopover.Positioner>,\n) {\n  return <BasePopover.Positioner data-slot=\"popover-positioner\" {...props} />;\n}\n\nexport function Header({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-header\"\n      className={cn(\"gap-y-1 relative flex flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function Title({\n  className,\n  ...props\n}: React.ComponentProps<typeof BasePopover.Title>) {\n  return (\n    <BasePopover.Title\n      data-slot=\"popover-title\"\n      className={cn(\"font-sans-sb text-ppx-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function Description({\n  className,\n  ...props\n}: React.ComponentProps<typeof BasePopover.Description>) {\n  return (\n    <BasePopover.Description\n      data-slot=\"popover-description\"\n      className={cn(\"text-ppx-sm text-ppx-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function Content({\n  children,\n  className,\n  positionerProps = {},\n  popupProps = {},\n  arrow = true,\n}: { popupProps?: React.ComponentProps<typeof BasePopover.Popup> } & {\n  positionerProps?: React.ComponentProps<typeof Positioner>;\n} & { children: React.ReactNode; arrow?: boolean; className?: string }) {\n  return (\n    <Portal>\n      <Positioner\n        sideOffset={8}\n        align=\"center\"\n        positionMethod=\"fixed\"\n        side=\"bottom\"\n        {...positionerProps}\n      >\n        <BasePopover.Popup\n          data-slot=\"popover-content\"\n          {...popupProps}\n          className={cn(\n            \"p-4 shadow-md z-50 min-w-input origin-[var(--transform-origin)] rounded-ppx-m bg-ppx-background text-ppx-foreground outline -outline-offset-1 outline-ppx-neutral-5 transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0\",\n            popupProps.className,\n            className,\n          )}\n        >\n          {arrow && (\n            <Arrow className=\"data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180\">\n              <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\">\n                <path\n                  d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V9H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                  className=\"fill-ppx-background\"\n                />\n                <path\n                  d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                  className=\"fill-ppx-neutral-5\"\n                />\n              </svg>\n            </Arrow>\n          )}\n          {children}\n        </BasePopover.Popup>\n      </Positioner>\n    </Portal>\n  );\n}\n\nexport function CloseIconButton({\n  className,\n  ...props\n}: React.ComponentProps<\"button\">) {\n  return (\n    <BasePopover.Close\n      render={(closeProps) => (\n        <Button\n          aria-label=\"Close\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          className={cn(\n            \"self-start text-ppx-muted-foreground transition-colors hover:text-ppx-foreground\",\n            className,\n          )}\n          {...closeProps}\n          {...props}\n        >\n          <CloseIcon className=\"size-5\" />\n        </Button>\n      )}\n    />\n  );\n}\n\nexport function Footer({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"popover-footer\"\n      className={cn(\n        \"gap-2 flex flex-col-reverse ppx-sm:flex-row ppx-sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n","import React from \"react\";\n\nexport interface UseIntersectionObserverOptions {\n  threshold?: number | number[];\n  root?: Element | Document | null;\n  rootMargin?: string;\n}\n\nexport type UseIntersectionObserverReturn = [\n  (node: Element | null) => void,\n  IntersectionObserverEntry | null,\n];\n\nexport function useIntersectionObserver(\n  options: UseIntersectionObserverOptions = {},\n): UseIntersectionObserverReturn {\n  const { threshold = 1, root = null, rootMargin = \"0px\" } = options;\n  const [entry, setEntry] = React.useState<IntersectionObserverEntry | null>(\n    null,\n  );\n\n  const previousObserver = React.useRef<IntersectionObserver | null>(null);\n\n  const customRef = React.useCallback(\n    (node: Element | null) => {\n      if (previousObserver.current) {\n        previousObserver.current.disconnect();\n        previousObserver.current = null;\n      }\n\n      if (node?.nodeType === Node.ELEMENT_NODE) {\n        const observer = new IntersectionObserver(\n          ([entry]: IntersectionObserverEntry[]) => {\n            setEntry(entry ?? null);\n          },\n          { threshold, root, rootMargin },\n        );\n\n        observer.observe(node);\n        previousObserver.current = observer;\n      }\n    },\n    [threshold, root, rootMargin],\n  );\n\n  return [customRef, entry] as const;\n}\n","import { useEffect, useEffectEvent } from \"react\";\nimport {\n  useIntersectionObserver,\n  type UseIntersectionObserverOptions,\n} from \"./use-intersection-observer\";\n\nconst DEFAULT_DELAY_IN_MS = 100;\n\nexport type UseInfiniteScrollHookArgs = Pick<\n  UseIntersectionObserverOptions,\n  \"rootMargin\" | \"threshold\"\n> & {\n  isLoadingMore: boolean;\n  // If the list has more items to load.\n  hasMore: boolean;\n  // The callback function to execute when the 'onLoadMore' is triggered.\n  onLoadMore: () => unknown;\n  // Flag to stop infinite scrolling. Can be used in case of an error etc too.\n  disabled?: boolean;\n};\n\nfunction useInfiniteScroll({\n  isLoadingMore,\n  hasMore,\n  onLoadMore,\n  rootMargin,\n  disabled,\n  threshold,\n}: UseInfiniteScrollHookArgs) {\n  const [ref, entry] = useIntersectionObserver({\n    rootMargin,\n    threshold,\n  });\n  const isVisible = Boolean(entry?.isIntersecting);\n\n  const onLoadMoreEvent = useEffectEvent(() => {\n    onLoadMore();\n  });\n\n  useEffect(() => {\n    if (disabled) return;\n\n    if (isVisible && hasMore && !isLoadingMore && !disabled) {\n      // When we trigger 'onLoadMore' and new items are added to the list,\n      // right before they become rendered on the screen, 'isLoadingMore' becomes false\n      // and 'isVisible' can be true for a brief time, based on the scroll position.\n      // So, it triggers 'onLoadMore' just after the first one is finished.\n      // We use a small delay here to prevent this kind of situations.\n      const timer = setTimeout(() => {\n        onLoadMoreEvent();\n      }, DEFAULT_DELAY_IN_MS);\n\n      return () => {\n        clearTimeout(timer);\n      };\n    }\n  }, [isVisible, isLoadingMore, hasMore, disabled]);\n\n  return [ref] as const;\n}\n\nexport default useInfiniteScroll;\n","import { cn } from \"../utils\";\n\ninterface SpinnerProps {\n  size?: \"small\" | \"medium\" | \"large\";\n  className?: string;\n}\n\nconst sizeClasses = {\n  small: \"w-4 h-4\",\n  medium: \"w-6 h-6\",\n  large: \"w-8 h-8\",\n};\n\nexport function Spinner({ size = \"small\", className }: SpinnerProps) {\n  const spinnerClasses = cn(\n    \"animate-spin inline-block\",\n    sizeClasses[size],\n    className,\n  );\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2.5}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-label=\"Loading\"\n      role=\"status\"\n      className={spinnerClasses}\n    >\n      <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n    </svg>\n  );\n}\n","import { cva } from \"class-variance-authority\";\n\nexport const DROPDOWN_ITEM_CN =\n  \"gap-2 py-2 pr-8 pl-4 text-ppx-sm flex cursor-default items-center outline-none select-none not-data-disabled:data-highlighted:bg-ppx-primary-b-1 data-selected:bg-ppx-primary-1! data-checked:bg-ppx-primary-1! text-ppx-foreground my-0.5 data-disabled:opacity-50\";\n\nexport const DROPDOWN_POPUP_CN =\n  \"rounded-ppx-s shadow-xs max-h-[var(--available-height)] origin-[var(--transform-origin)] overflow-y-auto bg-ppx-background bg-clip-padding shadow-ppx-neutral-5 outline-1 outline-ppx-neutral-5 transition-[transform,scale,opacity] data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[side=none]:data-[ending-style]:transition-none data-[starting-style]:scale-90 data-[starting-style]:opacity-0 data-[side=none]:data-[starting-style]:scale-100 data-[side=none]:data-[starting-style]:opacity-100 data-[side=none]:data-[starting-style]:transition-none group  max-w-[var(--available-width)] text-ppx-foreground\";\n\nexport const DROPDOWN_POSITIONER_CN = \"z-10 outline-none\";\n\nexport const triggerVariants = cva(\n  \"gap-2 text-ppx-sm bg-ppx-neutral-1 inline-flex items-center justify-between border border-ppx-neutral-5 aria-invalid:border-ppx-red-4 text-ppx-foreground outline-transparent p-input focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-ppx-neutral-6 focus-visible:aria-invalid:outline-transparent data-disabled:cursor-not-allowed data-disabled:border-ppx-neutral-3 data-disabled:bg-ppx-neutral-3 data-disabled:text-ppx-neutral-11 data-popup-open:brightness-97\",\n  {\n    variants: {\n      size: {\n        default: \"rounded-input min-h-input h-input\",\n        sm: \"rounded-input-s min-h-input-s h-input-s\",\n      },\n      widthVariant: {\n        enforced: \"min-w-input w-[var(--min-width-input)]\",\n        fit: \"min-w-0 w-fit\",\n        full: \"min-w-0 w-full\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      widthVariant: \"enforced\",\n    },\n  },\n);\n","import { cn } from \"../utils\";\n\nexport default function ClearIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n      className={cn(\"shrink-0\", props.className)}\n    >\n      <path d=\"M18 6L6 18\" />\n      <path d=\"M6 6l12 12\" />\n    </svg>\n  );\n}\n","import { cn } from \"../utils\";\n\nexport default function ChevronDownIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      {...props}\n      className={cn(\"size-4 shrink-0\", props.className)}\n    >\n      <path d=\"M6 9l6 6 6-6\" />\n    </svg>\n  );\n}\n","import { cn } from \"../utils\";\n\nexport default function SearchIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn(\"shrink-0\", props.className)}\n    >\n      <path\n        d=\"M15.9038 14.9625L11.2623 10.321C12.1404 9.24234 12.6723 7.85136 12.6723 6.33612C12.6723 2.83678 9.83548 0 6.33612 0C2.83677 0 0 2.83677 0 6.33612C0 9.83547 2.83677 12.6723 6.33612 12.6723C7.85133 12.6723 9.24233 12.1404 10.3326 11.2532L10.321 11.2623L14.9613 15.9026C15.0215 15.9628 15.1047 16 15.1966 16C15.2885 16 15.3717 15.9628 15.4319 15.9026L15.9026 15.4319C15.9628 15.3716 16 15.2884 16 15.1965C16 15.1053 15.9633 15.0226 15.9038 14.9624L15.9038 14.9625L15.9038 14.9625ZM6.34922 11.341C6.34886 11.341 6.34842 11.341 6.34798 11.341C3.59045 11.341 1.35503 9.10555 1.35503 6.34802C1.35503 3.59048 3.59045 1.35506 6.34798 1.35506C9.10552 1.35506 11.3409 3.59048 11.3409 6.34802C11.3409 6.34845 11.3409 6.34887 11.3409 6.34931V6.34925C11.3374 9.10469 9.10467 11.3375 6.34955 11.341H6.3492L6.34922 11.341Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n","import { cn } from \"../utils\";\n\nexport default function CheckIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      fill=\"currentcolor\"\n      width=\"10\"\n      height=\"10\"\n      viewBox=\"0 0 10 10\"\n      {...props}\n      className={cn(\"shrink-0\", props.className)}\n    >\n      <path d=\"M9.1603 1.12218C9.50684 1.34873 9.60427 1.81354 9.37792 2.16038L5.13603 8.66012C5.01614 8.8438 4.82192 8.96576 4.60451 8.99384C4.3871 9.02194 4.1683 8.95335 4.00574 8.80615L1.24664 6.30769C0.939709 6.02975 0.916013 5.55541 1.19372 5.24822C1.47142 4.94102 1.94536 4.91731 2.2523 5.19524L4.36085 7.10461L8.12299 1.33999C8.34934 0.993152 8.81376 0.895638 9.1603 1.12218Z\" />\n    </svg>\n  );\n}\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../utils\";\nimport { Button as ButtonComponent } from \"./button\";\n\nconst inputGroupVariants = cva(\n  \"group/input-group relative flex items-center border border-ppx-neutral-5 bg-ppx-neutral-1 outline-transparent has-[[data-slot=input-group-control]:focus-visible]:outline-2 has-[[data-slot=input-group-control]:focus-visible]:-outline-offset-1 has-[[data-slot=input-group-control]:focus-visible]:bg-ppx-background has-[[data-slot=input-group-control]:focus-visible]:outline-ppx-primary-focus has-[[data-slot][aria-invalid=true]]:outline-ppx-red-4 has-[[data-slot][aria-invalid=true]]:outline has-[[data-slot][aria-invalid=true]]:-outline-offset-1 has-[[data-slot][aria-invalid=true]]:bg-ppx-red-1 has-[[data-slot=input-group-control]:disabled]:*:cursor-not-allowed has-[[data-slot=input-group-control]:disabled]:border-ppx-neutral-3 has-[[data-slot=input-group-control]:disabled]:bg-ppx-neutral-3 has-[[data-slot=input-group-control]:disabled]:text-ppx-neutral-11 has-[>[data-align=inline-start]]:[&>input]:pl-input has-[>[data-align=inline-end]]:[&>input]:pr-input\",\n  {\n    variants: {\n      size: {\n        default: \"h-input rounded-input\",\n        sm: \"h-input-s rounded-input-s\",\n      },\n      widthVariant: {\n        enforced: \"min-w-input w-[var(--min-width-input)]\",\n        fit: \"min-w-0 w-fit\",\n        full: \"min-w-0 w-full\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      widthVariant: \"full\",\n    },\n  },\n);\n\nexport function Root({\n  className,\n  size,\n  disabled,\n  widthVariant,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof inputGroupVariants> & { disabled?: boolean }) {\n  return (\n    <div\n      data-slot=\"input-group\"\n      role=\"group\"\n      className={cn(inputGroupVariants({ size, widthVariant }), className)}\n      data-disabled={disabled}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupAddonVariants = cva(\n  \"text-ppx-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 group-data-[disabled=true]/input-group:opacity-50\",\n  {\n    variants: {\n      align: {\n        \"inline-start\": \"order-first pl-input\",\n        \"inline-end\": \"order-last pr-input\",\n      },\n    },\n    defaultVariants: {\n      align: \"inline-start\",\n    },\n  },\n);\n\ninterface AddonProps\n  extends React.ComponentProps<\"div\">,\n    VariantProps<typeof inputGroupAddonVariants> {}\n\nexport function Addon({\n  className,\n  align = \"inline-start\",\n  ...props\n}: AddonProps) {\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"input-group-addon\"\n      data-align={align}\n      className={cn(inputGroupAddonVariants({ align }), className)}\n      onClick={(e) => {\n        if ((e.target as HTMLElement).closest(\"button\")) {\n          return;\n        }\n        e.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n      }}\n      {...props}\n    />\n  );\n}\n\nconst inputGroupButtonVariants = cva(\n  \"text-ppx-sm shadow-none flex gap-2 items-center\",\n  {\n    variants: {\n      size: {\n        xs: \"h-6 gap-1 px-2 rounded-input [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2\",\n        sm: \"h-8 px-2.5 gap-1.5 rounded-input has-[>svg]:px-2.5\",\n        \"icon-xs\": \"size-6 rounded-input p-0 has-[>svg]:p-0\",\n        \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      },\n    },\n    defaultVariants: {\n      size: \"xs\",\n    },\n  },\n);\n\nexport function Button({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size = \"xs\",\n  ...props\n}: Omit<React.ComponentProps<typeof ButtonComponent>, \"size\"> &\n  VariantProps<typeof inputGroupButtonVariants>) {\n  return (\n    <ButtonComponent\n      type={type}\n      data-size={size}\n      variant={variant}\n      className={cn(inputGroupButtonVariants({ size }), className)}\n      {...props}\n    />\n  );\n}\n\nexport function Text({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      className={cn(\n        \"gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center text-ppx-muted-foreground [&_svg]:pointer-events-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Input({\n  className,\n  invalid,\n  ...props\n}: React.ComponentProps<\"input\"> & { invalid?: boolean }) {\n  return (\n    <input\n      data-slot=\"input-group-control\"\n      aria-invalid={invalid}\n      className={cn(\n        \"font-medium min-w-0 flex-1 rounded-none border-0 bg-transparent p-input text-ppx-sm text-ppx-foreground placeholder:font-sans-light placeholder:text-ppx-sm placeholder:text-ppx-neutral-12 focus:outline-none disabled:placeholder:text-ppx-neutral-11\",\n        props.type === \"number\" && \"no-arrow-spin\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n","import { useEffect, useEffectEvent, useRef, useState } from \"react\";\n\nexport default function useDebounce<T>(\n  callback: () => void,\n  delay: number,\n  deps: React.DependencyList,\n) {\n  const timeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const cb = useEffectEvent(callback);\n\n  useEffect(() => {\n    if (timeout.current) {\n      clearTimeout(timeout.current);\n    }\n\n    timeout.current = setTimeout(() => {\n      cb();\n      timeout.current = null;\n    }, delay);\n\n    return () => {\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n        timeout.current = null;\n      }\n    };\n  }, [...deps, delay]);\n}\n","import { useRef, useState } from \"react\";\nimport { useInfiniteQuery, type QueryKey } from \"@tanstack/react-query\";\nimport useDebounce from \"./use-debounce\";\n\ntype LoadOptionsData<TData> = {\n  options: TData[];\n  hasMore: boolean;\n};\n\ntype LoadOptionsReturn<TData> = {\n  data: LoadOptionsData<TData>;\n  error: any;\n};\n\ntype LoadOptionsFn<TData> = (params: {\n  search: string;\n  page: number;\n  signal: AbortSignal;\n}) => Promise<LoadOptionsReturn<TData>>;\n\nexport function useAsyncOptions<TData = any>(\n  params: {\n    /**\n     * An unique key to identify the cache, used to cache the results.\n     * This must be unique\n     *\n     * @example\n     * ```ts\n     * const userOptions = defineAsyncOptions({\n     *   cacheKey: [\"users\"],\n     *   loader: async ({ page, search }) => {\n     *     // Your async loading logic here\n     *     return {\n     *       data: { options: [], hasMore: false },\n     *       error: null,\n     *     };\n     *   },\n     * }),\n     * const userOptions = useAsyncOptions(userOptions);\n     * ```\n     * });\n     */\n    cacheKey: QueryKey;\n    loader: LoadOptionsFn<TData>;\n  },\n  {\n    isOpen,\n    inputValue,\n  }: {\n    isOpen: boolean;\n    inputValue: string;\n  },\n) {\n  const [debouncedSearch, setDebouncedSearch] = useState(inputValue);\n  const isFetchedAfterMount = useRef(false);\n\n  const query = useInfiniteQuery({\n    queryKey: [...params.cacheKey, debouncedSearch],\n    queryFn: async ({ pageParam, signal }) => {\n      const { error, data } = await params.loader({\n        search: debouncedSearch,\n        page: pageParam,\n        signal,\n      });\n\n      if (error) {\n        throw new Error(error);\n      }\n\n      return data;\n    },\n    enabled: isOpen,\n    initialPageParam: 1,\n    staleTime: () => (isFetchedAfterMount.current ? Infinity : 0),\n    getNextPageParam: (lastPage, allPages) =>\n      lastPage.hasMore ? allPages.length + 1 : undefined,\n    retry: false,\n  });\n\n  if (query.isFetchedAfterMount && !isFetchedAfterMount.current) {\n    isFetchedAfterMount.current = true;\n  }\n\n  if (inputValue === \"\" && debouncedSearch !== \"\" && isOpen) {\n    setDebouncedSearch(\"\");\n  }\n\n  useDebounce(\n    () => {\n      setDebouncedSearch(inputValue);\n    },\n    300,\n    [inputValue],\n  );\n\n  const items = query.data?.pages.flatMap((page) => page.options) ?? [];\n\n  const handleLoadMore = () => {\n    query.fetchNextPage();\n  };\n\n  return {\n    items,\n    isLoading: query.isLoading,\n    isLoadingMore: query.isFetchingNextPage,\n    hasMore: query.hasNextPage,\n    isError: query.isError,\n    onLoadMore: handleLoadMore,\n    _query: query,\n  };\n}\n\nexport type LoadOptionsConfig<TData> = {\n  cacheKey: QueryKey;\n  loader: LoadOptionsFn<TData>;\n};\n\nexport function defineLoadOptions<TData = any>(\n  loadOptions: LoadOptionsConfig<TData>,\n) {\n  return loadOptions;\n}\n\nexport type InferOption<T> =\n  T extends LoadOptionsConfig<infer TData> ? TData : never;\nexport type InferOptions<T> =\n  T extends LoadOptionsConfig<infer TData> ? TData[] : never;\n","import * as React from \"react\";\nimport { Combobox } from \"@base-ui-components/react/combobox\";\nimport { cn } from \"../utils\";\nimport useInfiniteScroll from \"../hooks/use-infinite-scroll\";\nimport { Spinner } from \"./spinner\";\nimport {\n  DROPDOWN_ITEM_CN,\n  DROPDOWN_POPUP_CN,\n  DROPDOWN_POSITIONER_CN,\n  triggerVariants,\n} from \"../tw-styles/dropdown\";\nimport ClearIcon from \"../icons/clear-icon\";\nimport ChevronDownIcon from \"../icons/chevron-down-icon\";\nimport SearchIcon from \"../icons/search-icon\";\nimport CheckIcon from \"../icons/check-icon\";\nimport CloseIcon from \"../icons/close-icon\";\nimport * as InputGroup from \"./input-group\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { useAsyncOptions } from \"../hooks/use-async-options\";\nimport { type LoadOptionsConfig } from \"../hooks/use-async-options\";\n\nconst SINGLE_TEXT_CONTENT_CN =\n  \"px-4 py-2 text-ppx-sm min-h-11 flex items-center justify-center text-ppx-muted-foreground\";\n\nexport const List = Combobox.List;\n\ntype ComboboxContextValues = React.ComponentProps<\n  typeof Combobox.Root<any, any, any>\n> & {\n  chipsTriggerRef: React.RefObject<HTMLDivElement | null>;\n  searchableTriggerRef: React.RefObject<HTMLDivElement | null>;\n  invalid?: boolean;\n  isLoading?: boolean;\n  isLoadingMore?: boolean;\n  isError?: boolean;\n  hasMore?: boolean;\n  onLoadMore?: () => void;\n};\n\nconst ComboboxContext = React.createContext<ComboboxContextValues>(\n  {} as ComboboxContextValues,\n);\n\nexport function Root<\n  ItemValue,\n  SelectedValue = ItemValue,\n  Multiple extends boolean | undefined = false,\n>({\n  children,\n  ...props\n}: React.ComponentProps<\n  typeof Combobox.Root<ItemValue, SelectedValue, Multiple>\n> &\n  Pick<\n    ComboboxContextValues,\n    | \"isLoading\"\n    | \"isLoadingMore\"\n    | \"isError\"\n    | \"onLoadMore\"\n    | \"hasMore\"\n    | \"invalid\"\n  > & { loadOptions?: LoadOptionsConfig<ItemValue> }) {\n  const chipsTriggerRef = React.useRef<HTMLDivElement>(null);\n  const searchableTriggerRef = React.useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\"\");\n\n  const fallbackProps = {\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    inputValue,\n    onInputValueChange: setInputValue,\n  };\n\n  const mergedProps = {\n    ...fallbackProps,\n    ...props,\n  };\n\n  const asyncOptionsProps = props.loadOptions\n    ? useAsyncOptions(props.loadOptions, {\n        isOpen: mergedProps.open,\n        inputValue: mergedProps.inputValue as string,\n      })\n    : {};\n\n  const rootProps = {\n    ...asyncOptionsProps,\n    ...mergedProps,\n  };\n\n  const contextValues = {\n    ...rootProps,\n    chipsTriggerRef,\n    searchableTriggerRef,\n  };\n\n  return (\n    <ComboboxContext.Provider value={contextValues}>\n      <Combobox.Root autoHighlight {...rootProps}>\n        {children}\n      </Combobox.Root>\n    </ComboboxContext.Provider>\n  );\n}\n\nexport function Content({\n  empty = \"No options\",\n  portalProps,\n  positionerProps,\n  popupProps,\n  children,\n  widthVariant = \"trigger\",\n}: React.PropsWithChildren<{\n  empty?: string;\n  portalProps?: React.ComponentProps<typeof Combobox.Portal>;\n  positionerProps?: React.ComponentProps<typeof Combobox.Positioner>;\n  popupProps?: React.ComponentProps<typeof Combobox.Popup>;\n  widthVariant?: \"trigger\" | \"fit\" | \"enforced\";\n}>) {\n  const {\n    chipsTriggerRef,\n    searchableTriggerRef,\n    isLoading,\n    isError,\n    isLoadingMore,\n    hasMore,\n    onLoadMore,\n  } = useComboboxContext();\n  const [infiniteScrollRef] = useInfiniteScroll({\n    isLoadingMore: !!isLoadingMore,\n    hasMore: !!hasMore,\n    onLoadMore: () => onLoadMore?.(),\n    disabled: isError,\n  });\n\n  return (\n    <Combobox.Portal {...portalProps}>\n      <Combobox.Positioner\n        sideOffset={6}\n        align=\"start\"\n        {...positionerProps}\n        className={cn(DROPDOWN_POSITIONER_CN, positionerProps?.className)}\n        anchor={\n          positionerProps?.anchor ??\n          chipsTriggerRef.current ??\n          searchableTriggerRef.current\n        }\n      >\n        <Combobox.Popup\n          className={cn(\n            DROPDOWN_POPUP_CN,\n            \"scroll-pb-2 scroll-pt-2 overscroll-contain\",\n            widthVariant === \"trigger\"\n              ? \"w-[var(--anchor-width)]\"\n              : widthVariant === \"fit\"\n                ? \"w-fit\"\n                : widthVariant === \"enforced\"\n                  ? \"w-[var(--min-width-input)]\"\n                  : \"\",\n            popupProps?.className,\n          )}\n          {...popupProps}\n        >\n          {children}\n\n          {!isLoading && !isError && (\n            <Combobox.Empty\n              className={cn(SINGLE_TEXT_CONTENT_CN, \"empty:hidden\")}\n            >\n              {empty}\n            </Combobox.Empty>\n          )}\n\n          {isLoading && (\n            <Combobox.Status className={SINGLE_TEXT_CONTENT_CN}>\n              Loading...\n            </Combobox.Status>\n          )}\n\n          {isError && (\n            <Combobox.Status className={SINGLE_TEXT_CONTENT_CN}>\n              Error loading options\n            </Combobox.Status>\n          )}\n\n          {hasMore && (\n            <Combobox.Status\n              ref={infiniteScrollRef}\n              className=\"flex h-10 items-center justify-center\"\n              aria-label=\"Loading more options\"\n            >\n              <Spinner className=\"stroke-ppx-neutral-10\" size=\"medium\" />\n            </Combobox.Status>\n          )}\n        </Combobox.Popup>\n      </Combobox.Positioner>\n    </Combobox.Portal>\n  );\n}\n\nexport function Item({\n  className,\n  ...props\n}: React.ComponentProps<typeof Combobox.Item>) {\n  return (\n    <Combobox.Item className={cn(DROPDOWN_ITEM_CN, className)} {...props}>\n      {props.children}\n    </Combobox.Item>\n  );\n}\n\nexport function MultiItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof Combobox.Item>) {\n  return (\n    <Combobox.Item\n      {...props}\n      render={(itemProps, state) => (\n        <div {...itemProps} className={cn(DROPDOWN_ITEM_CN, className)}>\n          <ItemIndicator selected={state.selected} />\n          {props.children}\n        </div>\n      )}\n    ></Combobox.Item>\n  );\n}\n\nfunction ItemIndicator(props: { selected: boolean }) {\n  return (\n    <div\n      className={cn(\n        \"border-ppx-neutral-10 bg-ppx-background peer flex size-4 shrink-0 items-center justify-center rounded-sm border outline-none transition-colors duration-150\",\n        props.selected && \"border-ppx-primary-5 bg-ppx-primary-5 text-white\",\n      )}\n    >\n      <Combobox.ItemIndicator>\n        <CheckIcon />\n      </Combobox.ItemIndicator>\n    </div>\n  );\n}\n\nexport function LoadingIndicator(props: { className?: string }) {\n  return (\n    <div className={cn(\"flex items-center justify-center\", props.className)}>\n      <div className=\"flex space-x-1\">\n        <div className=\"bg-ppx-foreground h-1 w-1 animate-bounce rounded-full opacity-40 [animation-delay:-0.3s] [animation-name:bounce-color]\"></div>\n        <div className=\"bg-ppx-foreground h-1 w-1 animate-bounce rounded-full opacity-70 [animation-delay:-0.15s] [animation-name:bounce-color]\"></div>\n        <div className=\"bg-ppx-foreground h-1 w-1 animate-bounce rounded-full opacity-100 [animation-name:bounce-color]\"></div>\n      </div>\n    </div>\n  );\n}\n\nexport function SearchableTrigger(props: {\n  placeholder?: string;\n  size?: React.ComponentProps<typeof InputGroup.Root>[\"size\"];\n  widthVariant?: React.ComponentProps<typeof InputGroup.Root>[\"widthVariant\"];\n  className?: string;\n  addons?: React.ReactNode;\n}) {\n  const { invalid, disabled, searchableTriggerRef } = useComboboxContext();\n\n  return (\n    <InputGroup.Root {...props} disabled={disabled} ref={searchableTriggerRef}>\n      <Combobox.Input\n        render={(inputProps) => (\n          <InputGroup.Input\n            {...inputProps}\n            invalid={invalid}\n            placeholder={props.placeholder}\n          />\n        )}\n      />\n\n      {props.addons}\n      <SearchableTriggerDropdownAddon />\n    </InputGroup.Root>\n  );\n}\n\nexport function SearchableTriggerDropdownAddon() {\n  const { isLoading } = useComboboxContext();\n  return (\n    <InputGroup.Addon align=\"inline-end\" className=\"gap-0.5\">\n      {isLoading && <LoadingIndicator className=\"mr-2\" />}\n      {!isLoading && (\n        <Combobox.Clear\n          aria-label=\"Clear selection\"\n          render={(clearProps) => (\n            <InputGroup.Button size=\"icon-xs\" {...clearProps}>\n              <ClearIcon className=\"size-4\" />\n            </InputGroup.Button>\n          )}\n        />\n      )}\n      <Combobox.Trigger\n        render={(triggerProps) => (\n          <InputGroup.Button\n            size=\"icon-xs\"\n            aria-label=\"Open popup\"\n            {...triggerProps}\n          >\n            <ChevronDownIcon />\n          </InputGroup.Button>\n        )}\n      />\n    </InputGroup.Addon>\n  );\n}\n\ninterface TriggerProps\n  extends Combobox.Trigger.Props,\n    VariantProps<typeof triggerVariants> {}\n\nexport function Trigger({\n  size,\n  widthVariant,\n  children,\n  className,\n  ...props\n}: TriggerProps) {\n  const { isLoading, invalid } = useComboboxContext();\n  return (\n    <Combobox.Trigger\n      aria-label=\"Open popup\"\n      aria-invalid={invalid ?? undefined}\n      className={cn(triggerVariants({ size, widthVariant }), className)}\n      {...props}\n    >\n      {children}\n      <div className=\"flex shrink-0 items-center gap-2\">\n        {isLoading && <LoadingIndicator />}\n        <ChevronDownIcon />\n      </div>\n    </Combobox.Trigger>\n  );\n}\n\n/**\n * Renders the value, if `value` is a string or an object with `label` property in it,\n * then renders that value else you should provide a render function to render your custom value\n * **/\nexport function Value({\n  children,\n  className,\n  placeholder,\n  ...props\n}: {\n  placeholder?: string;\n  children: React.ReactNode | ((selectedValue: any) => React.ReactNode);\n  className?: string;\n}) {\n  return (\n    <span className={cn(\"text-ppx-sm truncate\", className)} {...props}>\n      <Combobox.Value>\n        {(value) => {\n          if (value == null && placeholder) {\n            return placeholder;\n          }\n\n          if (children) {\n            return typeof children === \"function\" ? children(value) : children;\n          }\n\n          if (value && typeof value === \"object\" && \"label\" in value) {\n            return value.label;\n          }\n\n          return value;\n        }}\n      </Combobox.Value>\n    </span>\n  );\n}\n\nconst chipsTriggerVariants = cva(\n  \"p-input text-ppx-sm bg-ppx-neutral-1 inline-flex items-center justify-between border border-ppx-neutral-5 focus-within:outline-2 focus-within:-outline-offset-1 focus-within:outline-ppx-primary-focus aria-invalid:border-ppx-red-4 focus-within:aria-invalid:outline-transparent has-data-disabled:border-ppx-neutral-3 has-data-disabled:bg-ppx-neutral-3 has-data-disabled:text-ppx-neutral-11 has-data-disabled:cursor-not-allowed\",\n  {\n    variants: {\n      size: {\n        default: \"rounded-input min-h-input\",\n        sm: \"rounded-input-s min-h-input-s\",\n      },\n      widthVariant: {\n        enforced: \"min-w-input w-[var(--min-width-input)]\",\n        full: \"min-w-0 w-full\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      widthVariant: \"enforced\",\n    },\n  },\n);\n\nexport function ChipsTrigger({\n  size,\n  widthVariant,\n  ...props\n}: {\n  children: React.ReactNode | ((selectedValue: any) => React.ReactNode);\n  placeholder?: string;\n  className?: string;\n} & VariantProps<typeof chipsTriggerVariants>) {\n  const { chipsTriggerRef, isLoading, invalid } = useComboboxContext();\n  return (\n    <Combobox.Chips\n      className={cn(\n        chipsTriggerVariants({ size, widthVariant }),\n        props.className,\n      )}\n      aria-invalid={invalid ?? undefined}\n      ref={chipsTriggerRef}\n    >\n      <div className=\"flex flex-1 flex-wrap items-center gap-1\">\n        <Combobox.Value>\n          {(value: any[]) => (\n            <>\n              {value.map((item) => {\n                return typeof props.children === \"function\"\n                  ? props.children(item)\n                  : props.children;\n              })}\n              <Combobox.Input\n                placeholder={value.length > 0 ? \"\" : props.placeholder}\n                className=\"text-ppx-sm text-ppx-foreground min-w-12 flex-1 border-0 outline-none\"\n              />\n            </>\n          )}\n        </Combobox.Value>\n      </div>\n\n      <div className=\"h-stretch-available text-ppx-muted-foreground flex items-center gap-2\">\n        {isLoading && <LoadingIndicator />}\n        <Combobox.Trigger className=\"h-full\">\n          <ChevronDownIcon />\n        </Combobox.Trigger>\n      </div>\n    </Combobox.Chips>\n  );\n}\n\nexport function Chip(\n  props: React.ComponentProps<typeof Combobox.Chip> & { key: React.Key },\n) {\n  return (\n    <Combobox.Chip\n      {...props}\n      className={cn(\n        \"bg-ppx-neutral-3 text-ppx-foreground flex cursor-default items-center gap-1 rounded-full py-[0.2rem] pl-2 pr-1 text-sm outline-none\",\n        props.className,\n      )}\n    >\n      {props.children}\n      <Combobox.ChipRemove\n        className=\"hover:border-ppx-neutral-4 hover:bg-ppx-neutral-5 hover:text-ppx-background active:bg-ppx-neutral-6 flex size-5 shrink-0 items-center justify-center rounded-full border border-transparent text-inherit\"\n        aria-label=\"Remove\"\n      >\n        <CloseIcon className=\"size-3\" />\n      </Combobox.ChipRemove>\n    </Combobox.Chip>\n  );\n}\n\nexport function Search({\n  placeholder = \"Search options\",\n  ...props\n}: React.ComponentProps<typeof Combobox.Input>) {\n  return (\n    <div className=\"border-ppx-neutral-7 bg-ppx-background p-input sticky top-0 z-10 flex items-center justify-between gap-2 border-b-[0.75px]\">\n      <Combobox.Input\n        placeholder={placeholder}\n        className=\"placeholder:text-ppx-neutral-7 flex-1 text-sm focus:outline-none\"\n        data-popup-search\n        {...props}\n      />\n\n      <SearchIcon className=\"text-ppx-neutral-10 size-3.5\" />\n    </div>\n  );\n}\n\nexport function useComboboxContext() {\n  return React.useContext(ComboboxContext);\n}\n\nexport const BaseCombobox = Combobox;\n","import * as React from \"react\";\nimport { Select } from \"@base-ui-components/react/select\";\nimport { cn } from \"../utils\";\nimport {\n  DROPDOWN_ITEM_CN,\n  DROPDOWN_POPUP_CN,\n  DROPDOWN_POSITIONER_CN,\n  triggerVariants,\n} from \"../tw-styles/dropdown\";\nimport CheckIcon from \"../icons/check-icon\";\nimport ChevronDownIcon from \"../icons/chevron-down-icon\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\ntype SelectContextValues = {\n  invalid?: boolean;\n};\n\nconst SelectContext = React.createContext<SelectContextValues>(\n  {} as SelectContextValues,\n);\n\nfunction useSelectContext() {\n  return React.useContext(SelectContext);\n}\n\nexport function Root<\n  Value = any,\n  Multiple extends boolean | undefined = false,\n>({\n  children,\n  invalid,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof Select.Root<Value, Multiple>> & {\n  invalid?: boolean;\n}) {\n  const value = React.useMemo(() => ({ invalid }), [invalid]);\n\n  return (\n    <SelectContext.Provider value={value}>\n      <Select.Root {...props}>{children}</Select.Root>\n    </SelectContext.Provider>\n  );\n}\n\nexport function Content({\n  portalProps,\n  positionerProps,\n  popupProps,\n  children,\n  widthVariant = \"trigger\",\n}: React.PropsWithChildren<{\n  portalProps?: React.ComponentProps<typeof Select.Portal>;\n  positionerProps?: React.ComponentProps<typeof Select.Positioner>;\n  popupProps?: React.ComponentProps<typeof Select.Popup>;\n  widthVariant?: \"trigger\" | \"fit\" | \"enforced\";\n}>) {\n  return (\n    <Select.Portal {...portalProps}>\n      <Select.Positioner\n        sideOffset={6}\n        {...positionerProps}\n        className={cn(DROPDOWN_POSITIONER_CN, positionerProps?.className)}\n        alignItemWithTrigger={false}\n      >\n        <Select.Popup\n          className={cn(\n            DROPDOWN_POPUP_CN,\n            \"py-1\",\n            widthVariant === \"trigger\"\n              ? \"w-[var(--anchor-width)]\"\n              : widthVariant === \"fit\"\n                ? \"w-fit\"\n                : widthVariant === \"enforced\"\n                  ? \"w-[var(--min-width-input)]\"\n                  : \"\",\n            popupProps?.className,\n          )}\n          {...popupProps}\n        >\n          {children}\n        </Select.Popup>\n      </Select.Positioner>\n    </Select.Portal>\n  );\n}\n\nexport const List = Select.List;\n\nexport function Item({\n  className,\n  ...props\n}: React.ComponentProps<typeof Select.Item>) {\n  return (\n    <Select.Item className={cn(DROPDOWN_ITEM_CN, className)} {...props}>\n      <Select.ItemText>{props.children}</Select.ItemText>\n    </Select.Item>\n  );\n}\n\nexport function MultiItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof Select.Item>) {\n  return (\n    <Select.Item\n      {...props}\n      render={(itemProps, state) => (\n        <div {...itemProps} className={cn(DROPDOWN_ITEM_CN, className)}>\n          <ItemIndicator selected={state.selected} />\n          <Select.ItemText>{props.children}</Select.ItemText>\n        </div>\n      )}\n    ></Select.Item>\n  );\n}\n\nfunction ItemIndicator(props: { selected: boolean }) {\n  return (\n    <div\n      className={cn(\n        \"peer rounded-sm bg-white size-4 flex shrink-0 items-center justify-center border border-ppx-neutral-10 transition-colors duration-150 outline-none\",\n        props.selected && \"text-white border-ppx-primary-5 bg-ppx-primary-5\",\n      )}\n    >\n      <Select.ItemIndicator>\n        <CheckIcon />\n      </Select.ItemIndicator>\n    </div>\n  );\n}\n\nexport interface TriggerProps\n  extends Select.Trigger.Props,\n    VariantProps<typeof triggerVariants> {}\n\nexport function Trigger({ size, widthVariant, ...props }: TriggerProps) {\n  const { invalid } = useSelectContext();\n  return (\n    <Select.Trigger\n      aria-label=\"Open popup\"\n      className={cn(triggerVariants({ size, widthVariant }), props.className)}\n      aria-invalid={invalid ?? undefined}\n    >\n      {props.children}\n\n      <Select.Icon className=\"shrink-0\">\n        <ChevronDownIcon />\n      </Select.Icon>\n    </Select.Trigger>\n  );\n}\n\nexport function MultiSelectedValue({\n  selectedValue,\n  maxItems,\n}: {\n  selectedValue: any;\n  maxItems: number;\n}) {\n  if (\n    !selectedValue ||\n    (Array.isArray(selectedValue) && selectedValue.length === 0)\n  ) {\n    return null;\n  }\n  return (\n    <div className=\"gap-1 flex items-center\">\n      <span className=\"truncate\">\n        {selectedValue.slice(0, maxItems).join(\", \")}\n      </span>\n      {selectedValue.length > maxItems && (\n        <span className=\"truncate\">\n          {`(+${selectedValue.length - maxItems})`}\n        </span>\n      )}\n    </div>\n  );\n}\n\n/**\n * Renders the value, if `value` is a string or an object with `label` property in it,\n * then renders that value else you should provide a render function to render your custom value\n * **/\nexport function Value({\n  children,\n  className,\n  placeholder,\n  ...props\n}: Select.Value.Props & { placeholder?: string }) {\n  return (\n    <Select.Value className={cn(\"truncate text-ppx-sm\", className)} {...props}>\n      {(value) => {\n        if (value == null && placeholder) {\n          return placeholder;\n        }\n\n        if (children) {\n          return typeof children === \"function\" ? children(value) : children;\n        }\n\n        if (value && typeof value === \"object\" && \"label\" in value) {\n          return value.label;\n        }\n\n        return value;\n      }}\n    </Select.Value>\n  );\n}\n\nexport type SelectedValue<TValue> = TValue | null | undefined;\n\nexport const BaseSelect = Select;\n","import * as React from \"react\";\nimport { Menu } from \"@base-ui-components/react/menu\";\nimport { cn } from \"../utils\";\nimport ChevronDownIcon from \"../icons/chevron-down-icon\";\nimport {\n  DROPDOWN_ITEM_CN,\n  DROPDOWN_POPUP_CN,\n  DROPDOWN_POSITIONER_CN,\n  triggerVariants,\n} from \"../tw-styles/dropdown\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\nexport const Root = Menu.Root;\n\nexport function Trigger({\n  className,\n  children,\n  size,\n  widthVariant = \"fit\",\n  ...props\n}: React.ComponentProps<typeof Menu.Trigger> &\n  VariantProps<typeof triggerVariants>) {\n  return (\n    <Menu.Trigger\n      className={cn(triggerVariants({ size, widthVariant }), className)}\n      {...props}\n    >\n      {children}\n      <DropdownIndicator />\n    </Menu.Trigger>\n  );\n}\n\nexport function Content({\n  portalProps,\n  positionerProps,\n  popupProps,\n  children,\n  widthVariant = \"fit\",\n}: React.PropsWithChildren<{\n  portalProps?: React.ComponentProps<typeof Menu.Portal>;\n  positionerProps?: React.ComponentProps<typeof Menu.Positioner>;\n  popupProps?: React.ComponentProps<typeof Menu.Popup>;\n  widthVariant?: \"trigger\" | \"fit\" | \"enforced\";\n}>) {\n  return (\n    <Menu.Portal {...portalProps}>\n      <Menu.Positioner\n        sideOffset={6}\n        align=\"start\"\n        {...positionerProps}\n        className={cn(DROPDOWN_POSITIONER_CN, positionerProps?.className)}\n      >\n        <Menu.Popup\n          {...popupProps}\n          className={cn(\n            DROPDOWN_POPUP_CN,\n            \"py-1\",\n            widthVariant === \"trigger\"\n              ? \"w-[var(--anchor-width)]\"\n              : widthVariant === \"fit\"\n                ? \"w-fit\"\n                : widthVariant === \"enforced\"\n                  ? \"w-[var(--min-width-input)]\"\n                  : \"\",\n            popupProps?.className,\n          )}\n        >\n          {children}\n        </Menu.Popup>\n      </Menu.Positioner>\n    </Menu.Portal>\n  );\n}\n\nexport function DropdownIndicator() {\n  return <ChevronDownIcon className=\"data-popup-open:rotate-180\" />;\n}\n\nexport function Item({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof Menu.Item>) {\n  return (\n    <Menu.Item className={cn(DROPDOWN_ITEM_CN, className)} {...props}>\n      {children}\n    </Menu.Item>\n  );\n}\n\nexport function Separator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Menu.Separator>) {\n  return (\n    <Menu.Separator\n      className={cn(\"my-1.5 mx-2 h-px bg-ppx-neutral-5\", className)}\n      {...props}\n    />\n  );\n}\n\nexport const Group = Menu.Group;\n\nexport function GroupLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof Menu.GroupLabel>) {\n  return (\n    <Menu.GroupLabel\n      className={cn(\n        \"py-2 px-4 leading-4 cursor-default font-sans-sb text-ppx-sm text-ppx-muted-foreground uppercase select-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport const RadioGroup = Menu.RadioGroup;\n\nexport function RadioItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof Menu.RadioItem>) {\n  return (\n    <Menu.RadioItem\n      className={cn(DROPDOWN_ITEM_CN, className)}\n      closeOnClick\n      {...props}\n    />\n  );\n}\n\nexport const BaseTrigger = Menu.Trigger;\n\nexport const BaseMenu = Menu;\n","import * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport { Progress } from \"@base-ui-components/react/progress\";\n\nconst progressTrackVariants = cva(\n  \"relative h-2 w-full overflow-hidden rounded-full bg-ppx-neutral-3\",\n  {\n    variants: {\n      size: {\n        default: \"h-2\",\n        sm: \"h-1.5\",\n        lg: \"h-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  },\n);\n\nexport const Root = Progress.Root;\n\nexport function Track({\n  className,\n  size,\n  children,\n  ...props\n}: React.ComponentProps<typeof Progress.Track> &\n  VariantProps<typeof progressTrackVariants>) {\n  return (\n    <Progress.Track\n      className={cn(progressTrackVariants({ size }), className)}\n      {...props}\n    >\n      {children}\n    </Progress.Track>\n  );\n}\n\nexport function Indicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Progress.Indicator>) {\n  return (\n    <Progress.Indicator\n      className={cn(\"h-full w-full flex-1 transition-all duration-300 ease-in-out bg-ppx-primary-b-5\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof Progress.Label>) {\n  return (\n    <Progress.Label\n      className={cn(\"text-ppx-sm font-medium text-ppx-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function Value({\n  className,\n  ...props\n}: React.ComponentProps<typeof Progress.Value>) {\n  return (\n    <Progress.Value\n      className={cn(\"text-ppx-h4 font-sans-b text-ppx-primary-b-5 flex-shrink-0\", className)}\n      {...props}\n    />\n  );\n}\n\nexport const BaseProgress = Progress;\n\n","import * as React from \"react\";\nimport { Radio } from \"@base-ui-components/react/radio\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui-components/react/radio-group\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../utils\";\n\nconst segmentedControlItemVariants = cva(\n  \"relative flex items-center justify-center px-4 py-2 text-sm font-medium transition-all duration-200 ease-in-out cursor-pointer rounded-full whitespace-nowrap outline-none focus-visible:ring-2 focus-visible:ring-ppx-primary-5 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"text-ppx-neutral-11 data-checked:bg-ppx-primary-5 data-checked:text-white data-checked:shadow-sm hover:text-ppx-neutral-12\",\n      },\n      size: {\n        default: \"min-h-10 px-6\",\n        sm: \"min-h-8 px-4 text-xs\",\n        lg: \"min-h-12 px-8\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport function Root({\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseRadioGroup>) {\n  return (\n    <BaseRadioGroup\n      data-slot=\"segmented-control\"\n      className={cn(\n        \"p-1 inline-flex items-center rounded-full bg-ppx-neutral-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Item({\n  children,\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof Radio.Root> &\n  VariantProps<typeof segmentedControlItemVariants> & {\n    children: React.ReactNode;\n  }) {\n  return (\n    <Radio.Root\n      data-slot=\"segmented-control-item\"\n      className={cn(segmentedControlItemVariants({ variant, size, className }))}\n      {...props}\n    >\n      {children}\n    </Radio.Root>\n  );\n}\n","import * as React from \"react\";\nimport { Tabs as BaseTabs } from \"@base-ui-components/react/tabs\";\n\nimport { cn } from \"../utils\";\n\ntype TabsVariant = \"underline\";\n\ntype TabsContext = {\n  variant: TabsVariant;\n};\n\nconst TabsContext = React.createContext<TabsContext | null>(null);\n\nconst useTabs = () => {\n  const context = React.useContext(TabsContext);\n\n  if (!context) {\n    throw new Error(\"useTabs must be used within a Tabs\");\n  }\n\n  return context;\n};\n\nexport function Root({\n  variant = \"underline\",\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseTabs.Root> & {\n  variant?: TabsVariant;\n}) {\n  return (\n    <TabsContext.Provider value={{ variant }}>\n      <BaseTabs.Root\n        data-slot=\"tabs\"\n        className={cn(\"gap-2 flex flex-col\", className)}\n        {...props}\n      />\n    </TabsContext.Provider>\n  );\n}\n\nexport function List({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof BaseTabs.List>) {\n  return (\n    <BaseTabs.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        \"text-muted-foreground h-9 gap-x-1 p-1 relative z-0 inline-flex w-fit items-center justify-center\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <Indicator />\n      <div\n        className={\n          \"absolute top-[calc(100%-1px)] left-1/2 z-2 h-[2px] w-[calc(100%-8px)] -translate-x-1/2 bg-[#EFEFEF]\"\n        }\n      />\n    </BaseTabs.List>\n  );\n}\n\nexport function Trigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseTabs.Tab>) {\n  return (\n    <BaseTabs.Tab\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"focus-visible:ring-ring/50 [&_svg:not([class*='size-'])] gap-1.5 px-2 py-1 text-sm font-medium z-[1] flex-1 items-center justify-center text-nowrap whitespace-nowrap text-ppx-neutral-18 not-data-selected:hover:text-ppx-neutral-12 focus-visible:ring-[3px] data-selected:text-ppx-primary-b-5 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Indicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseTabs.Indicator>) {\n  const { variant } = useTabs();\n\n  return (\n    <BaseTabs.Indicator\n      data-slot=\"tab-indicator\"\n      className={cn(\n        \"left-0 ease-in-out absolute w-[var(--active-tab-width)] translate-x-[var(--active-tab-left)] -translate-y-1/2 transition-all duration-300\",\n        variant === \"underline\"\n          ? \"top-full z-10 h-[2px] bg-ppx-primary-b-5\"\n          : \"\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport function Content({\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseTabs.Panel>) {\n  return (\n    <BaseTabs.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n","import * as React from \"react\";\nimport { Tooltip as BaseTooltip } from \"@base-ui-components/react/tooltip\";\n\nimport { cn } from \"../utils\";\n\nfunction TooltipProvider(\n  props: React.ComponentProps<typeof BaseTooltip.Provider>,\n) {\n  return <BaseTooltip.Provider data-slot=\"tooltip-provider\" {...props} />;\n}\n\nfunction TooltipPortal({\n  ...props\n}: React.ComponentProps<typeof BaseTooltip.Portal>) {\n  return <BaseTooltip.Portal data-slot=\"tooltip-portal\" {...props} />;\n}\n\nfunction TooltipPositioner({\n  ...props\n}: React.ComponentProps<typeof BaseTooltip.Positioner>) {\n  return <BaseTooltip.Positioner data-slot=\"tooltip-positioner\" {...props} />;\n}\n\nfunction TooltipArrow({\n  ...props\n}: React.ComponentProps<typeof BaseTooltip.Arrow>) {\n  return <BaseTooltip.Arrow data-slot=\"tooltip-arrow\" {...props} />;\n}\n\nexport function Root({\n  ...props\n}: React.ComponentProps<typeof BaseTooltip.Root>) {\n  return (\n    <TooltipProvider>\n      <BaseTooltip.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nexport const BaseRoot = BaseTooltip.Root;\nexport const BaseProvider = BaseTooltip.Provider;\n\nexport function Trigger({\n  ...props\n}: React.ComponentProps<typeof BaseTooltip.Trigger>) {\n  return <BaseTooltip.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nexport function Content({\n  className,\n  align = \"center\",\n  sideOffset = 8,\n  side = \"top\",\n  children,\n  ...props\n}: React.ComponentProps<typeof BaseTooltip.Popup> & {\n  align?: BaseTooltip.Positioner.Props[\"align\"];\n  side?: BaseTooltip.Positioner.Props[\"side\"];\n  sideOffset?: BaseTooltip.Positioner.Props[\"sideOffset\"];\n}) {\n  return (\n    <TooltipPortal>\n      <TooltipPositioner sideOffset={sideOffset} align={align} side={side}>\n        <BaseTooltip.Popup\n          data-slot=\"tooltip-content\"\n          className={cn(\n            \"bg-black text-white px-3 py-1.5 shadow-sm rounded-md z-50 w-fit origin-[var(--transform-origin)] text-ppx-sm text-balance transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0\",\n            className,\n          )}\n          {...props}\n        >\n          {children}\n          <TooltipArrow className=\"data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180\">\n            <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\">\n              <path\n                d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V9H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n                className=\"fill-black\"\n              />\n              <path\n                d=\"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z\"\n                className=\"fill-black\"\n              />\n            </svg>\n          </TooltipArrow>\n        </BaseTooltip.Popup>\n      </TooltipPositioner>\n    </TooltipPortal>\n  );\n}\n","import { Checkbox as BaseCheckbox } from \"@base-ui-components/react/checkbox\";\n\nimport { cn } from \"../utils\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\nconst checkboxVariants = cva(\n  \"peer aria-invalid:border-ppx-red-5 aria-invalid:text-shadow-ppx-red-5 flex items-center justify-center rounded-sm border transition-colors duration-150 outline-none focus-visible:ring-2 disabled:cursor-not-allowed disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-white data-checked:bg-ppx-primary-5 data-[indeterminate]:bg-ppx-primary-5 data-checked:text-white data-[indeterminate]:text-white  border-ppx-neutral-10 data-checked:border-ppx-primary-5 data-[indeterminate]:border-ppx-primary-5\",\n      },\n      size: {\n        default: \"size-5\",\n        sm: \"size-4\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\ninterface CheckboxProps\n  extends React.ComponentProps<typeof BaseCheckbox.Root>,\n    VariantProps<typeof checkboxVariants> {}\n\nfunction Checkbox({ className, ...props }: CheckboxProps) {\n  return (\n    <BaseCheckbox.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        checkboxVariants({\n          variant: props.variant,\n          size: props.size,\n        }),\n        className,\n      )}\n      {...props}\n    >\n      <BaseCheckbox.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"block data-[unchecked]:hidden\"\n      >\n        {props.indeterminate ? (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className=\"size-3.5\"\n          >\n            <path d=\"M5 12h14\" />\n          </svg>\n        ) : (\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            className=\"size-3.5\"\n          >\n            <path d=\"M20 6 9 17l-5-5\" />\n          </svg>\n        )}\n      </BaseCheckbox.Indicator>\n    </BaseCheckbox.Root>\n  );\n}\n\nexport { Checkbox };\n","import { cn } from \"../utils\";\nimport { CheckboxGroup as BaseCheckboxGroup } from \"@base-ui-components/react/checkbox-group\";\nimport { Checkbox } from \"./checkbox\";\n\nexport function Group({\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseCheckboxGroup>) {\n  return (\n    <BaseCheckboxGroup className={cn(\"gap-4 flex\", className)} {...props} />\n  );\n}\n\nexport function Item({\n  className,\n  invalid,\n  children,\n  ...rest\n}: React.PropsWithChildren<React.ComponentProps<typeof Checkbox>> & {\n  className?: string;\n  invalid?: boolean;\n}) {\n  return (\n    <label\n      className={cn(\n        \"gap-2 p-5 flex min-h-[155px] justify-between rounded-ppx-s border-2 border-ppx-neutral-3 shadow-[0px_0px_12px_#0000001F] transition-colors duration-300 has-not-disabled:hover:border-ppx-neutral-6 has-disabled:cursor-not-allowed has-disabled:opacity-60 has-disabled:hover:border-ppx-neutral-3 has-aria-invalid:shadow-ppx-red-2 has-data-checked:border-ppx-primary-5!\",\n        className,\n      )}\n    >\n      <div className=\"flex-1\">{children}</div>\n      <Checkbox\n        {...rest}\n        className={\"ml-auto shrink-0 self-start\"}\n        size=\"lg\"\n        aria-invalid={invalid}\n      />\n    </label>\n  );\n}\n\nexport function Header(props: React.PropsWithChildren<{ className?: string }>) {\n  return (\n    <div className={cn(\"mb-5 gap-2 flex items-center\", props.className)}>\n      {props.children}\n    </div>\n  );\n}\n\nexport function Title(props: React.PropsWithChildren<{ className?: string }>) {\n  return (\n    <div\n      className={cn(\n        \"font-sans-sb text-ppx-base text-ppx-foreground\",\n        props.className,\n      )}\n    >\n      {props.children}\n    </div>\n  );\n}\n\nexport function Description(\n  props: React.PropsWithChildren<{ className?: string }>,\n) {\n  return (\n    <p\n      className={cn(\n        \"mb-5 text-ppx-sm text-ppx-muted-foreground\",\n        props.className,\n      )}\n    >\n      {props.children}\n    </p>\n  );\n}\n","import * as React from \"react\";\nimport { Radio } from \"@base-ui-components/react/radio\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui-components/react/radio-group\";\n\nimport { cn } from \"../utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nexport function Group({\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseRadioGroup>) {\n  return (\n    <BaseRadioGroup\n      data-slot=\"radio-group\"\n      className={cn(\"flex flex-col gap-3\", className)}\n      {...props}\n    />\n  );\n}\n\nconst radioVariants = cva(\n  \"bg-white aria-invalid:border-ppx-red-5 aspect-square shrink-0 rounded-full border border-ppx-neutral-10 shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 \",\n  {\n    variants: {\n      variant: {\n        default: \"data-checked:border-ppx-primary-5 text-ppx-primary-5\",\n      },\n      size: {\n        default: \"size-5\",\n        sm: \"size-4\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\ninterface RadioGroupItemProps\n  extends React.ComponentProps<typeof Radio.Root>,\n    VariantProps<typeof radioVariants> {}\n\nexport function Item({\n  className,\n  variant,\n  size,\n  ...props\n}: RadioGroupItemProps) {\n  return (\n    <Radio.Root\n      data-slot=\"radio-group-item\"\n      className={cn(radioVariants({ variant, size, className }))}\n      {...props}\n    >\n      <Radio.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"relative flex items-center justify-center\"\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"currentColor\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          className={cn(\n            \"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2\",\n            size === \"sm\" && \"size-2\",\n            size === undefined && \"size-3\",\n            size === \"lg\" && \"size-3.5\",\n          )}\n        >\n          <circle cx=\"12\" cy=\"12\" r=\"10\" />\n        </svg>\n      </Radio.Indicator>\n    </Radio.Root>\n  );\n}\n","import { cn } from \"../utils\";\nimport { Item as RadioGroupItemPrimitive } from \"./radio-group\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui-components/react/radio-group\";\n\nexport function Group({\n  className,\n  ...props\n}: React.ComponentProps<typeof BaseRadioGroup>) {\n  return (\n    <BaseRadioGroup\n      data-slot=\"radio-group\"\n      className={cn(\"flex gap-4\", className)}\n      {...props}\n    />\n  );\n}\n\nexport function Item({\n  className,\n  invalid,\n  children,\n  ...rest\n}: React.PropsWithChildren<\n  React.ComponentProps<typeof RadioGroupItemPrimitive>\n> & {\n  className?: string;\n  invalid?: boolean;\n}) {\n  return (\n    <label\n      className={cn(\n        \"rounded-ppx-s border-ppx-neutral-3 has-not-disabled:hover:border-ppx-neutral-6 has-disabled:cursor-not-allowed has-disabled:opacity-60 has-disabled:hover:border-ppx-neutral-3 has-aria-invalid:shadow-ppx-red-2 has-data-checked:border-ppx-primary-5! flex min-h-[155px] justify-between gap-2 border-2 p-5 shadow-[0px_0px_12px_#0000001F] transition-colors duration-300\",\n        className,\n      )}\n    >\n      <div className=\"flex-1\">{children}</div>\n      <RadioGroupItemPrimitive\n        {...rest}\n        className={\"ml-auto shrink-0 self-start\"}\n        size=\"lg\"\n        aria-invalid={invalid}\n      />\n    </label>\n  );\n}\n\nexport function Header(props: React.PropsWithChildren<{ className?: string }>) {\n  return (\n    <div className={cn(\"mb-5 flex items-center gap-2\", props.className)}>\n      {props.children}\n    </div>\n  );\n}\n\nexport function Title(props: React.PropsWithChildren<{ className?: string }>) {\n  return (\n    <div\n      className={cn(\n        \"font-sans-sb text-ppx-base text-ppx-foreground\",\n        props.className,\n      )}\n    >\n      {props.children}\n    </div>\n  );\n}\n\nexport function Description(\n  props: React.PropsWithChildren<{ className?: string }>,\n) {\n  return (\n    <p\n      className={cn(\n        \"text-ppx-sm text-ppx-muted-foreground mb-5\",\n        props.className,\n      )}\n    >\n      {props.children}\n    </p>\n  );\n}\n","import * as React from \"react\";\nimport { useRender } from \"@base-ui-components/react/use-render\";\nimport { mergeProps } from \"@base-ui-components/react/merge-props\";\n\nimport { cn } from \"../utils\";\nimport ChevronDownIcon from \"../icons/chevron-down-icon\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"gap-1.5 ppx-sm:gap-2.5 flex flex-wrap items-center text-ppx-xs break-words text-ppx-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"gap-1.5 inline-flex items-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  className,\n  render,\n  ...props\n}: React.ComponentProps<\"a\"> & useRender.ComponentProps<\"a\">) {\n  const element = useRender({\n    defaultTagName: \"a\",\n    render,\n    props: mergeProps<\"a\">(\n      {\n        className: cn(\n          \"transition-colors hover:text-ppx-foreground hover:underline underline-offset-3\",\n          className,\n        ),\n      },\n      props,\n    ),\n  });\n\n  return element;\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      <ChevronDownIcon className={cn(\"stroke-black rotate-270\", className)} />\n    </li>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n};\n","import * as React from \"react\";\nimport {\n  DayButton,\n  DayPicker,\n  getDefaultClassNames,\n  DayPickerProps,\n} from \"react-day-picker\";\n\nimport { cn } from \"../utils\";\nimport { Button, buttonVariants } from \"./button\";\nimport ChevronDownIcon from \"../icons/chevron-down-icon\";\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  formatters,\n  components,\n  ...props\n}: DayPickerProps) {\n  const defaultClassNames = getDefaultClassNames();\n  const buttonVariant = \"ghost\";\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        \"group/calendar p-3 [--cell-size:--spacing(8)] bg-ppx-background [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className,\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(\"default\", { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"w-fit min-w-input\", defaultClassNames.root),\n        months: cn(\n          \"flex gap-4 flex-col ppx-md:flex-row relative\",\n          defaultClassNames.months,\n        ),\n        month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n          defaultClassNames.nav,\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_previous,\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_next,\n        ),\n        month_caption: cn(\n          \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n          defaultClassNames.month_caption,\n        ),\n        dropdowns: cn(\n          \"w-full flex items-center text-ppx-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n          defaultClassNames.dropdowns,\n        ),\n        dropdown_root: cn(\n          \"relative border border-ppx-neutral-5 shadow-xs rounded-ppx-s\",\n          defaultClassNames.dropdown_root,\n        ),\n        dropdown: cn(\n          \"absolute bg-white inset-0 opacity-0\",\n          defaultClassNames.dropdown,\n        ),\n        caption_label: cn(\n          \"select-none font-medium\",\n          captionLayout === \"label\"\n            ? \"text-sm\"\n            : \"rounded-ppx-s pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-ppx-muted-foreground [&>svg]:size-3.5\",\n          defaultClassNames.caption_label,\n        ),\n        table: \"w-full border-collapse\",\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"text-ppx-muted-foreground rounded-ppx-s flex-1 font-normal text-[0.8rem] select-none\",\n          defaultClassNames.weekday,\n        ),\n        week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n        week_number_header: cn(\n          \"select-none w-(--cell-size)\",\n          defaultClassNames.week_number_header,\n        ),\n        week_number: cn(\n          \"text-[0.8rem] select-none text-ppx-muted-foreground\",\n          defaultClassNames.week_number,\n        ),\n        day: cn(\n          \"relative w-full h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-ppx-s group/day aspect-square select-none\",\n          props.showWeekNumber\n            ? \"[&:nth-child(2)[data-selected=true]_button]:rounded-l-ppx-s\"\n            : \"[&:first-child[data-selected=true]_button]:rounded-l-ppx-s\",\n          defaultClassNames.day,\n        ),\n        range_start: cn(\"rounded-l-ppx-s\", defaultClassNames.range_start),\n        range_middle: cn(\n          \"rounded-none bg-ppx-primary-b-1\",\n          defaultClassNames.range_middle,\n        ),\n        range_end: cn(\"rounded-r-ppx-s\", defaultClassNames.range_end),\n        today: cn(\n          \"bg-ppx-primary-b-1 text-ppx-foreground rounded-ppx-s data-[selected=true]:rounded-none\",\n          defaultClassNames.today,\n        ),\n        outside: cn(\n          \"text-ppx-muted-foreground aria-selected:text-ppx-muted-foreground\",\n          defaultClassNames.outside,\n        ),\n        disabled: cn(\n          \"text-ppx-muted-foreground opacity-50\",\n          defaultClassNames.disabled,\n        ),\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          );\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronDownIcon\n                className={cn(\"rotate-90\", className)}\n                {...props}\n              />\n            );\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronDownIcon\n                className={cn(\"rotate-270\", className)}\n                {...props}\n              />\n            );\n          }\n\n          return <ChevronDownIcon className={cn(className)} {...props} />;\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          );\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  );\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames();\n\n  const ref = React.useRef<HTMLButtonElement>(null);\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus();\n  }, [modifiers.focused]);\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        \"gap-1 font-normal flex aspect-square size-auto w-full min-w-(--cell-size) flex-col leading-none [&>span]:text-[0.75rem] [&>span]:opacity-70\",\n        // Focus styles\n        \"ring-ppx-neutral-3 group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ppx-primary-5/50\",\n        // Single date selection\n        \"data-[selected-single=true]:text-white data-[selected-single=true]:hover:text-white data-[selected-single=true]:bg-ppx-primary-5 data-[selected-single=true]:hover:bg-ppx-primary-5\",\n        // Range start\n        \"data-[range-start=true]:text-white data-[range-start=true]:rounded-ppx-s data-[range-start=true]:rounded-l-ppx-s data-[range-start=true]:bg-ppx-primary-5 data-[range-start=true]:hover:bg-ppx-primary-5\",\n        // Range end\n        \"data-[range-end=true]:text-white data-[range-end=true]:rounded-ppx-s data-[range-end=true]:rounded-r-ppx-s data-[range-end=true]:bg-ppx-primary-5 data-[range-end=true]:hover:bg-ppx-primary-5\",\n        // Range middle\n        \"data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-ppx-primary-b-1 data-[range-middle=true]:text-ppx-foreground data-[range-middle=true]:hover:bg-ppx-primary-b-1\",\n        defaultClassNames.day,\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Calendar, CalendarDayButton };\n","import { cn } from \"../utils\";\n\nfunction Label({ className, ...props }: React.ComponentProps<\"label\">) {\n  return (\n    <label\n      data-slot=\"label\"\n      className={cn(\n        \"gap-2 font-medium flex items-center text-ppx-sm leading-none select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Label };\n","import * as React from \"react\";\nimport { cn } from \"../utils\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\nconst inputVariants = cva(\n  \"font-medium shadow-xs inline-flex border-ppx-neutral-5 bg-ppx-neutral-1 text-ppx-sm text-ppx-foreground outline-transparent focus:-outline-offset-1 focus:outline-2 placeholder:text-ppx-sm placeholder:text-ppx-neutral-12 focus:not-aria-invalid:outline-ppx-primary-focus focus:not-aria-invalid:not-aria-disabled:bg-ppx-background focus:not-aria-invalid:bg-white disabled:cursor-not-allowed disabled:border-ppx-neutral-3 disabled:bg-ppx-neutral-3 disabled:text-ppx-neutral-11 disabled:placeholder:text-ppx-neutral-11 aria-invalid:outline-ppx-red-4 aria-invalid:bg-ppx-red-1 aria-invalid:outline aria-invalid:-outline-offset-1 placeholder:font-sans-light p-input border\",\n  {\n    variants: {\n      size: {\n        default: \"h-input rounded-input\",\n        sm: \"h-input-s rounded-input-s\",\n      },\n      widthVariant: {\n        enforced: \"min-w-input w-[var(--min-width-input)]\",\n        full: \"min-w-0 w-full\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      widthVariant: \"full\",\n    },\n  },\n);\n\ninterface InputProps\n  extends Omit<React.ComponentProps<\"input\">, \"size\">,\n    VariantProps<typeof inputVariants> {\n  invalid?: boolean;\n}\n\nfunction Input({\n  className,\n  size,\n  invalid,\n  widthVariant,\n  ...props\n}: InputProps) {\n  return (\n    <input\n      data-slot=\"input\"\n      className={cn(\n        inputVariants({ size, widthVariant }),\n        props.type === \"number\" && \"no-arrow-spin\",\n        className,\n      )}\n      aria-invalid={invalid}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","import * as React from \"react\";\nimport { cva, VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../utils\";\n\nconst textareaVariants = cva(\n  \"font-medium shadow-xs border-ppx-neutral-5 bg-ppx-neutral-1 text-ppx-sm text-ppx-foreground outline-transparent focus:-outline-offset-1 focus:outline-2 placeholder:text-ppx-sm placeholder:text-ppx-neutral-12 focus:not-aria-invalid:outline-ppx-primary-focus focus:not-aria-invalid:bg-ppx-background disabled:cursor-not-allowed disabled:border-ppx-neutral-3 disabled:bg-ppx-neutral-3 disabled:text-ppx-neutral-11 disabled:placeholder:text-ppx-neutral-11 aria-invalid:outline-ppx-red-4 aria-invalid:bg-ppx-red-1 aria-invalid:outline aria-invalid:-outline-offset-1 placeholder:font-sans-light p-input border\",\n  {\n    variants: {\n      size: {\n        default: \"min-h-16 rounded-input\",\n        sm: \"min-h-12 rounded-input-s\",\n      },\n      widthVariant: {\n        enforced: \"min-w-input w-[var(--min-width-input)]\",\n        full: \"min-w-0 w-full\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n      widthVariant: \"full\",\n    },\n  },\n);\n\nexport interface TextareaProps\n  extends React.ComponentProps<\"textarea\">,\n    VariantProps<typeof textareaVariants> {\n  invalid?: boolean;\n}\n\nfunction Textarea({\n  className,\n  size,\n  invalid,\n  widthVariant,\n  ...props\n}: TextareaProps) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(textareaVariants({ size, widthVariant }), className)}\n      aria-invalid={invalid}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n","import { Avatar as AvatarBase } from \"@base-ui-components/react/avatar\";\nimport { cn } from \"../utils\";\nimport { useMemo } from \"react\";\nimport * as Tooltip from \"./tooltip\";\n\ntype AvatarVariant = \"squared\" | \"rounded\";\n\nconst COLORS_PALETTE = [\n  \"#bdc3c7\",\n  \"#6f7b87\",\n  \"#2c3e50\",\n  \"#2f3193\",\n  \"#662d91\",\n  \"#922790\",\n  \"#ec2176\",\n  \"#ed1c24\",\n  \"#f36622\",\n  \"#f8941e\",\n  \"#fab70f\",\n  \"#fdde00\",\n  \"#d1d219\",\n  \"#8ec73f\",\n  \"#00a650\",\n  \"#00aa9c\",\n  \"#00adef\",\n  \"#0081cd\",\n  \"#005bab\",\n  \"#012a4a\",\n  \"#013a63\",\n  \"#06d6a0\",\n  \"#ef476f\",\n  \"#ff5d8f\",\n  \"#0496ff\",\n  \"#c879ff\",\n];\n\nconst generateNameInitials = (name: string) => {\n  if (!name.length) return \"\";\n  const rgx = new RegExp(/(\\b\\w)/g);\n\n  const initials = [...name.matchAll(rgx)];\n  return (\n    (initials.shift()?.[1] || \"\") + (initials.pop()?.[1] || \"\")\n  ).toUpperCase();\n};\n\nconst getBgColorAndTextColor = (name: string | null | undefined) => {\n  if (!name) return {};\n  let index = name[0].toUpperCase().charCodeAt(0);\n\n  const lastName = name.split(\" \")[1];\n\n  if (lastName) {\n    index = index + lastName[0].toUpperCase().charCodeAt(0);\n    index = Math.floor(index / 2);\n  }\n\n  index = Math.abs(index - 65);\n\n  return {\n    backgroundColor: COLORS_PALETTE[index],\n    color: \"#fff\",\n  };\n};\n\nconst replaceSizeInUrl = (url: string, size: string) => {\n  const numberSize = size.replace(\"px\", \"\");\n  const newSize = `${numberSize}x${numberSize}`;\n  return url.replace(\"/SIZE/\", `/${newSize}/`);\n};\n\ninterface AvatarProps {\n  imgSrc: string | null | undefined;\n  name: string | null | undefined;\n  variant?: AvatarVariant;\n  size?: `${number}px`;\n  className?: string;\n  children?: React.ReactNode;\n  hideTooltip?: boolean;\n}\n\nexport function Avatar(props: AvatarProps) {\n  return (\n    <Tooltip.Root disabled={props.hideTooltip}>\n      <Tooltip.Trigger\n        render={(tooltipProps) => (\n          <AvatarImpl {...props} avatarRootProps={tooltipProps} />\n        )}\n      />\n      <Tooltip.Content>{props.name}</Tooltip.Content>\n    </Tooltip.Root>\n  );\n}\n\ntype AvatarImplProps = Omit<AvatarProps, \"hideTooltip\"> & {\n  avatarRootProps?: React.ComponentProps<typeof AvatarBase.Root>;\n};\n\nexport function AvatarImpl(props: AvatarImplProps) {\n  const { variant = \"squared\", size = \"100px\", avatarRootProps } = props;\n  const name = props.name ?? \"\";\n  const nameInitial = useMemo(() => generateNameInitials(name), [name]);\n  const colorStyle = useMemo(() => getBgColorAndTextColor(name), [name]);\n  const sizeReplacedUrl = useMemo(\n    () => (props.imgSrc ? replaceSizeInUrl(props.imgSrc, size) : undefined),\n    [props.imgSrc, size],\n  );\n\n  return (\n    <AvatarBase.Root\n      data-slot=\"avatar\"\n      className={cn(\n        \"@container relative flex shrink-0 overflow-hidden\",\n        variant === \"rounded\" && \"rounded-full\",\n        variant === \"squared\" && \"rounded-ppx-s\",\n        props.className,\n      )}\n      style={{\n        width: size,\n        height: size,\n      }}\n      {...avatarRootProps}\n    >\n      <AvatarBase.Image\n        data-slot=\"avatar-image\"\n        className={\"size-full object-cover\"}\n        src={sizeReplacedUrl}\n      />\n\n      <AvatarBase.Fallback\n        data-slot=\"avatar-fallback\"\n        className={cn(\n          \"font-medium flex size-full items-center justify-center text-[40cqw] select-none\",\n        )}\n        style={colorStyle}\n      >\n        {nameInitial}\n      </AvatarBase.Fallback>\n\n      {props.children}\n    </AvatarBase.Root>\n  );\n}\n","import React from \"react\";\nimport { cn } from \"../utils\";\nimport { Avatar, AvatarImpl } from \"./avatar\";\nimport * as Popover from \"./popover\";\nimport * as Tooltip from \"./tooltip\";\n\ninterface AvatarGroupProps {\n  avatars: React.ComponentProps<typeof Avatar>[];\n  max?: number;\n  className?: string;\n}\n\nexport function AvatarGroup({ max = 4, avatars, className }: AvatarGroupProps) {\n  const hasOverflow = avatars.length > max;\n  const overflowAvatars = avatars.slice(max);\n\n  return (\n    <Tooltip.BaseProvider>\n      <div\n        className={cn(\"flex items-center\", className)}\n        data-slot=\"avatar-group\"\n      >\n        {avatars.map((avatar, index) => (\n          <React.Fragment key={avatar.name}>\n            <Tooltip.BaseRoot>\n              <Tooltip.Trigger\n                render={(tooltipProps) => (\n                  <div\n                    className=\"relative\"\n                    style={{\n                      marginLeft:\n                        index > 0\n                          ? `-${parseInt(avatar.size ?? \"100px\") * 0.25}px`\n                          : \"0\",\n                      zIndex: avatars.length - index,\n                    }}\n                    {...tooltipProps}\n                  >\n                    <AvatarImpl {...avatar} className=\"ring-2 ring-white\" />\n                  </div>\n                )}\n              />\n              <Tooltip.Content>{avatar.name}</Tooltip.Content>\n            </Tooltip.BaseRoot>\n          </React.Fragment>\n        ))}\n\n        {hasOverflow && (\n          <div\n            className=\"relative\"\n            style={{\n              marginLeft: `-${parseInt(avatars[0].size ?? \"100px\") * 0.25}px`,\n              zIndex: 0,\n            }}\n          >\n            <Popover.Root openOnHover>\n              <Popover.Trigger>\n                <div\n                  className={cn(\n                    \"bg-ppx-neutral-3 text-ppx-neutral-18 hover:bg-ppx-neutral-4 flex cursor-pointer items-center justify-center font-medium transition-colors\",\n                    avatars[0].variant === \"rounded\"\n                      ? \"rounded-full\"\n                      : \"rounded-ppx-s\",\n                  )}\n                  style={{\n                    width: avatars[0].size ?? \"100px\",\n                    height: avatars[0].size ?? \"100px\",\n                    fontSize: `${parseInt(avatars[0].size ?? \"100px\") * 0.3}px`,\n                  }}\n                >\n                  +{overflowAvatars.length}\n                </div>\n              </Popover.Trigger>\n\n              <Popover.Content\n                className=\"w-80\"\n                positionerProps={{ align: \"start\", side: \"top\" }}\n              >\n                <div className=\"max-h-64 space-y-2 overflow-y-auto\">\n                  {overflowAvatars.map((avatar) => (\n                    <div\n                      key={avatar.name}\n                      className=\"flex items-center gap-3 rounded-md p-2\"\n                    >\n                      <Avatar {...avatar} size=\"24px\" hideTooltip />\n                      <span className=\"text-ppx-neutral-18 text-sm font-medium\">\n                        {avatar.name}\n                      </span>\n                    </div>\n                  ))}\n                </div>\n              </Popover.Content>\n            </Popover.Root>\n          </div>\n        )}\n      </div>\n    </Tooltip.BaseProvider>\n  );\n}\n","import * as React from \"react\";\nimport { Switch as BaseSwitch } from \"@base-ui-components/react/switch\";\n\nimport { cn } from \"../utils\";\n\nfunction Switch({\n  className,\n  size,\n  ...props\n}: React.ComponentProps<typeof BaseSwitch.Root> & {\n  size?: \"sm\" | \"lg\";\n}) {\n  return (\n    <BaseSwitch.Root\n      data-slot=\"switch\"\n      className={cn(\n        \"peer shadow-xs inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none focus-visible:ring-3 focus-visible:ring-ppx-neutral-17/30 disabled:cursor-not-allowed disabled:opacity-50 data-checked:bg-ppx-primary-5 data-unchecked:bg-ppx-neutral-4\",\n        size === \"sm\" && \"h-4 w-8\",\n        size === undefined && \"h-5 w-10\",\n        size === \"lg\" && \"h-6 w-12\",\n        className,\n      )}\n      {...props}\n    >\n      <BaseSwitch.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          \"ease-in-out pointer-events-none block rounded-full bg-ppx-neutral-1 ring-0 transition-transform duration-300\",\n          size === \"sm\" && \"size-3.5 data-checked:translate-x-[calc(100%+2px)]\",\n          size === undefined &&\n            \"size-4 data-checked:translate-x-[calc(100%+5px)] data-unchecked:translate-x-px\",\n          size === \"lg\" &&\n            \"size-5 data-checked:translate-x-[calc(100%+5px)] data-unchecked:translate-x-px\",\n        )}\n      />\n    </BaseSwitch.Root>\n  );\n}\n\nexport { Switch };\n","import * as React from \"react\";\nimport { cn } from \"../utils\";\n\n// https://www.radix-ui.com/primitives/docs/components/separator\nexport function Separator({\n  className,\n  orientation = \"vertical\",\n  decorative = false,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  orientation: \"horizontal\" | \"vertical\";\n  decorative?: boolean;\n}) {\n  // `aria-orientation` defaults to `horizontal` so we only need it if `orientation` is vertical\n  const ariaOrientation = orientation === \"vertical\" ? orientation : undefined;\n  const semanticProps = decorative\n    ? { role: \"none\" }\n    : { \"aria-orientation\": ariaOrientation, role: \"separator\" };\n\n  return (\n    <div\n      data-orientation={orientation}\n      {...semanticProps}\n      data-slot=\"separator\"\n      className={cn(\n        \"shrink-0 bg-ppx-neutral-3 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nSeparator.displayName = \"Separator\";\n","export default function CalenderIcon(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg\n      version=\"1.1\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 768 768\"\n      {...props}\n    >\n      <path d=\"M618.645 61.378h-35.458v-61.379h-66.743v61.379h-266.974v-61.379h-66.743v61.379h-33.372c-55.205 0-100.115 44.91-100.115 100.115v506.391c0 55.206 44.91 100.115 100.115 100.115h469.29c55.206 0 100.115-44.909 100.115-100.115v-506.391c0-55.205-44.909-100.115-100.115-100.115zM652.016 667.885c0 18.396-14.968 33.372-25.029 33.372h-469.29c-26.747 0-41.715-14.976-41.715-33.372v-408.803h536.033v408.803zM566.71 500.817h-142.247v117.226h142.247v-117.226zM566.71 331.664h-142.247v117.226h142.247v-117.226zM343.537 331.664h-142.247v117.226h142.247v-117.226zM343.537 500.817h-142.247v117.226h142.247v-117.226z\"></path>\n    </svg>\n  );\n}\n","import * as React from \"react\";\nimport { format as formatDate } from \"date-fns\";\nimport { cn } from \"../utils\";\nimport { Calendar } from \"./calendar\";\nimport * as Popover from \"./popover\";\nimport { triggerVariants } from \"../tw-styles/dropdown\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport CalenderIcon from \"../icons/calendar-icon\";\nimport { OnSelectHandler } from \"react-day-picker\";\n\ntype CalendarProps = React.ComponentProps<typeof Calendar>;\n\ntype DatePickerProps = {\n  placeholder?: string;\n  format?: string;\n  trailingIcon?: React.ReactNode;\n  invalid?: boolean;\n\n  triggerProps?: VariantProps<typeof triggerVariants> & {\n    className?: string;\n    disabled?: boolean;\n  };\n\n  renderTriggerContent?: React.ReactNode;\n\n  popoverRootProps?: Omit<\n    React.ComponentProps<typeof Popover.Root>,\n    \"children\"\n  >;\n  popoverContentProps?: React.ComponentProps<typeof Popover.Content>;\n} & CalendarProps;\n\nexport function DatePicker({\n  triggerProps,\n  placeholder = \"Pick a date\",\n  format = \"yyyy-MM-dd\",\n  invalid,\n  trailingIcon,\n  renderTriggerContent,\n\n  popoverRootProps,\n  popoverContentProps,\n\n  ...calendarProps\n}: DatePickerProps) {\n  const [open, setOpen] = React.useState(false);\n\n  const handleSelect: OnSelectHandler<Date> = (...args) => {\n    (calendarProps as Record<string, any>).onSelect(...args);\n    !calendarProps.mode || (calendarProps.mode === \"single\" && setOpen(false));\n  };\n\n  return (\n    <Popover.Root open={open} onOpenChange={setOpen} {...popoverRootProps}>\n      <Popover.Trigger\n        disabled={triggerProps?.disabled}\n        className={cn(\n          triggerVariants({\n            size: triggerProps?.size,\n            widthVariant: triggerProps?.widthVariant,\n          }),\n          \"gap-2.5\",\n          triggerProps?.className,\n        )}\n        aria-invalid={invalid}\n        aria-label=\"Open date picker\"\n      >\n        {renderTriggerContent ||\n          renderFormattedDate(calendarProps, format) ||\n          placeholder}\n\n        {trailingIcon ?? (\n          <CalenderIcon\n            className={cn(\n              \"size-5 shrink-0 text-ppx-foreground\",\n              triggerProps?.disabled && \"opacity-50\",\n            )}\n          />\n        )}\n      </Popover.Trigger>\n      <Popover.Content\n        className={cn(\"p-0\", popoverContentProps?.className)}\n        {...popoverContentProps}\n      >\n        {/* @ts-expect-error */}\n        <Calendar {...calendarProps} onSelect={handleSelect} />\n      </Popover.Content>\n    </Popover.Root>\n  );\n}\n\nfunction renderFormattedDate(calendarProps: CalendarProps, format: string) {\n  if (calendarProps.mode === \"single\" && calendarProps.selected) {\n    return formatDate(calendarProps.selected, format);\n  }\n\n  if (calendarProps.mode === \"range\" && calendarProps.selected?.from) {\n    let formattedDate = formatDate(calendarProps.selected.from, format);\n\n    if (\n      calendarProps.selected.to &&\n      calendarProps.selected.from !== calendarProps.selected.to\n    ) {\n      formattedDate = `${formattedDate} - ${formatDate(calendarProps.selected.to, format)}`;\n    }\n\n    return formattedDate;\n  }\n\n  if (calendarProps.mode === \"multiple\" && calendarProps.selected?.length) {\n    return calendarProps.selected\n      .map((date) => formatDate(date, format))\n      .join(\", \");\n  }\n\n  return \"\";\n}\n","// We need to export all the\nimport \"./index.css\";\n\n// Components with namespace conflicts - export as namespaces\nexport * as Dialog from \"./components/dialog\";\nexport * as Popover from \"./components/popover\";\nexport * as Combobox from \"./components/combobox\";\nexport * as Select from \"./components/select\";\nexport * as Menu from \"./components/menu\";\nexport * as Progress from \"./components/progress\";\nexport * as InputGroup from \"./components/input-group\";\nexport * as SegmentedControl from \"./components/segmented-control\";\nexport * as Tabs from \"./components/tabs\";\nexport * as Tooltip from \"./components/tooltip\";\nexport * as BlockCheckboxGroup from \"./components/block-checkbox-group\";\nexport * as BlockRadioGroup from \"./components/block-radio-group\";\nexport * as Breadcrumbs from \"./components/breadcrumbs\";\nexport { Calendar } from \"./components/calendar\";\n\n// Simple components - export directly\nexport * from \"./components/button\";\nexport * from \"./components/checkbox\";\nexport * from \"./components/label\";\nexport * from \"./components/input\";\nexport * from \"./components/textarea\";\nexport * from \"./components/avatar\";\nexport * from \"./components/avatar-group\";\nexport * from \"./components/spinner\";\nexport * from \"./components/switch\";\nexport * from \"./components/radio-group\";\nexport * from \"./components/separator\";\nexport * from \"./components/date-picker\";\n\n// Hooks\nexport * from \"./hooks/use-debounce\";\nexport * from \"./hooks/use-async-options\";\nexport * from \"./hooks/use-infinite-scroll\";\nexport * from \"./hooks/use-intersection-observer\";\n\n// Utils\nexport * from \"./utils\";\n"],"mappings":"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"}

package/package.json

@@ -1,131 +1,18 @@
 {
   "name": "@px-ui/core",
-  "version": "1.28.0",
+  "version": "1.29.4",
   "description": "A modern React component library built with Tailwind CSS",
   "type": "module",
   "module": "./dist/index.js",
+  "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "sideEffects": [
-    "**/*.css",
-    "./dist/index.js"
-  ],
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./styles": "./dist/core.css",
-    "./button": {
-      "types": "./dist/components/button.d.ts",
-      "import": "./dist/components/button.js"
-    },
-    "./checkbox": {
-      "types": "./dist/components/checkbox.d.ts",
-      "import": "./dist/components/checkbox.js"
-    },
-    "./label": {
-      "types": "./dist/components/label.d.ts",
-      "import": "./dist/components/label.js"
-    },
-    "./text-input": {
-      "types": "./dist/components/text-input.d.ts",
-      "import": "./dist/components/text-input.js"
-    },
-    "./input": {
-      "types": "./dist/components/input.d.ts",
-      "import": "./dist/components/input.js"
-    },
-    "./input-group": {
-      "types": "./dist/components/input-group.d.ts",
-      "import": "./dist/components/input-group.js"
-    },
-    "./textarea": {
-      "types": "./dist/components/textarea.d.ts",
-      "import": "./dist/components/textarea.js"
-    },
-    "./avatar": {
-      "types": "./dist/components/avatar.d.ts",
-      "import": "./dist/components/avatar.js"
-    },
-    "./avatar-group": {
-      "types": "./dist/components/avatar-group.d.ts",
-      "import": "./dist/components/avatar-group.js"
-    },
-    "./user-avatar": {
-      "types": "./dist/components/user-avatar.d.ts",
-      "import": "./dist/components/user-avatar.js"
-    },
-    "./segmented-control": {
-      "types": "./dist/components/segmented-control.d.ts",
-      "import": "./dist/components/segmented-control.js"
-    },
-    "./dialog": {
-      "types": "./dist/components/dialog.d.ts",
-      "import": "./dist/components/dialog.js"
-    },
-    "./popover": {
-      "types": "./dist/components/popover.d.ts",
-      "import": "./dist/components/popover.js"
-    },
-    "./combobox": {
-      "types": "./dist/components/combobox.d.ts",
-      "import": "./dist/components/combobox.js"
-    },
-    "./select": {
-      "types": "./dist/components/select.d.ts",
-      "import": "./dist/components/select.js"
-    },
-    "./menu": {
-      "types": "./dist/components/menu.d.ts",
-      "import": "./dist/components/menu.js"
-    },
-    "./spinner": {
-      "types": "./dist/components/spinner.d.ts",
-      "import": "./dist/components/spinner.js"
-    },
-    "./switch": {
-      "types": "./dist/components/switch.d.ts",
-      "import": "./dist/components/switch.js"
-    },
-    "./tabs": {
-      "types": "./dist/components/tabs.d.ts",
-      "import": "./dist/components/tabs.js"
-    },
-    "./tooltip": {
-      "types": "./dist/components/tooltip.d.ts",
-      "import": "./dist/components/tooltip.js"
-    },
-    "./radio-group": {
-      "types": "./dist/components/radio-group.d.ts",
-      "import": "./dist/components/radio-group.js"
-    },
-    "./progress": {
-      "types": "./dist/components/progress.d.ts",
-      "import": "./dist/components/progress.js"
-    },
-    "./block-checkbox-group": {
-      "types": "./dist/components/block-checkbox-group.d.ts",
-      "import": "./dist/components/block-checkbox-group.js"
-    },
-    "./block-radio-group": {
-      "types": "./dist/components/block-radio-group.d.ts",
-      "import": "./dist/components/block-radio-group.js"
-    },
-    "./utils": {
-      "types": "./dist/utils/index.d.ts",
-      "import": "./dist/utils/index.js"
-    }
+    ".": "./dist/index.js",
+    "./styles": "./dist/index.css"
   },
   "files": [
-    "dist",
-    "README.md"
+    "dist"
   ],
-  "scripts": {
-    "build": "vite build",
-    "test": "vitest",
-    "lint": "eslint src --ext .ts,.tsx",
-    "prepublishOnly": "pnpm build"
-  },
   "keywords": [
     "react",
     "components",
@@ -144,22 +31,44 @@
     "access": "public"
   },
   "peerDependencies": {
+    "@tanstack/react-query": ">=5.0.0",
+    "date-fns": ">2.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
     "@base-ui-components/react": "1.0.0-beta.4",
     "class-variance-authority": "^0.7.1",
+    "classnames": ">2.0.0",
+    "react-day-picker": "^9.11.2",
     "tailwind-merge": "3.2.0",
-    "tw-animate-css": "^1.3.4",
-    "classnames": ">2.0.0"
+    "tw-animate-css": "^1.3.4"
   },
   "devDependencies": {
+    "date-fns": "^4.1.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "@tanstack/react-query": "^5.90.1",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "react": "19.2.0",
-    "react-dom": "19.2.0",
-    "vite-plugin-dts": "^4.5.4"
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@tsconfig/strictest": "^2.0.8",
+    "@types/node": "^24.10.1",
+    "@vitejs/plugin-react": "^5.1.1",
+    "bumpp": "^10.3.1",
+    "happy-dom": "^20.0.10",
+    "tsdown": "^0.16.4",
+    "typescript": "^5.9.3",
+    "vite": "npm:rolldown-vite@^7.2.5",
+    "vitest": "^4.0.9"
+  },
+  "scripts": {
+    "lint": "eslint src --ext .ts,.tsx",
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit",
+    "release": "bumpp && pnpm publish"
   }
-}
+}

package/dist/_virtual/_commonjsHelpers.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as getDefaultExportFromCjs
-};

package/dist/_virtual/index.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as s } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
-var a = r();
-const t = /* @__PURE__ */ s(a);
-export {
-  t as default
-};

package/dist/_virtual/index2.js

@@ -1,4 +0,0 @@
-var s = { exports: {} };
-export {
-  s as __module
-};

package/dist/_virtual/index3.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/jsx-runtime.js

@@ -1,5 +0,0 @@
-import { __require as r } from "../node_modules/.pnpm/react@19.2.0/node_modules/react/jsx-runtime.js";
-var i = r();
-export {
-  i as j
-};

package/dist/_virtual/jsx-runtime2.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/react-jsx-runtime.development.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/react-jsx-runtime.production.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/use-sync-external-store-shim.development.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/use-sync-external-store-shim.production.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/with-selector.development.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};