@customafk/lunas-ui 0.0.76 → 0.0.78

package/dist/{multi-select-C0dFenI-.cjs.map → multi-select-zRSNabHi.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"multi-select-C0dFenI-.cjs","names":["groupOption: GroupOption","CommandItem","value","Command","X","CommandPrimitive","CommandList","CommandSeparator","CommandGroup","Button","PlusIcon"],"sources":["../packages/components/ui/multi-select.tsx"],"sourcesContent":["'use client'\nimport { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { PlusIcon, X } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport { Command, CommandGroup, CommandItem, CommandList, CommandSeparator } from '@/components/ui/command'\n\nimport { Command as CommandPrimitive, useCommandState } from 'cmdk'\n\nexport interface Option {\n  value: string\n  label: string\n  disable?: boolean\n  /** fixed option that can&lsquo;t be removed. */\n  fixed?: boolean\n  /** Group the options by providing key. */\n  [key: string]: string | boolean | undefined\n}\ninterface GroupOption {\n  [key: string]: Option[]\n}\n\ninterface MultipleSelectorProps {\n  value?: Option[]\n  defaultOptions?: Option[]\n  /** manually controlled options */\n  options?: Option[]\n  placeholder?: string\n  /** Loading component. */\n  loadingIndicator?: React.ReactNode\n  /** Empty component. */\n  emptyIndicator?: React.ReactNode\n  /** Debounce time for async search. Only work with `onSearch`. */\n  delay?: number\n  /**\n   * Only work with `onSearch` prop. Trigger search when `onFocus`.\n   * For example, when user click on the input, it will trigger the search to get initial options.\n   **/\n  triggerSearchOnFocus?: boolean\n  /** async search */\n  onSearch?: (value: string) => Promise<Option[]>\n  /**\n   * sync search. This search will not showing loadingIndicator.\n   * The rest props are the same as async search.\n   * i.e.: creatable, groupBy, delay.\n   **/\n  onSearchSync?: (value: string) => Option[]\n  onChange?: (options: Option[]) => void\n  /** Limit the maximum number of selected options. */\n  maxSelected?: number\n  /** When the number of selected options exceeds the limit, the onMaxSelected will be called. */\n  onMaxSelected?: (maxLimit: number) => void\n  /** Hide the placeholder when there are options selected. */\n  hidePlaceholderWhenSelected?: boolean\n  disabled?: boolean\n  /** Group the options base on provided key. */\n  groupBy?: string\n  className?: string\n  badgeClassName?: string\n  /**\n   * First item selected is a default behavior by cmdk. That is why the default is true.\n   * This is a workaround solution by add a dummy item.\n   *\n   * @reference: https://github.com/pacocoursey/cmdk/issues/171\n   */\n  selectFirstItem?: boolean\n  /** Allow user to create option when there is no option matched. */\n  creatable?: boolean\n  /** Props of `Command` */\n  commandProps?: React.ComponentPropsWithoutRef<typeof Command>\n  /** Props of `CommandInput` */\n  inputProps?: Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>, 'value' | 'placeholder' | 'disabled'>\n  /** hide the clear all button. */\n  hideClearAllButton?: boolean\n\n  /**  Add new item event for select with search */\n  onAddNewItem?: () => void\n}\n\nexport interface MultipleSelectorRef {\n  selectedValue: Option[]\n  input: HTMLInputElement\n  focus: () => void\n  reset: () => void\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useDebounce<T>(value: T, delay?: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value)\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedValue(value), delay || 500)\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n\nfunction transToGroupOption(options: Option[], groupBy?: string) {\n  if (options.length === 0) {\n    return {}\n  }\n  if (!groupBy) {\n    return {\n      '': options,\n    }\n  }\n\n  const groupOption: GroupOption = {}\n  options.forEach((option) => {\n    const key = (option[groupBy] as string) || ''\n    if (!groupOption[key]) {\n      groupOption[key] = []\n    }\n    groupOption[key].push(option)\n  })\n  return groupOption\n}\n\nfunction removePickedOption(groupOption: GroupOption, picked: Option[]) {\n  const cloneOption = JSON.parse(JSON.stringify(groupOption)) as GroupOption\n\n  for (const [key, value] of Object.entries(cloneOption)) {\n    cloneOption[key] = value.filter((val) => !picked.find((p) => p.value === val.value))\n  }\n  return cloneOption\n}\n\nfunction isOptionsExist(groupOption: GroupOption, targetOption: Option[]) {\n  for (const [, value] of Object.entries(groupOption)) {\n    if (value.some((option) => targetOption.find((p) => p.value === option.value))) {\n      return true\n    }\n  }\n  return false\n}\n\n/**\n * The `CommandEmpty` of shadcn/ui will cause the cmdk empty not rendering correctly.\n * So we create one and copy the `Empty` implementation from `cmdk`.\n *\n * @reference: https://github.com/hsuanyi-chou/shadcn-ui-expansions/issues/34#issuecomment-1949561607\n **/\nconst CommandEmpty = forwardRef<HTMLDivElement, React.ComponentProps<typeof CommandPrimitive.Empty>>(({ className, ...props }, forwardedRef) => {\n  const render = useCommandState((state) => state.filtered.count === 0)\n\n  if (!render) return null\n\n  return <div ref={forwardedRef} className={cn('px-2 py-4 text-center text-sm', className)} cmdk-empty=\"\" role=\"presentation\" {...props} />\n})\n\nCommandEmpty.displayName = 'CommandEmpty'\n\nexport const MultipleSelector = forwardRef<MultipleSelectorRef, MultipleSelectorProps>(\n  (\n    {\n      value,\n      onChange,\n      placeholder,\n      defaultOptions: arrayDefaultOptions = [],\n      options: arrayOptions,\n      delay,\n      onSearch,\n      onSearchSync,\n      loadingIndicator: LoadingIndicator,\n      emptyIndicator,\n      maxSelected = Number.MAX_SAFE_INTEGER,\n      onMaxSelected,\n      hidePlaceholderWhenSelected,\n      disabled,\n      groupBy,\n      className,\n      badgeClassName,\n      selectFirstItem = true,\n      creatable = false,\n      triggerSearchOnFocus = false,\n      commandProps,\n      inputProps,\n      hideClearAllButton = false,\n      onAddNewItem,\n    }: MultipleSelectorProps,\n    ref: React.Ref<MultipleSelectorRef>,\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n    const dropdownRef = useRef<HTMLDivElement>(null) // Added this\n\n    const [open, setOpen] = useState(false)\n    const [onScrollbar, setOnScrollbar] = useState(false)\n    const [isLoading, setIsLoading] = useState(false)\n\n    const [selected, setSelected] = useState<Option[]>(value || [])\n    const [options, setOptions] = useState<GroupOption>(transToGroupOption(arrayDefaultOptions, groupBy))\n    const [inputValue, setInputValue] = useState('')\n\n    const debouncedSearchTerm = useDebounce(inputValue, delay || 500)\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        selectedValue: [...selected],\n        input: inputRef.current as HTMLInputElement,\n        focus: () => inputRef?.current?.focus(),\n        reset: () => setSelected([]),\n      }),\n      [selected],\n    )\n\n    const handleClickOutside = useCallback((event: MouseEvent | TouchEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node) && inputRef.current && !inputRef.current.contains(event.target as Node)) {\n        setOpen(false)\n        inputRef.current.blur()\n      }\n    }, [])\n\n    const handleUnselect = useCallback(\n      (option: Option) => {\n        const newOptions = selected.filter((s) => s.value !== option.value)\n        setSelected(newOptions)\n        onChange?.(newOptions)\n      },\n      [onChange, selected],\n    )\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        const input = inputRef.current\n        if (!input) return\n\n        if (e.key === 'Delete' || e.key === 'Backspace') {\n          if (input.value === '' && selected.length > 0) {\n            const lastSelectOption = selected[selected.length - 1]\n            // If last item is fixed, we should not remove it.\n            if (!lastSelectOption.fixed) {\n              handleUnselect(selected[selected.length - 1])\n            }\n          }\n        }\n\n        // This is not a default behavior of the <input /> field\n        if (e.key === 'Escape') {\n          input.blur()\n        }\n      },\n      [handleUnselect, selected],\n    )\n\n    useEffect(() => {\n      if (open) {\n        document.addEventListener('mousedown', handleClickOutside)\n        document.addEventListener('touchend', handleClickOutside)\n      } else {\n        document.removeEventListener('mousedown', handleClickOutside)\n        document.removeEventListener('touchend', handleClickOutside)\n      }\n\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n        document.removeEventListener('touchend', handleClickOutside)\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    useEffect(() => {\n      if (value) {\n        setSelected(value)\n      }\n    }, [value])\n\n    useEffect(() => {\n      /** If `onSearch` is provided, do not trigger options updated. */\n      if (!arrayOptions || onSearch) {\n        return\n      }\n      const newOption = transToGroupOption(arrayOptions || [], groupBy)\n      if (JSON.stringify(newOption) !== JSON.stringify(options)) {\n        setOptions(newOption)\n      }\n    }, [arrayDefaultOptions, arrayOptions, groupBy, onSearch, options])\n\n    useEffect(() => {\n      /** sync search */\n\n      const doSearchSync = () => {\n        const res = onSearchSync?.(debouncedSearchTerm)\n        setOptions(transToGroupOption(res || [], groupBy))\n      }\n\n      const exec = async () => {\n        if (!onSearchSync || !open) return\n\n        if (triggerSearchOnFocus) {\n          doSearchSync()\n        }\n\n        if (debouncedSearchTerm) {\n          doSearchSync()\n        }\n      }\n\n      void exec()\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [debouncedSearchTerm, groupBy, open, triggerSearchOnFocus])\n\n    useEffect(() => {\n      /** async search */\n\n      const doSearch = async () => {\n        setIsLoading(true)\n        const res = await onSearch?.(debouncedSearchTerm)\n        setOptions(transToGroupOption(res || [], groupBy))\n        setIsLoading(false)\n      }\n\n      const exec = async () => {\n        if (!onSearch || !open) return\n\n        if (triggerSearchOnFocus) {\n          await doSearch()\n        }\n\n        if (debouncedSearchTerm) {\n          await doSearch()\n        }\n      }\n\n      void exec()\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [debouncedSearchTerm, groupBy, open, triggerSearchOnFocus])\n\n    const CreatableItem = () => {\n      if (!creatable) return undefined\n      if (isOptionsExist(options, [{ value: inputValue, label: inputValue }]) || selected.find((s) => s.value === inputValue)) {\n        return undefined\n      }\n\n      const Item = (\n        <CommandItem\n          value={inputValue}\n          className=\"cursor-pointer\"\n          onMouseDown={(e) => {\n            e.preventDefault()\n            e.stopPropagation()\n          }}\n          onSelect={(value: string) => {\n            if (selected.length >= maxSelected) {\n              onMaxSelected?.(selected.length)\n              return\n            }\n            setInputValue('')\n            const newOptions = [...selected, { value, label: value }]\n            setSelected(newOptions)\n            onChange?.(newOptions)\n          }}\n        >\n          {`Create \"${inputValue}\"`}\n        </CommandItem>\n      )\n\n      // For normal creatable\n      if (!onSearch && inputValue.length > 0) {\n        return Item\n      }\n\n      // For async search creatable. avoid showing creatable item before loading at first.\n      if (onSearch && debouncedSearchTerm.length > 0 && !isLoading) {\n        return Item\n      }\n\n      return undefined\n    }\n\n    const EmptyItem = useCallback(() => {\n      if (!emptyIndicator) return undefined\n\n      // For async search that showing emptyIndicator\n      if (onSearch && !creatable && Object.keys(options).length === 0) {\n        return (\n          <CommandItem value=\"-\" disabled>\n            {emptyIndicator}\n          </CommandItem>\n        )\n      }\n\n      return <CommandEmpty>{emptyIndicator}</CommandEmpty>\n    }, [creatable, emptyIndicator, onSearch, options])\n\n    const selectables = useMemo<GroupOption>(() => removePickedOption(options, selected), [options, selected])\n\n    /** Avoid Creatable Selector freezing or lagging when paste a long string. */\n    const commandFilter = useCallback(() => {\n      if (commandProps?.filter) {\n        return commandProps.filter\n      }\n\n      if (creatable) {\n        return (value: string, search: string) => {\n          return value.toLowerCase().includes(search.toLowerCase()) ? 1 : -1\n        }\n      }\n      // Using default filter in `cmdk`. We don&lsquo;t have to provide it.\n      return undefined\n    }, [creatable, commandProps?.filter])\n\n    return (\n      <Command\n        ref={dropdownRef}\n        {...commandProps}\n        onKeyDown={(e) => {\n          handleKeyDown(e)\n          commandProps?.onKeyDown?.(e)\n        }}\n        className={cn('h-auto overflow-visible bg-transparent', commandProps?.className)}\n        shouldFilter={commandProps?.shouldFilter !== undefined ? commandProps.shouldFilter : !onSearch} // When onSearch is provided, we don&lsquo;t want to filter the options. You can still override it.\n        filter={commandFilter()}\n      >\n        <div\n          className={cn(\n            'border-border-weak relative rounded-md border text-sm transition-shadow',\n            'focus-within:border-primary',\n            'focus-within:ring-primary-weak',\n            'focus-within:ring-4',\n            'focus-within:outline-hidden',\n            'has-disabled:bg-muted',\n            'has-disabled:text-muted-foreground',\n            selected.length !== 0 && 'p-1',\n            !disabled && selected.length !== 0 && 'cursor-text',\n            !hideClearAllButton && 'pe-9',\n            className,\n          )}\n          onClick={() => {\n            if (disabled) return\n            inputRef?.current?.focus()\n          }}\n        >\n          <div className=\"flex flex-wrap gap-1\">\n            {selected.map((option) => {\n              return (\n                <div\n                  key={option.value}\n                  className={cn(\n                    'animate-fadeIn',\n                    'bg-background',\n                    'hover:bg-background',\n                    'border-border-weak border border-solid',\n                    'text-text-positive-weak relative inline-flex h-7 cursor-default items-center rounded-md ps-2 pe-7 pl-2 text-xs font-medium transition-all',\n                    'disabled:cursor-not-allowed',\n                    'disabled:opacity-50',\n                    'data-fixed:pe-2',\n                    badgeClassName,\n                  )}\n                  data-fixed={option.fixed}\n                  data-disabled={disabled || undefined}\n                >\n                  {option.label}\n                  <button\n                    type=\"button\"\n                    disabled={disabled || option.fixed}\n                    className={cn(\n                      'text-text-positive-muted absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors',\n                      'hover:text-foreground',\n                      'focus-visible:outline',\n                      'focus-visible:outline-2',\n                      'focus-visible:outline-primary-weak',\n                      'disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n                    )}\n                    onKeyDown={(e) => {\n                      if (e.key !== 'Enter') return\n                      handleUnselect(option)\n                    }}\n                    onMouseDown={(e) => {\n                      e.preventDefault()\n                      e.stopPropagation()\n                    }}\n                    onClick={() => handleUnselect(option)}\n                    aria-label=\"Remove\"\n                  >\n                    <X size={14} strokeWidth={2} aria-hidden=\"true\" />\n                  </button>\n                </div>\n              )\n            })}\n            {/* Avoid having the \"Search\" Icon */}\n            <CommandPrimitive.Input\n              {...inputProps}\n              ref={inputRef}\n              value={inputValue}\n              disabled={disabled}\n              onValueChange={(value) => {\n                setInputValue(value)\n                inputProps?.onValueChange?.(value)\n              }}\n              onBlur={(event) => {\n                if (!onScrollbar) {\n                  setOpen(false)\n                }\n                inputProps?.onBlur?.(event)\n              }}\n              onFocus={(event) => {\n                setOpen(true)\n                if (triggerSearchOnFocus) {\n                  onSearch?.(debouncedSearchTerm)\n                }\n                inputProps?.onFocus?.(event)\n              }}\n              placeholder={hidePlaceholderWhenSelected && selected.length !== 0 ? '' : placeholder}\n              className={cn(\n                'placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden',\n                'disabled:placeholder:text-transparent',\n                {\n                  'w-full': hidePlaceholderWhenSelected,\n                  'px-3 py-2': selected.length === 0,\n                  'ml-1': selected.length !== 0,\n                },\n                inputProps?.className,\n              )}\n            />\n            <button\n              type=\"button\"\n              onClick={() => {\n                setSelected(selected.filter((s) => s.fixed))\n                onChange?.(selected.filter((s) => s.fixed))\n              }}\n              className={cn(\n                'text-muted-foreground/80',\n                'absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors',\n                'focus-visible:outline-2',\n                'hover:text-text-positive',\n                'focus-visible:outline-primary-weak',\n                (hideClearAllButton || disabled || selected.length < 1 || selected.filter(({ fixed }) => fixed).length === selected.length) && 'hidden',\n              )}\n              aria-label=\"Clear all\"\n            >\n              <X size={16} strokeWidth={2} aria-hidden=\"true\" />\n            </button>\n          </div>\n        </div>\n        <div className=\"relative\">\n          <div\n            className={cn(\n              'shadow-dropdown absolute top-2 z-10 w-full overflow-hidden rounded-lg',\n              'data-[state=open]:animate-in',\n              'data-[state=closed]:animate-out',\n              'data-[state=closed]:fade-out-0',\n              'data-[state=open]:fade-in-0',\n              'data-[state=closed]:zoom-out-95',\n              'data-[state=open]:zoom-in-95',\n              !open && 'hidden',\n            )}\n            data-state={open ? 'open' : 'closed'}\n          >\n            {open && (\n              <CommandList\n                className=\"shadow-lg outline-hidden\"\n                onMouseLeave={() => {\n                  setOnScrollbar(false)\n                }}\n                onMouseEnter={() => {\n                  setOnScrollbar(true)\n                }}\n                onMouseUp={() => {\n                  inputRef?.current?.focus()\n                }}\n              >\n                {onAddNewItem && (\n                  <>\n                    <CommandSeparator />\n                    <CommandGroup>\n                      <Button type=\"button\" variant=\"ghost\" className=\"w-full font-normal [&_div]:justify-start\" onClick={onAddNewItem}>\n                        <PlusIcon size={14} className=\"opacity-60\" aria-hidden=\"true\" />\n                        Thêm mới\n                      </Button>\n                    </CommandGroup>\n                  </>\n                )}\n                {isLoading ? (\n                  LoadingIndicator\n                ) : (\n                  <>\n                    {EmptyItem()}\n                    {CreatableItem()}\n                    {!selectFirstItem && <CommandItem value=\"-\" className=\"hidden\" />}\n                    {Object.entries(selectables).map(([key, dropdowns]) => (\n                      <CommandGroup key={key} heading={key} className=\"h-full overflow-auto\">\n                        {dropdowns.map((option) => {\n                          return (\n                            <CommandItem\n                              key={option.value}\n                              value={option.value}\n                              disabled={option.disable}\n                              onMouseDown={(e) => {\n                                e.preventDefault()\n                                e.stopPropagation()\n                              }}\n                              onSelect={() => {\n                                if (selected.length >= maxSelected) {\n                                  onMaxSelected?.(selected.length)\n                                  return\n                                }\n                                const newOptions = [...selected, option]\n                                setInputValue('')\n                                setSelected(newOptions)\n                                onChange?.(newOptions)\n                              }}\n                              className={cn('cursor-pointer', option.disable && 'cursor-not-allowed opacity-50')}\n                            >\n                              {option.label}\n                            </CommandItem>\n                          )\n                        })}\n                      </CommandGroup>\n                    ))}\n                  </>\n                )}\n              </CommandList>\n            )}\n          </div>\n        </div>\n      </Command>\n    )\n  },\n)\n\nMultipleSelector.displayName = 'MultipleSelector'\n"],"mappings":"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"}
+{"version":3,"file":"multi-select-zRSNabHi.cjs","names":["groupOption: GroupOption","CommandItem","value","Command","X","CommandPrimitive","CommandList","CommandSeparator","CommandGroup","Button","PlusIcon"],"sources":["../packages/components/ui/multi-select.tsx"],"sourcesContent":["'use client'\nimport { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { PlusIcon, X } from 'lucide-react'\n\nimport { Button } from '@/components/ui/button'\nimport { Command, CommandGroup, CommandItem, CommandList, CommandSeparator } from '@/components/ui/command'\n\nimport { Command as CommandPrimitive, useCommandState } from 'cmdk'\n\nexport interface Option {\n  value: string\n  label: string\n  disable?: boolean\n  /** fixed option that can&lsquo;t be removed. */\n  fixed?: boolean\n  /** Group the options by providing key. */\n  [key: string]: string | boolean | undefined\n}\ninterface GroupOption {\n  [key: string]: Option[]\n}\n\ninterface MultipleSelectorProps {\n  value?: Option[]\n  defaultOptions?: Option[]\n  /** manually controlled options */\n  options?: Option[]\n  placeholder?: string\n  /** Loading component. */\n  loadingIndicator?: React.ReactNode\n  /** Empty component. */\n  emptyIndicator?: React.ReactNode\n  /** Debounce time for async search. Only work with `onSearch`. */\n  delay?: number\n  /**\n   * Only work with `onSearch` prop. Trigger search when `onFocus`.\n   * For example, when user click on the input, it will trigger the search to get initial options.\n   **/\n  triggerSearchOnFocus?: boolean\n  /** async search */\n  onSearch?: (value: string) => Promise<Option[]>\n  /**\n   * sync search. This search will not showing loadingIndicator.\n   * The rest props are the same as async search.\n   * i.e.: creatable, groupBy, delay.\n   **/\n  onSearchSync?: (value: string) => Option[]\n  onChange?: (options: Option[]) => void\n  /** Limit the maximum number of selected options. */\n  maxSelected?: number\n  /** When the number of selected options exceeds the limit, the onMaxSelected will be called. */\n  onMaxSelected?: (maxLimit: number) => void\n  /** Hide the placeholder when there are options selected. */\n  hidePlaceholderWhenSelected?: boolean\n  disabled?: boolean\n  /** Group the options base on provided key. */\n  groupBy?: string\n  className?: string\n  badgeClassName?: string\n  /**\n   * First item selected is a default behavior by cmdk. That is why the default is true.\n   * This is a workaround solution by add a dummy item.\n   *\n   * @reference: https://github.com/pacocoursey/cmdk/issues/171\n   */\n  selectFirstItem?: boolean\n  /** Allow user to create option when there is no option matched. */\n  creatable?: boolean\n  /** Props of `Command` */\n  commandProps?: React.ComponentPropsWithoutRef<typeof Command>\n  /** Props of `CommandInput` */\n  inputProps?: Omit<React.ComponentPropsWithoutRef<typeof CommandPrimitive.Input>, 'value' | 'placeholder' | 'disabled'>\n  /** hide the clear all button. */\n  hideClearAllButton?: boolean\n\n  /**  Add new item event for select with search */\n  onAddNewItem?: () => void\n}\n\nexport interface MultipleSelectorRef {\n  selectedValue: Option[]\n  input: HTMLInputElement\n  focus: () => void\n  reset: () => void\n}\n\n// eslint-disable-next-line react-refresh/only-export-components\nexport function useDebounce<T>(value: T, delay?: number): T {\n  const [debouncedValue, setDebouncedValue] = useState<T>(value)\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedValue(value), delay || 500)\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [value, delay])\n\n  return debouncedValue\n}\n\nfunction transToGroupOption(options: Option[], groupBy?: string) {\n  if (options.length === 0) {\n    return {}\n  }\n  if (!groupBy) {\n    return {\n      '': options,\n    }\n  }\n\n  const groupOption: GroupOption = {}\n  options.forEach((option) => {\n    const key = (option[groupBy] as string) || ''\n    if (!groupOption[key]) {\n      groupOption[key] = []\n    }\n    groupOption[key].push(option)\n  })\n  return groupOption\n}\n\nfunction removePickedOption(groupOption: GroupOption, picked: Option[]) {\n  const cloneOption = JSON.parse(JSON.stringify(groupOption)) as GroupOption\n\n  for (const [key, value] of Object.entries(cloneOption)) {\n    cloneOption[key] = value.filter((val) => !picked.find((p) => p.value === val.value))\n  }\n  return cloneOption\n}\n\nfunction isOptionsExist(groupOption: GroupOption, targetOption: Option[]) {\n  for (const [, value] of Object.entries(groupOption)) {\n    if (value.some((option) => targetOption.find((p) => p.value === option.value))) {\n      return true\n    }\n  }\n  return false\n}\n\n/**\n * The `CommandEmpty` of shadcn/ui will cause the cmdk empty not rendering correctly.\n * So we create one and copy the `Empty` implementation from `cmdk`.\n *\n * @reference: https://github.com/hsuanyi-chou/shadcn-ui-expansions/issues/34#issuecomment-1949561607\n **/\nconst CommandEmpty = forwardRef<HTMLDivElement, React.ComponentProps<typeof CommandPrimitive.Empty>>(({ className, ...props }, forwardedRef) => {\n  const render = useCommandState((state) => state.filtered.count === 0)\n\n  if (!render) return null\n\n  return <div ref={forwardedRef} className={cn('px-2 py-4 text-center text-sm', className)} cmdk-empty=\"\" role=\"presentation\" {...props} />\n})\n\nCommandEmpty.displayName = 'CommandEmpty'\n\nexport const MultipleSelector = forwardRef<MultipleSelectorRef, MultipleSelectorProps>(\n  (\n    {\n      value,\n      onChange,\n      placeholder,\n      defaultOptions: arrayDefaultOptions = [],\n      options: arrayOptions,\n      delay,\n      onSearch,\n      onSearchSync,\n      loadingIndicator: LoadingIndicator,\n      emptyIndicator,\n      maxSelected = Number.MAX_SAFE_INTEGER,\n      onMaxSelected,\n      hidePlaceholderWhenSelected,\n      disabled,\n      groupBy,\n      className,\n      badgeClassName,\n      selectFirstItem = true,\n      creatable = false,\n      triggerSearchOnFocus = false,\n      commandProps,\n      inputProps,\n      hideClearAllButton = false,\n      onAddNewItem,\n    }: MultipleSelectorProps,\n    ref: React.Ref<MultipleSelectorRef>,\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null)\n    const dropdownRef = useRef<HTMLDivElement>(null) // Added this\n\n    const [open, setOpen] = useState(false)\n    const [onScrollbar, setOnScrollbar] = useState(false)\n    const [isLoading, setIsLoading] = useState(false)\n\n    const [selected, setSelected] = useState<Option[]>(value || [])\n    const [options, setOptions] = useState<GroupOption>(transToGroupOption(arrayDefaultOptions, groupBy))\n    const [inputValue, setInputValue] = useState('')\n\n    const debouncedSearchTerm = useDebounce(inputValue, delay || 500)\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        selectedValue: [...selected],\n        input: inputRef.current as HTMLInputElement,\n        focus: () => inputRef?.current?.focus(),\n        reset: () => setSelected([]),\n      }),\n      [selected],\n    )\n\n    const handleClickOutside = useCallback((event: MouseEvent | TouchEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(event.target as Node) && inputRef.current && !inputRef.current.contains(event.target as Node)) {\n        setOpen(false)\n        inputRef.current.blur()\n      }\n    }, [])\n\n    const handleUnselect = useCallback(\n      (option: Option) => {\n        const newOptions = selected.filter((s) => s.value !== option.value)\n        setSelected(newOptions)\n        onChange?.(newOptions)\n      },\n      [onChange, selected],\n    )\n\n    const handleKeyDown = useCallback(\n      (e: React.KeyboardEvent<HTMLDivElement>) => {\n        const input = inputRef.current\n        if (!input) return\n\n        if (e.key === 'Delete' || e.key === 'Backspace') {\n          if (input.value === '' && selected.length > 0) {\n            const lastSelectOption = selected[selected.length - 1]\n            // If last item is fixed, we should not remove it.\n            if (!lastSelectOption.fixed) {\n              handleUnselect(selected[selected.length - 1])\n            }\n          }\n        }\n\n        // This is not a default behavior of the <input /> field\n        if (e.key === 'Escape') {\n          input.blur()\n        }\n      },\n      [handleUnselect, selected],\n    )\n\n    useEffect(() => {\n      if (open) {\n        document.addEventListener('mousedown', handleClickOutside)\n        document.addEventListener('touchend', handleClickOutside)\n      } else {\n        document.removeEventListener('mousedown', handleClickOutside)\n        document.removeEventListener('touchend', handleClickOutside)\n      }\n\n      return () => {\n        document.removeEventListener('mousedown', handleClickOutside)\n        document.removeEventListener('touchend', handleClickOutside)\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [open])\n\n    useEffect(() => {\n      if (value) {\n        setSelected(value)\n      }\n    }, [value])\n\n    useEffect(() => {\n      /** If `onSearch` is provided, do not trigger options updated. */\n      if (!arrayOptions || onSearch) {\n        return\n      }\n      const newOption = transToGroupOption(arrayOptions || [], groupBy)\n      if (JSON.stringify(newOption) !== JSON.stringify(options)) {\n        setOptions(newOption)\n      }\n    }, [arrayDefaultOptions, arrayOptions, groupBy, onSearch, options])\n\n    useEffect(() => {\n      /** sync search */\n\n      const doSearchSync = () => {\n        const res = onSearchSync?.(debouncedSearchTerm)\n        setOptions(transToGroupOption(res || [], groupBy))\n      }\n\n      const exec = async () => {\n        if (!onSearchSync || !open) return\n\n        if (triggerSearchOnFocus) {\n          doSearchSync()\n        }\n\n        if (debouncedSearchTerm) {\n          doSearchSync()\n        }\n      }\n\n      void exec()\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [debouncedSearchTerm, groupBy, open, triggerSearchOnFocus])\n\n    useEffect(() => {\n      /** async search */\n\n      const doSearch = async () => {\n        setIsLoading(true)\n        const res = await onSearch?.(debouncedSearchTerm)\n        setOptions(transToGroupOption(res || [], groupBy))\n        setIsLoading(false)\n      }\n\n      const exec = async () => {\n        if (!onSearch || !open) return\n\n        if (triggerSearchOnFocus) {\n          await doSearch()\n        }\n\n        if (debouncedSearchTerm) {\n          await doSearch()\n        }\n      }\n\n      void exec()\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [debouncedSearchTerm, groupBy, open, triggerSearchOnFocus])\n\n    const CreatableItem = () => {\n      if (!creatable) return undefined\n      if (isOptionsExist(options, [{ value: inputValue, label: inputValue }]) || selected.find((s) => s.value === inputValue)) {\n        return undefined\n      }\n\n      const Item = (\n        <CommandItem\n          value={inputValue}\n          className=\"cursor-pointer\"\n          onMouseDown={(e) => {\n            e.preventDefault()\n            e.stopPropagation()\n          }}\n          onSelect={(value: string) => {\n            if (selected.length >= maxSelected) {\n              onMaxSelected?.(selected.length)\n              return\n            }\n            setInputValue('')\n            const newOptions = [...selected, { value, label: value }]\n            setSelected(newOptions)\n            onChange?.(newOptions)\n          }}\n        >\n          {`Create \"${inputValue}\"`}\n        </CommandItem>\n      )\n\n      // For normal creatable\n      if (!onSearch && inputValue.length > 0) {\n        return Item\n      }\n\n      // For async search creatable. avoid showing creatable item before loading at first.\n      if (onSearch && debouncedSearchTerm.length > 0 && !isLoading) {\n        return Item\n      }\n\n      return undefined\n    }\n\n    const EmptyItem = useCallback(() => {\n      if (!emptyIndicator) return undefined\n\n      // For async search that showing emptyIndicator\n      if (onSearch && !creatable && Object.keys(options).length === 0) {\n        return (\n          <CommandItem value=\"-\" disabled>\n            {emptyIndicator}\n          </CommandItem>\n        )\n      }\n\n      return <CommandEmpty>{emptyIndicator}</CommandEmpty>\n    }, [creatable, emptyIndicator, onSearch, options])\n\n    const selectables = useMemo<GroupOption>(() => removePickedOption(options, selected), [options, selected])\n\n    /** Avoid Creatable Selector freezing or lagging when paste a long string. */\n    const commandFilter = useCallback(() => {\n      if (commandProps?.filter) {\n        return commandProps.filter\n      }\n\n      if (creatable) {\n        return (value: string, search: string) => {\n          return value.toLowerCase().includes(search.toLowerCase()) ? 1 : -1\n        }\n      }\n      // Using default filter in `cmdk`. We don&lsquo;t have to provide it.\n      return undefined\n    }, [creatable, commandProps?.filter])\n\n    return (\n      <Command\n        ref={dropdownRef}\n        {...commandProps}\n        onKeyDown={(e) => {\n          handleKeyDown(e)\n          commandProps?.onKeyDown?.(e)\n        }}\n        className={cn('h-auto overflow-visible bg-transparent', commandProps?.className)}\n        shouldFilter={commandProps?.shouldFilter !== undefined ? commandProps.shouldFilter : !onSearch} // When onSearch is provided, we don&lsquo;t want to filter the options. You can still override it.\n        filter={commandFilter()}\n      >\n        <div\n          className={cn(\n            'border-border-weak relative rounded-md border text-sm transition-shadow',\n            'focus-within:border-primary',\n            'focus-within:ring-primary-weak',\n            'focus-within:ring-4',\n            'focus-within:outline-hidden',\n            'has-disabled:bg-muted',\n            'has-disabled:text-muted-foreground',\n            selected.length !== 0 && 'p-1',\n            !disabled && selected.length !== 0 && 'cursor-text',\n            !hideClearAllButton && 'pe-9',\n            className,\n          )}\n          onClick={() => {\n            if (disabled) return\n            inputRef?.current?.focus()\n          }}\n        >\n          <div className=\"flex flex-wrap gap-1\">\n            {selected.map((option) => {\n              return (\n                <div\n                  key={option.value}\n                  className={cn(\n                    'animate-fadeIn',\n                    'bg-background',\n                    'hover:bg-background',\n                    'border-border-weak border border-solid',\n                    'text-text-positive-weak relative inline-flex h-7 cursor-default items-center rounded-md ps-2 pe-7 pl-2 text-xs font-medium transition-all',\n                    'disabled:cursor-not-allowed',\n                    'disabled:opacity-50',\n                    'data-fixed:pe-2',\n                    badgeClassName,\n                  )}\n                  data-fixed={option.fixed}\n                  data-disabled={disabled || undefined}\n                >\n                  {option.label}\n                  <button\n                    type=\"button\"\n                    disabled={disabled || option.fixed}\n                    className={cn(\n                      'text-text-positive-muted absolute -inset-y-px -end-px flex size-7 items-center justify-center rounded-e-lg border border-transparent p-0 outline-0 transition-colors',\n                      'hover:text-foreground',\n                      'focus-visible:outline',\n                      'focus-visible:outline-2',\n                      'focus-visible:outline-primary-weak',\n                      'disabled:hover:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',\n                    )}\n                    onKeyDown={(e) => {\n                      if (e.key !== 'Enter') return\n                      handleUnselect(option)\n                    }}\n                    onMouseDown={(e) => {\n                      e.preventDefault()\n                      e.stopPropagation()\n                    }}\n                    onClick={() => handleUnselect(option)}\n                    aria-label=\"Remove\"\n                  >\n                    <X size={14} strokeWidth={2} aria-hidden=\"true\" />\n                  </button>\n                </div>\n              )\n            })}\n            {/* Avoid having the \"Search\" Icon */}\n            <CommandPrimitive.Input\n              {...inputProps}\n              ref={inputRef}\n              value={inputValue}\n              disabled={disabled}\n              onValueChange={(value) => {\n                setInputValue(value)\n                inputProps?.onValueChange?.(value)\n              }}\n              onBlur={(event) => {\n                if (!onScrollbar) {\n                  setOpen(false)\n                }\n                inputProps?.onBlur?.(event)\n              }}\n              onFocus={(event) => {\n                setOpen(true)\n                if (triggerSearchOnFocus) {\n                  onSearch?.(debouncedSearchTerm)\n                }\n                inputProps?.onFocus?.(event)\n              }}\n              placeholder={hidePlaceholderWhenSelected && selected.length !== 0 ? '' : placeholder}\n              className={cn(\n                'placeholder:text-text-positive-muted flex-1 bg-transparent outline-hidden',\n                'disabled:placeholder:text-transparent',\n                {\n                  'w-full': hidePlaceholderWhenSelected,\n                  'px-3 py-2': selected.length === 0,\n                  'ml-1': selected.length !== 0,\n                },\n                inputProps?.className,\n              )}\n            />\n            <button\n              type=\"button\"\n              onClick={() => {\n                setSelected(selected.filter((s) => s.fixed))\n                onChange?.(selected.filter((s) => s.fixed))\n              }}\n              className={cn(\n                'text-muted-foreground/80',\n                'absolute end-0 top-0 flex size-9 items-center justify-center rounded-lg border border-transparent transition-colors',\n                'focus-visible:outline-2',\n                'hover:text-text-positive',\n                'focus-visible:outline-primary-weak',\n                (hideClearAllButton || disabled || selected.length < 1 || selected.filter(({ fixed }) => fixed).length === selected.length) && 'hidden',\n              )}\n              aria-label=\"Clear all\"\n            >\n              <X size={16} strokeWidth={2} aria-hidden=\"true\" />\n            </button>\n          </div>\n        </div>\n        <div className=\"relative\">\n          <div\n            className={cn(\n              'shadow-dropdown absolute top-2 z-10 w-full overflow-hidden rounded-lg',\n              'data-[state=open]:animate-in',\n              'data-[state=closed]:animate-out',\n              'data-[state=closed]:fade-out-0',\n              'data-[state=open]:fade-in-0',\n              'data-[state=closed]:zoom-out-95',\n              'data-[state=open]:zoom-in-95',\n              !open && 'hidden',\n            )}\n            data-state={open ? 'open' : 'closed'}\n          >\n            {open && (\n              <CommandList\n                className=\"shadow-lg outline-hidden\"\n                onMouseLeave={() => {\n                  setOnScrollbar(false)\n                }}\n                onMouseEnter={() => {\n                  setOnScrollbar(true)\n                }}\n                onMouseUp={() => {\n                  inputRef?.current?.focus()\n                }}\n              >\n                {onAddNewItem && (\n                  <>\n                    <CommandSeparator />\n                    <CommandGroup>\n                      <Button type=\"button\" variant=\"ghost\" className=\"w-full font-normal [&_div]:justify-start\" onClick={onAddNewItem}>\n                        <PlusIcon size={14} className=\"opacity-60\" aria-hidden=\"true\" />\n                        Thêm mới\n                      </Button>\n                    </CommandGroup>\n                  </>\n                )}\n                {isLoading ? (\n                  LoadingIndicator\n                ) : (\n                  <>\n                    {EmptyItem()}\n                    {CreatableItem()}\n                    {!selectFirstItem && <CommandItem value=\"-\" className=\"hidden\" />}\n                    {Object.entries(selectables).map(([key, dropdowns]) => (\n                      <CommandGroup key={key} heading={key} className=\"h-full overflow-auto\">\n                        {dropdowns.map((option) => {\n                          return (\n                            <CommandItem\n                              key={option.value}\n                              value={option.value}\n                              disabled={option.disable}\n                              onMouseDown={(e) => {\n                                e.preventDefault()\n                                e.stopPropagation()\n                              }}\n                              onSelect={() => {\n                                if (selected.length >= maxSelected) {\n                                  onMaxSelected?.(selected.length)\n                                  return\n                                }\n                                const newOptions = [...selected, option]\n                                setInputValue('')\n                                setSelected(newOptions)\n                                onChange?.(newOptions)\n                              }}\n                              className={cn('cursor-pointer', option.disable && 'cursor-not-allowed opacity-50')}\n                            >\n                              {option.label}\n                            </CommandItem>\n                          )\n                        })}\n                      </CommandGroup>\n                    ))}\n                  </>\n                )}\n              </CommandList>\n            )}\n          </div>\n        </div>\n      </Command>\n    )\n  },\n)\n\nMultipleSelector.displayName = 'MultipleSelector'\n"],"mappings":"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"}

package/dist/{paragraph-BLvW7xdo.cjs → paragraph-BVNragDZ.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`class-variance-authority`)),i=(0,r.cva)(``,{variants:{variant:{p:`leading-7 [&:not(:first-child)]:mt-6`,sm:`text-sm leading-none font-normal`,lg:`text-lg font-semibold`,lead:`text-text-positive-strong text-xl`,muted:`text-text-positive-muted text-sm`},default:{variant:`sm`}}}),a=({variant:e=`p`,className:r,children:a})=>(0,n.jsx)(`p`,{className:(0,t.cn)(`text-text-positive`,i({variant:e}),r),children:a});Object.defineProperty(exports,`Paragraph`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=paragraph-BLvW7xdo.cjs.map
+//# sourceMappingURL=paragraph-BVNragDZ.cjs.map

package/dist/{paragraph-BLvW7xdo.cjs.map → paragraph-BVNragDZ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"paragraph-BLvW7xdo.cjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { cva } from 'class-variance-authority'\n\ntype Props = {\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg'\n  className?: string\n  children?: React.ReactNode\n}\n\nconst paragraphVariants = cva('', {\n  variants: {\n    variant: {\n      p: 'leading-7 [&:not(:first-child)]:mt-6',\n      sm: 'text-sm leading-none font-normal',\n      lg: 'text-lg font-semibold',\n      lead: 'text-text-positive-strong text-xl',\n      muted: 'text-text-positive-muted text-sm',\n    },\n    default: {\n      variant: 'sm',\n    },\n  },\n})\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn('text-text-positive', paragraphVariants({ variant }), className)}>{children}</p>\n}\n"],"mappings":"0LAWM,GAAA,EAAA,EAAA,KAAwB,GAAI,CAChC,SAAU,CACR,QAAS,CACP,EAAG,uCACH,GAAI,mCACJ,GAAI,wBACJ,KAAM,oCACN,MAAO,oCAET,QAAS,CACP,QAAS,SAKF,GAAa,CAAE,UAAU,IAAK,YAAW,eAC7C,EAAA,EAAA,KAAC,IAAA,CAAE,WAAA,EAAA,EAAA,IAAc,qBAAsB,EAAkB,CAAE,YAAY,GAAa"}
+{"version":3,"file":"paragraph-BVNragDZ.cjs","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { cva } from 'class-variance-authority'\n\ntype Props = {\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg'\n  className?: string\n  children?: React.ReactNode\n}\n\nconst paragraphVariants = cva('', {\n  variants: {\n    variant: {\n      p: 'leading-7 [&:not(:first-child)]:mt-6',\n      sm: 'text-sm leading-none font-normal',\n      lg: 'text-lg font-semibold',\n      lead: 'text-text-positive-strong text-xl',\n      muted: 'text-text-positive-muted text-sm',\n    },\n    default: {\n      variant: 'sm',\n    },\n  },\n})\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn('text-text-positive', paragraphVariants({ variant }), className)}>{children}</p>\n}\n"],"mappings":"0LAWM,GAAA,EAAA,EAAA,KAAwB,GAAI,CAChC,SAAU,CACR,QAAS,CACP,EAAG,uCACH,GAAI,mCACJ,GAAI,wBACJ,KAAM,oCACN,MAAO,oCAET,QAAS,CACP,QAAS,SAKF,GAAa,CAAE,UAAU,IAAK,YAAW,eAC7C,EAAA,EAAA,KAAC,IAAA,CAAE,WAAA,EAAA,EAAA,IAAc,qBAAsB,EAAkB,CAAE,YAAY,GAAa"}

package/dist/{paragraph-B9fp9JaI.js → paragraph-eTkdWYsK.js}

@@ -1,2 +1,2 @@
 import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(``,{variants:{variant:{p:`leading-7 [&:not(:first-child)]:mt-6`,sm:`text-sm leading-none font-normal`,lg:`text-lg font-semibold`,lead:`text-text-positive-strong text-xl`,muted:`text-text-positive-muted text-sm`},default:{variant:`sm`}}}),i=({variant:n=`p`,className:i,children:a})=>t(`p`,{className:e(`text-text-positive`,r({variant:n}),i),children:a});export{i as Paragraph};
-//# sourceMappingURL=paragraph-B9fp9JaI.js.map
+//# sourceMappingURL=paragraph-eTkdWYsK.js.map

package/dist/{paragraph-B9fp9JaI.js.map → paragraph-eTkdWYsK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"paragraph-B9fp9JaI.js","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { cva } from 'class-variance-authority'\n\ntype Props = {\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg'\n  className?: string\n  children?: React.ReactNode\n}\n\nconst paragraphVariants = cva('', {\n  variants: {\n    variant: {\n      p: 'leading-7 [&:not(:first-child)]:mt-6',\n      sm: 'text-sm leading-none font-normal',\n      lg: 'text-lg font-semibold',\n      lead: 'text-text-positive-strong text-xl',\n      muted: 'text-text-positive-muted text-sm',\n    },\n    default: {\n      variant: 'sm',\n    },\n  },\n})\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn('text-text-positive', paragraphVariants({ variant }), className)}>{children}</p>\n}\n"],"mappings":"2IAWA,MAAM,EAAoB,EAAI,GAAI,CAChC,SAAU,CACR,QAAS,CACP,EAAG,uCACH,GAAI,mCACJ,GAAI,wBACJ,KAAM,oCACN,MAAO,oCAET,QAAS,CACP,QAAS,SAKF,GAAa,CAAE,UAAU,IAAK,YAAW,cAC7C,EAAC,IAAA,CAAE,UAAW,EAAG,qBAAsB,EAAkB,CAAE,YAAY,GAAa"}
+{"version":3,"file":"paragraph-eTkdWYsK.js","names":[],"sources":["../packages/components/typography/paragraph.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { cva } from 'class-variance-authority'\n\ntype Props = {\n  variant?: 'p' | 'muted' | 'lead' | 'sm' | 'lg'\n  className?: string\n  children?: React.ReactNode\n}\n\nconst paragraphVariants = cva('', {\n  variants: {\n    variant: {\n      p: 'leading-7 [&:not(:first-child)]:mt-6',\n      sm: 'text-sm leading-none font-normal',\n      lg: 'text-lg font-semibold',\n      lead: 'text-text-positive-strong text-xl',\n      muted: 'text-text-positive-muted text-sm',\n    },\n    default: {\n      variant: 'sm',\n    },\n  },\n})\n\nexport const Paragraph = ({ variant = 'p', className, children }: Props) => {\n  return <p className={cn('text-text-positive', paragraphVariants({ variant }), className)}>{children}</p>\n}\n"],"mappings":"2IAWA,MAAM,EAAoB,EAAI,GAAI,CAChC,SAAU,CACR,QAAS,CACP,EAAG,uCACH,GAAI,mCACJ,GAAI,wBACJ,KAAM,oCACN,MAAO,oCAET,QAAS,CACP,QAAS,SAKF,GAAa,CAAE,UAAU,IAAK,YAAW,cAC7C,EAAC,IAAA,CAAE,UAAW,EAAG,qBAAsB,EAAkB,CAAE,YAAY,GAAa"}

package/dist/{popover-BrDe5Jb8.cjs → popover-DLbTz02b.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`@customafk/react-toolkit/utils`)),n=e.__toESM(require(`react/jsx-runtime`)),r=e.__toESM(require(`radix-ui`));function i({...e}){return(0,n.jsx)(r.Popover.Root,{"data-slot":`popover`,...e})}function a({...e}){return(0,n.jsx)(r.Popover.Trigger,{"data-slot":`popover-trigger`,...e})}function o({className:e,align:i=`start`,sideOffset:a=4,...o}){return(0,n.jsx)(r.Popover.Portal,{children:(0,n.jsx)(r.Popover.Content,{"data-slot":`popover-content`,align:i,sideOffset:a,className:(0,t.cn)(`bg-popover`,`text-text-positive`,`z-50 w-72`,`origin-(--radix-popover-content-transform-origin)`,`shadow-dropdown rounded-md p-4 outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,e),...o})})}function s({...e}){return(0,n.jsx)(r.Popover.Anchor,{"data-slot":`popover-anchor`,...e})}Object.defineProperty(exports,`Popover`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`PopoverAnchor`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`PopoverContent`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`PopoverTrigger`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=popover-BrDe5Jb8.cjs.map
+//# sourceMappingURL=popover-DLbTz02b.cjs.map

package/dist/{popover-BrDe5Jb8.cjs.map → popover-DLbTz02b.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-BrDe5Jb8.cjs","names":["PopoverPrimitive"],"sources":["../packages/components/ui/popover.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { Popover as PopoverPrimitive } from 'radix-ui'\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover',\n          'text-text-positive',\n          'z-50 w-72',\n          'origin-(--radix-popover-content-transform-origin)',\n          'shadow-dropdown rounded-md p-4 outline-none',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"mappings":"0KAKA,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,IAGxD,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,IAGnE,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAA,UAChB,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,WAAA,EAAA,EAAA,IACE,aACA,qBACA,YACA,oDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,GAEF,GAAI,MAMZ,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI"}
+{"version":3,"file":"popover-DLbTz02b.cjs","names":["PopoverPrimitive"],"sources":["../packages/components/ui/popover.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { Popover as PopoverPrimitive } from 'radix-ui'\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover',\n          'text-text-positive',\n          'z-50 w-72',\n          'origin-(--radix-popover-content-transform-origin)',\n          'shadow-dropdown rounded-md p-4 outline-none',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"mappings":"0KAKA,SAAS,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,IAGxD,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,IAGnE,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAA,UAChB,EAAA,EAAA,KAACA,EAAAA,QAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,WAAA,EAAA,EAAA,IACE,aACA,qBACA,YACA,oDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,GAEF,GAAI,MAMZ,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAAA,EAAA,KAACA,EAAAA,QAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI"}

package/dist/{popover-BJWOgxQ5.js → popover-DvXi2pyH.js}

@@ -1,2 +1,2 @@
 import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Popover as n}from"radix-ui";function r({...e}){return t(n.Root,{"data-slot":`popover`,...e})}function i({...e}){return t(n.Trigger,{"data-slot":`popover-trigger`,...e})}function a({className:r,align:i=`start`,sideOffset:a=4,...o}){return t(n.Portal,{children:t(n.Content,{"data-slot":`popover-content`,align:i,sideOffset:a,className:e(`bg-popover`,`text-text-positive`,`z-50 w-72`,`origin-(--radix-popover-content-transform-origin)`,`shadow-dropdown rounded-md p-4 outline-none`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,r),...o})})}function o({...e}){return t(n.Anchor,{"data-slot":`popover-anchor`,...e})}export{r as Popover,o as PopoverAnchor,a as PopoverContent,i as PopoverTrigger};
-//# sourceMappingURL=popover-BJWOgxQ5.js.map
+//# sourceMappingURL=popover-DvXi2pyH.js.map

package/dist/{popover-BJWOgxQ5.js.map → popover-DvXi2pyH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"popover-BJWOgxQ5.js","names":["Popover","PopoverPrimitive"],"sources":["../packages/components/ui/popover.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { Popover as PopoverPrimitive } from 'radix-ui'\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover',\n          'text-text-positive',\n          'z-50 w-72',\n          'origin-(--radix-popover-content-transform-origin)',\n          'shadow-dropdown rounded-md p-4 outline-none',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"mappings":"+HAKA,SAASA,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAACC,EAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,IAGxD,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAACA,EAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,IAGnE,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAACA,EAAiB,OAAA,CAAA,SAChB,EAACA,EAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,UAAW,EACT,aACA,qBACA,YACA,oDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,GAEF,GAAI,MAMZ,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI"}
+{"version":3,"file":"popover-DvXi2pyH.js","names":["Popover","PopoverPrimitive"],"sources":["../packages/components/ui/popover.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { Popover as PopoverPrimitive } from 'radix-ui'\n\nfunction Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({ className, align = 'start', sideOffset = 4, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-popover',\n          'text-text-positive',\n          'z-50 w-72',\n          'origin-(--radix-popover-content-transform-origin)',\n          'shadow-dropdown rounded-md p-4 outline-none',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverAnchor, PopoverContent, PopoverTrigger }\n"],"mappings":"+HAKA,SAASA,EAAQ,CAAE,GAAG,GAA6D,CACjF,OAAO,EAACC,EAAiB,KAAA,CAAK,YAAU,UAAU,GAAI,IAGxD,SAAS,EAAe,CAAE,GAAG,GAAgE,CAC3F,OAAO,EAACA,EAAiB,QAAA,CAAQ,YAAU,kBAAkB,GAAI,IAGnE,SAAS,EAAe,CAAE,YAAW,QAAQ,QAAS,aAAa,EAAG,GAAG,GAAgE,CACvI,OACE,EAACA,EAAiB,OAAA,CAAA,SAChB,EAACA,EAAiB,QAAA,CAChB,YAAU,kBACH,QACK,aACZ,UAAW,EACT,aACA,qBACA,YACA,oDACA,8CACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,GAEF,GAAI,MAMZ,SAAS,EAAc,CAAE,GAAG,GAA+D,CACzF,OAAO,EAACA,EAAiB,OAAA,CAAO,YAAU,iBAAiB,GAAI"}

package/dist/{refresh-Bt9GEyuC.cjs → refresh-BMBMI6At.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./button-CuV2l4ge.cjs`),n=require(`./paragraph-BLvW7xdo.cjs`),r=e.__toESM(require(`lucide-react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=({onClick:e=()=>{}})=>(0,i.jsxs)(t.Button,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:e,children:[(0,i.jsx)(r.RefreshCwIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,i.jsx)(n.Paragraph,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});Object.defineProperty(exports,`RefreshBtn`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=refresh-Bt9GEyuC.cjs.map
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./button-CuV2l4ge.cjs`),n=require(`./paragraph-BVNragDZ.cjs`),r=e.__toESM(require(`lucide-react`)),i=e.__toESM(require(`react/jsx-runtime`)),a=({onClick:e=()=>{}})=>(0,i.jsxs)(t.Button,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:e,children:[(0,i.jsx)(r.RefreshCwIcon,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),(0,i.jsx)(n.Paragraph,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});Object.defineProperty(exports,`RefreshBtn`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=refresh-BMBMI6At.cjs.map

package/dist/{refresh-Bt9GEyuC.cjs.map → refresh-BMBMI6At.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"refresh-Bt9GEyuC.cjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>","Button","RefreshCwIcon","Paragraph"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"gMASaA,GAAwD,CAAE,cAAgB,OAEnF,EAAA,EAAA,MAACC,EAAAA,OAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,UACrE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}
+{"version":3,"file":"refresh-BMBMI6At.cjs","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>","Button","RefreshCwIcon","Paragraph"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"gMASaA,GAAwD,CAAE,cAAgB,OAEnF,EAAA,EAAA,MAACC,EAAAA,OAAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,qBAET,EAAA,EAAA,KAACC,EAAAA,cAAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,UACrE,EAAA,EAAA,KAACC,EAAAA,UAAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/{refresh-BHjc0ETv.js → refresh-CWyM3e6G.js}

@@ -1,2 +1,2 @@
-import{Button as e}from"./button-DhQJ9Ey8.js";import{Paragraph as t}from"./paragraph-B9fp9JaI.js";import{RefreshCwIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as RefreshBtn};
-//# sourceMappingURL=refresh-BHjc0ETv.js.map
+import{Button as e}from"./button-DhQJ9Ey8.js";import{Paragraph as t}from"./paragraph-eTkdWYsK.js";import{RefreshCwIcon as n}from"lucide-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({onClick:a=()=>{}})=>i(e,{"aria-label":`Tạo mới`,variant:`outline`,color:`muted`,className:`outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0`,onClick:a,children:[r(n,{className:`opacity-60 sm:-ms-1`,size:16,"aria-hidden":`true`}),r(t,{variant:`sm`,className:`max-sm:sr-only`,children:`Reset`})]});export{a as RefreshBtn};
+//# sourceMappingURL=refresh-CWyM3e6G.js.map

package/dist/{refresh-BHjc0ETv.js.map → refresh-CWyM3e6G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"refresh-BHjc0ETv.js","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"iMASA,MAAaA,GAAwD,CAAE,cAAgB,MAEnF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,SACrE,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}
+{"version":3,"file":"refresh-CWyM3e6G.js","names":["RefreshBtn: React.FC<React.PropsWithChildren<Props>>"],"sources":["../packages/components/ui/buttons/refresh.tsx"],"sourcesContent":["import { RefreshCwIcon } from 'lucide-react'\n\nimport { Paragraph } from '@/components/typography/paragraph'\n\nimport { Button } from '../button'\n\ntype Props = {\n  onClick?: () => void\n}\nexport const RefreshBtn: React.FC<React.PropsWithChildren<Props>> = ({ onClick = () => {} }) => {\n  return (\n    <Button\n      aria-label=\"Tạo mới\"\n      variant=\"outline\"\n      color=\"muted\"\n      className=\"outline-border-weak max-sm:aspect-square max-sm:size-9 max-sm:p-0\"\n      onClick={onClick}\n    >\n      <RefreshCwIcon className=\"opacity-60 sm:-ms-1\" size={16} aria-hidden=\"true\" />\n      <Paragraph variant=\"sm\" className=\"max-sm:sr-only\">\n        Reset\n      </Paragraph>\n    </Button>\n  )\n}\n"],"mappings":"iMASA,MAAaA,GAAwD,CAAE,cAAgB,MAEnF,EAAC,EAAA,CACC,aAAW,UACX,QAAQ,UACR,MAAM,QACN,UAAU,oEACD,oBAET,EAAC,EAAA,CAAc,UAAU,sBAAsB,KAAM,GAAI,cAAY,SACrE,EAAC,EAAA,CAAU,QAAQ,KAAK,UAAU,0BAAiB"}

package/dist/{search-input-CjYhM9sw.cjs → search-input-DFgHJyOp.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./input-DfGojpRF.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`@customafk/react-toolkit/utils`)),i=e.__toESM(require(`react/jsx-runtime`)),a=({className:e,...a})=>(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(t.Input,{...a,type:`search`,className:(0,r.cn)(`ps-9 pe-9`,e)}),(0,i.jsx)(`div`,{className:`text-text-positive-weak pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 peer-disabled:opacity-50`,children:(0,i.jsx)(n.SearchIcon,{size:16})}),(0,i.jsx)(`button`,{className:`text-text-positive-weak hover:text-text-positive focus-visible:border-primary-strong focus-visible:ring-primary-weak absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:border focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:(0,i.jsx)(n.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});Object.defineProperty(exports,`SearchInput`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=search-input-CjYhM9sw.cjs.map
+const e=require(`./chunk-CUT6urMc.cjs`),t=require(`./input-GHXBt6hz.cjs`),n=e.__toESM(require(`lucide-react`)),r=e.__toESM(require(`@customafk/react-toolkit/utils`)),i=e.__toESM(require(`react/jsx-runtime`)),a=({className:e,...a})=>(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(t.Input,{...a,type:`search`,className:(0,r.cn)(`ps-9 pe-9`,e)}),(0,i.jsx)(`div`,{className:`text-text-positive-weak pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 peer-disabled:opacity-50`,children:(0,i.jsx)(n.SearchIcon,{size:16})}),(0,i.jsx)(`button`,{className:`text-text-positive-weak hover:text-text-positive focus-visible:border-primary-strong focus-visible:ring-primary-weak absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:border focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:(0,i.jsx)(n.ArrowRightIcon,{size:16,"aria-hidden":`true`})})]});Object.defineProperty(exports,`SearchInput`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=search-input-DFgHJyOp.cjs.map

package/dist/{search-input-CjYhM9sw.cjs.map → search-input-DFgHJyOp.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"search-input-CjYhM9sw.cjs","names":["Input","SearchIcon","ArrowRightIcon"],"sources":["../packages/components/ui/inputs/search-input.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils'\n\nimport { ArrowRightIcon, SearchIcon } from 'lucide-react'\n\nimport { Input } from '../input'\n\ntype Props = React.ComponentPropsWithoutRef<typeof Input>\nexport const SearchInput = ({ className, ...rest }: Props) => {\n  return (\n    <div className=\"relative\">\n      <Input {...rest} type=\"search\" className={cn('ps-9 pe-9', className)} />\n      <div className=\"text-text-positive-weak pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 peer-disabled:opacity-50\">\n        <SearchIcon size={16} />\n      </div>\n      <button\n        className=\"text-text-positive-weak hover:text-text-positive focus-visible:border-primary-strong focus-visible:ring-primary-weak absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:border focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n        aria-label=\"Submit search\"\n        type=\"submit\"\n      >\n        <ArrowRightIcon size={16} aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n"],"mappings":"gNAOa,GAAe,CAAE,YAAW,GAAG,MAExC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,sBACb,EAAA,EAAA,KAACA,EAAAA,MAAAA,CAAM,GAAI,EAAM,KAAK,SAAS,WAAA,EAAA,EAAA,IAAc,YAAa,MAC1D,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kJACb,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,KAAM,QAEpB,EAAA,EAAA,KAAC,SAAA,CACC,UAAU,0XACV,aAAW,gBACX,KAAK,mBAEL,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,KAAM,GAAI,cAAY"}
+{"version":3,"file":"search-input-DFgHJyOp.cjs","names":["Input","SearchIcon","ArrowRightIcon"],"sources":["../packages/components/ui/inputs/search-input.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils'\n\nimport { ArrowRightIcon, SearchIcon } from 'lucide-react'\n\nimport { Input } from '../input'\n\ntype Props = React.ComponentPropsWithoutRef<typeof Input>\nexport const SearchInput = ({ className, ...rest }: Props) => {\n  return (\n    <div className=\"relative\">\n      <Input {...rest} type=\"search\" className={cn('ps-9 pe-9', className)} />\n      <div className=\"text-text-positive-weak pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 peer-disabled:opacity-50\">\n        <SearchIcon size={16} />\n      </div>\n      <button\n        className=\"text-text-positive-weak hover:text-text-positive focus-visible:border-primary-strong focus-visible:ring-primary-weak absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:border focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n        aria-label=\"Submit search\"\n        type=\"submit\"\n      >\n        <ArrowRightIcon size={16} aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n"],"mappings":"gNAOa,GAAe,CAAE,YAAW,GAAG,MAExC,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,sBACb,EAAA,EAAA,KAACA,EAAAA,MAAAA,CAAM,GAAI,EAAM,KAAK,SAAS,WAAA,EAAA,EAAA,IAAc,YAAa,MAC1D,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,kJACb,EAAA,EAAA,KAACC,EAAAA,WAAAA,CAAW,KAAM,QAEpB,EAAA,EAAA,KAAC,SAAA,CACC,UAAU,0XACV,aAAW,gBACX,KAAK,mBAEL,EAAA,EAAA,KAACC,EAAAA,eAAAA,CAAe,KAAM,GAAI,cAAY"}

package/dist/{search-input-CvMbwPyf.js → search-input-DM9ePMxA.js}

@@ -1,2 +1,2 @@
-import{Input as e}from"./input-BtT8HfYE.js";import{ArrowRightIcon as t,SearchIcon as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({className:o,...s})=>a(`div`,{className:`relative`,children:[i(e,{...s,type:`search`,className:r(`ps-9 pe-9`,o)}),i(`div`,{className:`text-text-positive-weak pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 peer-disabled:opacity-50`,children:i(n,{size:16})}),i(`button`,{className:`text-text-positive-weak hover:text-text-positive focus-visible:border-primary-strong focus-visible:ring-primary-weak absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:border focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:i(t,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
-//# sourceMappingURL=search-input-CvMbwPyf.js.map
+import{Input as e}from"./input-ZyZ1HKHN.js";import{ArrowRightIcon as t,SearchIcon as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({className:o,...s})=>a(`div`,{className:`relative`,children:[i(e,{...s,type:`search`,className:r(`ps-9 pe-9`,o)}),i(`div`,{className:`text-text-positive-weak pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 peer-disabled:opacity-50`,children:i(n,{size:16})}),i(`button`,{className:`text-text-positive-weak hover:text-text-positive focus-visible:border-primary-strong focus-visible:ring-primary-weak absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:border focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":`Submit search`,type:`submit`,children:i(t,{size:16,"aria-hidden":`true`})})]});export{o as SearchInput};
+//# sourceMappingURL=search-input-DM9ePMxA.js.map

package/dist/{search-input-CvMbwPyf.js.map → search-input-DM9ePMxA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"search-input-CvMbwPyf.js","names":[],"sources":["../packages/components/ui/inputs/search-input.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils'\n\nimport { ArrowRightIcon, SearchIcon } from 'lucide-react'\n\nimport { Input } from '../input'\n\ntype Props = React.ComponentPropsWithoutRef<typeof Input>\nexport const SearchInput = ({ className, ...rest }: Props) => {\n  return (\n    <div className=\"relative\">\n      <Input {...rest} type=\"search\" className={cn('ps-9 pe-9', className)} />\n      <div className=\"text-text-positive-weak pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 peer-disabled:opacity-50\">\n        <SearchIcon size={16} />\n      </div>\n      <button\n        className=\"text-text-positive-weak hover:text-text-positive focus-visible:border-primary-strong focus-visible:ring-primary-weak absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:border focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n        aria-label=\"Submit search\"\n        type=\"submit\"\n      >\n        <ArrowRightIcon size={16} aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n"],"mappings":"gNAOA,MAAa,GAAe,CAAE,YAAW,GAAG,KAExC,EAAC,MAAA,CAAI,UAAU,qBACb,EAAC,EAAA,CAAM,GAAI,EAAM,KAAK,SAAS,UAAW,EAAG,YAAa,KAC1D,EAAC,MAAA,CAAI,UAAU,iJACb,EAAC,EAAA,CAAW,KAAM,OAEpB,EAAC,SAAA,CACC,UAAU,0XACV,aAAW,gBACX,KAAK,kBAEL,EAAC,EAAA,CAAe,KAAM,GAAI,cAAY"}
+{"version":3,"file":"search-input-DM9ePMxA.js","names":[],"sources":["../packages/components/ui/inputs/search-input.tsx"],"sourcesContent":["import { cn } from '@customafk/react-toolkit/utils'\n\nimport { ArrowRightIcon, SearchIcon } from 'lucide-react'\n\nimport { Input } from '../input'\n\ntype Props = React.ComponentPropsWithoutRef<typeof Input>\nexport const SearchInput = ({ className, ...rest }: Props) => {\n  return (\n    <div className=\"relative\">\n      <Input {...rest} type=\"search\" className={cn('ps-9 pe-9', className)} />\n      <div className=\"text-text-positive-weak pointer-events-none absolute inset-y-0 start-0 flex items-center justify-center ps-3 peer-disabled:opacity-50\">\n        <SearchIcon size={16} />\n      </div>\n      <button\n        className=\"text-text-positive-weak hover:text-text-positive focus-visible:border-primary-strong focus-visible:ring-primary-weak absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-md transition-[color,box-shadow] outline-none focus:z-10 focus-visible:border focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n        aria-label=\"Submit search\"\n        type=\"submit\"\n      >\n        <ArrowRightIcon size={16} aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n"],"mappings":"gNAOA,MAAa,GAAe,CAAE,YAAW,GAAG,KAExC,EAAC,MAAA,CAAI,UAAU,qBACb,EAAC,EAAA,CAAM,GAAI,EAAM,KAAK,SAAS,UAAW,EAAG,YAAa,KAC1D,EAAC,MAAA,CAAI,UAAU,iJACb,EAAC,EAAA,CAAW,KAAM,OAEpB,EAAC,SAAA,CACC,UAAU,0XACV,aAAW,gBACX,KAAK,kBAEL,EAAC,EAAA,CAAe,KAAM,GAAI,cAAY"}

package/dist/{select-Di8fOKVF.js → select---jN6Yy0.js}

@@ -1,2 +1,2 @@
 import{CheckIcon as e,ChevronDownIcon as t,ChevronUpIcon as n}from"lucide-react";import{cn as r}from"@customafk/react-toolkit/utils";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Select as o}from"radix-ui";function s({...e}){return i(o.Root,{"data-slot":`select`,...e})}function c({...e}){return i(o.Group,{"data-slot":`select-group`,...e})}function l({...e}){return i(o.Value,{"data-slot":`select-value`,...e})}function u({className:e,size:n=`default`,children:s,...c}){return a(o.Trigger,{"data-slot":`select-trigger`,"data-size":n,className:r(`border-border-weak shadow-input`,`flex w-fit items-center justify-between`,`gap-2 rounded-md border bg-transparent px-3 py-2 text-sm`,`whitespace-nowrap transition-all outline-none`,`cursor-pointer`,`hover:border-border`,`focus:border-primary-strong`,`focus:ring-primary-weak`,`focus:ring-4`,`aria-invalid:ring-danger-weak`,`aria-invalid:border-danger-strong`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:border-primary`,`data-[state=open]:ring-ring`,`data-[state=open]:ring-4`,`data-[placeholder]:text-text-positive-muted`,`data-[size=default]:h-9`,`data-[size=sm]:h-8`,`*:data-[slot=select-value]:line-clamp-1`,`*:data-[slot=select-value]:flex`,`*:data-[slot=select-value]:items-center`,`*:data-[slot=select-value]:gap-2`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...c,children:[s,i(o.Icon,{asChild:!0,children:i(t,{size:16,opacity:50})})]})}function d({className:e,children:t,position:n=`popper`,...s}){return i(o.Portal,{children:a(o.Content,{"data-slot":`select-content`,className:r(`bg-popover`,`relative z-50`,`min-w-32`,`overflow-x-hidden overflow-y-auto`,`shadow-dropdown rounded-md`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,`origin-(--radix-select-content-transform-origin)`,n===`popper`&&`data-[side=bottom]:translate-y-1`,n===`popper`&&`data-[side=left]:-translate-x-1`,n===`popper`&&`data-[side=right]:translate-x-1`,n===`popper`&&`data-[side=top]:-translate-y-1`,e),position:n,style:{maxHeight:`var(--radix-select-content-available-height)`},...s,children:[i(h,{}),i(o.Viewport,{className:r(`p-1`,n===`popper`&&`w-full scroll-my-1`,n===`popper`&&`h-[var(--radix-select-trigger-height)]`,n===`popper`&&`min-w-[var(--radix-select-trigger-width)]`),children:t}),i(g,{})]})})}function f({className:e,...t}){return i(o.Label,{"data-slot":`select-label`,className:r(`text-text-positive-weak px-2 py-1.5 text-xs`,e),...t})}function p({className:t,children:n,...s}){return a(o.Item,{"data-slot":`select-item`,className:r(`relative flex items-center select-none`,`gap-2 rounded-md py-2.5 pr-8 pl-2`,`w-full`,`cursor-pointer transition-colors`,`text-text-positive text-sm outline-hidden`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`data-[disabled]:opacity-50`,`data-[disabled]:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`*:[span]:last:flex`,`*:[span]:last:items-center`,`*:[span]:last:gap-2`,t),...s,children:[i(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:i(o.ItemIndicator,{children:i(e,{size:16})})}),i(o.ItemText,{children:n})]})}function m({className:e,...t}){return i(o.Separator,{"data-slot":`select-separator`,className:r(`bg-border-weak pointer-events-none -mx-1 my-1 h-px`,e),...t})}function h({className:e,...t}){return i(o.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:r(`flex cursor-default items-center justify-center py-1`,e),...t,children:i(n,{size:16})})}function g({className:e,...n}){return i(o.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:r(`flex cursor-default items-center justify-center py-1`,e),...n,children:i(t,{size:16})})}export{s as Select,d as SelectContent,c as SelectGroup,p as SelectItem,f as SelectLabel,g as SelectScrollDownButton,h as SelectScrollUpButton,m as SelectSeparator,u as SelectTrigger,l as SelectValue};
-//# sourceMappingURL=select-Di8fOKVF.js.map
+//# sourceMappingURL=select---jN6Yy0.js.map

package/dist/{select-Di8fOKVF.js.map → select---jN6Yy0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"select-Di8fOKVF.js","names":["Select","SelectPrimitive"],"sources":["../packages/components/ui/select.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\n\nimport { Select as SelectPrimitive } from 'radix-ui'\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        'border-border-weak shadow-input',\n        'flex w-fit items-center justify-between',\n        'gap-2 rounded-md border bg-transparent px-3 py-2 text-sm',\n        'whitespace-nowrap transition-all outline-none',\n        'cursor-pointer',\n        'hover:border-border',\n        'focus:border-primary-strong',\n        'focus:ring-primary-weak',\n        'focus:ring-4',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:border-danger-strong',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'data-[state=open]:text-text-positive-muted',\n        'data-[state=open]:border-primary',\n        'data-[state=open]:ring-ring',\n        'data-[state=open]:ring-4',\n        'data-[placeholder]:text-text-positive-muted',\n        'data-[size=default]:h-9',\n        'data-[size=sm]:h-8',\n        '*:data-[slot=select-value]:line-clamp-1',\n        '*:data-[slot=select-value]:flex',\n        '*:data-[slot=select-value]:items-center',\n        '*:data-[slot=select-value]:gap-2',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon size={16} opacity={50} />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({ className, children, position = 'popper', ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover',\n          'relative z-50',\n          'min-w-32',\n          'overflow-x-hidden overflow-y-auto',\n          'shadow-dropdown rounded-md',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          'origin-(--radix-select-content-transform-origin)',\n          position === 'popper' && 'data-[side=bottom]:translate-y-1',\n          position === 'popper' && 'data-[side=left]:-translate-x-1',\n          position === 'popper' && 'data-[side=right]:translate-x-1',\n          position === 'popper' && 'data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        style={{\n          maxHeight: 'var(--radix-select-content-available-height)',\n        }}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' && 'w-full scroll-my-1',\n            position === 'popper' && 'h-[var(--radix-select-trigger-height)]',\n            position === 'popper' && 'min-w-[var(--radix-select-trigger-width)]',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return <SelectPrimitive.Label data-slot=\"select-label\" className={cn('text-text-positive-weak px-2 py-1.5 text-xs', className)} {...props} />\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex items-center select-none',\n        'gap-2 rounded-md py-2.5 pr-8 pl-2',\n        'w-full',\n        'cursor-pointer transition-colors',\n        'text-text-positive text-sm outline-hidden',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'data-[disabled]:opacity-50',\n        'data-[disabled]:pointer-events-none',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        '*:[span]:last:flex',\n        '*:[span]:last:items-center',\n        '*:[span]:last:gap-2',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon size={16} />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return <SelectPrimitive.Separator data-slot=\"select-separator\" className={cn('bg-border-weak pointer-events-none -mx-1 my-1 h-px', className)} {...props} />\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon size={16} />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon size={16} />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":"yNAOA,SAASA,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,IAGtD,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,IAG7D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,IAG7D,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAGF,CACD,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,YAAW,EACX,UAAW,EACT,kCACA,0CACA,2DACA,gDACA,iBACA,sBACA,8BACA,0BACA,eACA,gCACA,oCACA,8BACA,sBACA,6CACA,mCACA,8BACA,2BACA,8CACA,0BACA,qBACA,0CACA,kCACA,0CACA,mCACA,mBACA,8BACA,uCACA,sDACA,GAEF,GAAI,YAEH,EACD,EAACA,EAAgB,KAAA,CAAK,QAAA,YACpB,EAAC,EAAA,CAAgB,KAAM,GAAI,QAAS,UAM5C,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAACA,EAAgB,OAAA,CAAA,SACf,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,aACA,gBACA,WACA,oCACA,6BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,mDACA,IAAa,UAAY,mCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,iCACzB,GAEQ,WACV,MAAO,CACL,UAAW,gDAEb,GAAI,YAEJ,EAAC,EAAA,IACD,EAACA,EAAgB,SAAA,CACf,UAAW,EACT,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,yCACzB,IAAa,UAAY,6CAG1B,aAEH,EAAC,EAAA,SAMT,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,8CAA+C,GAAY,GAAI,IAGtI,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAACA,EAAgB,KAAA,CACf,YAAU,cACV,UAAW,EACT,yCACA,oCACA,SACA,mCACA,4CACA,uBACA,kCACA,6BACA,sCACA,8BACA,mBACA,uCACA,wDACA,qBACA,6BACA,sBACA,GAEF,GAAI,YAEJ,EAAC,OAAA,CAAK,UAAU,sEACd,EAACA,EAAgB,cAAA,CAAA,SACf,EAAC,EAAA,CAAU,KAAM,SAGrB,EAACA,EAAgB,SAAA,CAAU,gBAKjC,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAACA,EAAgB,UAAA,CAAU,YAAU,mBAAmB,UAAW,EAAG,qDAAsD,GAAY,GAAI,IAGrJ,SAAS,EAAqB,CAAE,YAAW,GAAG,GAAsE,CAClH,OACE,EAACA,EAAgB,eAAA,CACf,YAAU,0BACV,UAAW,EAAG,uDAAwD,GACtE,GAAI,WAEJ,EAAC,EAAA,CAAc,KAAM,OAK3B,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAACA,EAAgB,iBAAA,CACf,YAAU,4BACV,UAAW,EAAG,uDAAwD,GACtE,GAAI,WAEJ,EAAC,EAAA,CAAgB,KAAM"}
+{"version":3,"file":"select---jN6Yy0.js","names":["Select","SelectPrimitive"],"sources":["../packages/components/ui/select.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\n\nimport { Select as SelectPrimitive } from 'radix-ui'\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        'border-border-weak shadow-input',\n        'flex w-fit items-center justify-between',\n        'gap-2 rounded-md border bg-transparent px-3 py-2 text-sm',\n        'whitespace-nowrap transition-all outline-none',\n        'cursor-pointer',\n        'hover:border-border',\n        'focus:border-primary-strong',\n        'focus:ring-primary-weak',\n        'focus:ring-4',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:border-danger-strong',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'data-[state=open]:text-text-positive-muted',\n        'data-[state=open]:border-primary',\n        'data-[state=open]:ring-ring',\n        'data-[state=open]:ring-4',\n        'data-[placeholder]:text-text-positive-muted',\n        'data-[size=default]:h-9',\n        'data-[size=sm]:h-8',\n        '*:data-[slot=select-value]:line-clamp-1',\n        '*:data-[slot=select-value]:flex',\n        '*:data-[slot=select-value]:items-center',\n        '*:data-[slot=select-value]:gap-2',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon size={16} opacity={50} />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({ className, children, position = 'popper', ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover',\n          'relative z-50',\n          'min-w-32',\n          'overflow-x-hidden overflow-y-auto',\n          'shadow-dropdown rounded-md',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          'origin-(--radix-select-content-transform-origin)',\n          position === 'popper' && 'data-[side=bottom]:translate-y-1',\n          position === 'popper' && 'data-[side=left]:-translate-x-1',\n          position === 'popper' && 'data-[side=right]:translate-x-1',\n          position === 'popper' && 'data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        style={{\n          maxHeight: 'var(--radix-select-content-available-height)',\n        }}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' && 'w-full scroll-my-1',\n            position === 'popper' && 'h-[var(--radix-select-trigger-height)]',\n            position === 'popper' && 'min-w-[var(--radix-select-trigger-width)]',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return <SelectPrimitive.Label data-slot=\"select-label\" className={cn('text-text-positive-weak px-2 py-1.5 text-xs', className)} {...props} />\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex items-center select-none',\n        'gap-2 rounded-md py-2.5 pr-8 pl-2',\n        'w-full',\n        'cursor-pointer transition-colors',\n        'text-text-positive text-sm outline-hidden',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'data-[disabled]:opacity-50',\n        'data-[disabled]:pointer-events-none',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        '*:[span]:last:flex',\n        '*:[span]:last:items-center',\n        '*:[span]:last:gap-2',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon size={16} />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return <SelectPrimitive.Separator data-slot=\"select-separator\" className={cn('bg-border-weak pointer-events-none -mx-1 my-1 h-px', className)} {...props} />\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon size={16} />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon size={16} />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":"yNAOA,SAASA,EAAO,CAAE,GAAG,GAA4D,CAC/E,OAAO,EAACC,EAAgB,KAAA,CAAK,YAAU,SAAS,GAAI,IAGtD,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,IAG7D,SAAS,EAAY,CAAE,GAAG,GAA6D,CACrF,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,GAAI,IAG7D,SAAS,EAAc,CACrB,YACA,OAAO,UACP,WACA,GAAG,GAGF,CACD,OACE,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,YAAW,EACX,UAAW,EACT,kCACA,0CACA,2DACA,gDACA,iBACA,sBACA,8BACA,0BACA,eACA,gCACA,oCACA,8BACA,sBACA,6CACA,mCACA,8BACA,2BACA,8CACA,0BACA,qBACA,0CACA,kCACA,0CACA,mCACA,mBACA,8BACA,uCACA,sDACA,GAEF,GAAI,YAEH,EACD,EAACA,EAAgB,KAAA,CAAK,QAAA,YACpB,EAAC,EAAA,CAAgB,KAAM,GAAI,QAAS,UAM5C,SAAS,EAAc,CAAE,YAAW,WAAU,WAAW,SAAU,GAAG,GAA+D,CACnI,OACE,EAACA,EAAgB,OAAA,CAAA,SACf,EAACA,EAAgB,QAAA,CACf,YAAU,iBACV,UAAW,EACT,aACA,gBACA,WACA,oCACA,6BACA,+BACA,8BACA,+BACA,kCACA,iCACA,kCACA,yCACA,yCACA,yCACA,yCACA,mDACA,IAAa,UAAY,mCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,kCACzB,IAAa,UAAY,iCACzB,GAEQ,WACV,MAAO,CACL,UAAW,gDAEb,GAAI,YAEJ,EAAC,EAAA,IACD,EAACA,EAAgB,SAAA,CACf,UAAW,EACT,MACA,IAAa,UAAY,qBACzB,IAAa,UAAY,yCACzB,IAAa,UAAY,6CAG1B,aAEH,EAAC,EAAA,SAMT,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAgB,MAAA,CAAM,YAAU,eAAe,UAAW,EAAG,8CAA+C,GAAY,GAAI,IAGtI,SAAS,EAAW,CAAE,YAAW,WAAU,GAAG,GAA4D,CACxG,OACE,EAACA,EAAgB,KAAA,CACf,YAAU,cACV,UAAW,EACT,yCACA,oCACA,SACA,mCACA,4CACA,uBACA,kCACA,6BACA,sCACA,8BACA,mBACA,uCACA,wDACA,qBACA,6BACA,sBACA,GAEF,GAAI,YAEJ,EAAC,OAAA,CAAK,UAAU,sEACd,EAACA,EAAgB,cAAA,CAAA,SACf,EAAC,EAAA,CAAU,KAAM,SAGrB,EAACA,EAAgB,SAAA,CAAU,gBAKjC,SAAS,EAAgB,CAAE,YAAW,GAAG,GAAiE,CACxG,OAAO,EAACA,EAAgB,UAAA,CAAU,YAAU,mBAAmB,UAAW,EAAG,qDAAsD,GAAY,GAAI,IAGrJ,SAAS,EAAqB,CAAE,YAAW,GAAG,GAAsE,CAClH,OACE,EAACA,EAAgB,eAAA,CACf,YAAU,0BACV,UAAW,EAAG,uDAAwD,GACtE,GAAI,WAEJ,EAAC,EAAA,CAAc,KAAM,OAK3B,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAACA,EAAgB,iBAAA,CACf,YAAU,4BACV,UAAW,EAAG,uDAAwD,GACtE,GAAI,WAEJ,EAAC,EAAA,CAAgB,KAAM"}

package/dist/{select-Ce-YROpe.cjs → select-CvPIAeWb.cjs}

@@ -1,2 +1,2 @@
 const e=require(`./chunk-CUT6urMc.cjs`),t=e.__toESM(require(`lucide-react`)),n=e.__toESM(require(`@customafk/react-toolkit/utils`)),r=e.__toESM(require(`react/jsx-runtime`)),i=e.__toESM(require(`radix-ui`));function a({...e}){return(0,r.jsx)(i.Select.Root,{"data-slot":`select`,...e})}function o({...e}){return(0,r.jsx)(i.Select.Group,{"data-slot":`select-group`,...e})}function s({...e}){return(0,r.jsx)(i.Select.Value,{"data-slot":`select-value`,...e})}function c({className:e,size:a=`default`,children:o,...s}){return(0,r.jsxs)(i.Select.Trigger,{"data-slot":`select-trigger`,"data-size":a,className:(0,n.cn)(`border-border-weak shadow-input`,`flex w-fit items-center justify-between`,`gap-2 rounded-md border bg-transparent px-3 py-2 text-sm`,`whitespace-nowrap transition-all outline-none`,`cursor-pointer`,`hover:border-border`,`focus:border-primary-strong`,`focus:ring-primary-weak`,`focus:ring-4`,`aria-invalid:ring-danger-weak`,`aria-invalid:border-danger-strong`,`disabled:cursor-not-allowed`,`disabled:opacity-50`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:border-primary`,`data-[state=open]:ring-ring`,`data-[state=open]:ring-4`,`data-[placeholder]:text-text-positive-muted`,`data-[size=default]:h-9`,`data-[size=sm]:h-8`,`*:data-[slot=select-value]:line-clamp-1`,`*:data-[slot=select-value]:flex`,`*:data-[slot=select-value]:items-center`,`*:data-[slot=select-value]:gap-2`,`[&_svg]:shrink-0`,`[&_svg]:pointer-events-none`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-muted-foreground`,e),...s,children:[o,(0,r.jsx)(i.Select.Icon,{asChild:!0,children:(0,r.jsx)(t.ChevronDownIcon,{size:16,opacity:50})})]})}function l({className:e,children:t,position:a=`popper`,...o}){return(0,r.jsx)(i.Select.Portal,{children:(0,r.jsxs)(i.Select.Content,{"data-slot":`select-content`,className:(0,n.cn)(`bg-popover`,`relative z-50`,`min-w-32`,`overflow-x-hidden overflow-y-auto`,`shadow-dropdown rounded-md`,`data-[state=open]:animate-in`,`data-[state=open]:fade-in-0`,`data-[state=open]:zoom-in-95`,`data-[state=closed]:animate-out`,`data-[state=closed]:fade-out-0`,`data-[state=closed]:zoom-out-95`,`data-[side=bottom]:slide-in-from-top-2`,`data-[side=left]:slide-in-from-right-2`,`data-[side=right]:slide-in-from-left-2`,`data-[side=top]:slide-in-from-bottom-2`,`origin-(--radix-select-content-transform-origin)`,a===`popper`&&`data-[side=bottom]:translate-y-1`,a===`popper`&&`data-[side=left]:-translate-x-1`,a===`popper`&&`data-[side=right]:translate-x-1`,a===`popper`&&`data-[side=top]:-translate-y-1`,e),position:a,style:{maxHeight:`var(--radix-select-content-available-height)`},...o,children:[(0,r.jsx)(p,{}),(0,r.jsx)(i.Select.Viewport,{className:(0,n.cn)(`p-1`,a===`popper`&&`w-full scroll-my-1`,a===`popper`&&`h-[var(--radix-select-trigger-height)]`,a===`popper`&&`min-w-[var(--radix-select-trigger-width)]`),children:t}),(0,r.jsx)(m,{})]})})}function u({className:e,...t}){return(0,r.jsx)(i.Select.Label,{"data-slot":`select-label`,className:(0,n.cn)(`text-text-positive-weak px-2 py-1.5 text-xs`,e),...t})}function d({className:e,children:a,...o}){return(0,r.jsxs)(i.Select.Item,{"data-slot":`select-item`,className:(0,n.cn)(`relative flex items-center select-none`,`gap-2 rounded-md py-2.5 pr-8 pl-2`,`w-full`,`cursor-pointer transition-colors`,`text-text-positive text-sm outline-hidden`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`data-[disabled]:opacity-50`,`data-[disabled]:pointer-events-none`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`*:[span]:last:flex`,`*:[span]:last:items-center`,`*:[span]:last:gap-2`,e),...o,children:[(0,r.jsx)(`span`,{className:`absolute right-2 flex size-3.5 items-center justify-center`,children:(0,r.jsx)(i.Select.ItemIndicator,{children:(0,r.jsx)(t.CheckIcon,{size:16})})}),(0,r.jsx)(i.Select.ItemText,{children:a})]})}function f({className:e,...t}){return(0,r.jsx)(i.Select.Separator,{"data-slot":`select-separator`,className:(0,n.cn)(`bg-border-weak pointer-events-none -mx-1 my-1 h-px`,e),...t})}function p({className:e,...a}){return(0,r.jsx)(i.Select.ScrollUpButton,{"data-slot":`select-scroll-up-button`,className:(0,n.cn)(`flex cursor-default items-center justify-center py-1`,e),...a,children:(0,r.jsx)(t.ChevronUpIcon,{size:16})})}function m({className:e,...a}){return(0,r.jsx)(i.Select.ScrollDownButton,{"data-slot":`select-scroll-down-button`,className:(0,n.cn)(`flex cursor-default items-center justify-center py-1`,e),...a,children:(0,r.jsx)(t.ChevronDownIcon,{size:16})})}Object.defineProperty(exports,`Select`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`SelectContent`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`SelectGroup`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`SelectItem`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`SelectLabel`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`SelectScrollDownButton`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`SelectScrollUpButton`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`SelectSeparator`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`SelectTrigger`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`SelectValue`,{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=select-Ce-YROpe.cjs.map
+//# sourceMappingURL=select-CvPIAeWb.cjs.map

package/dist/{select-Ce-YROpe.cjs.map → select-CvPIAeWb.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"select-Ce-YROpe.cjs","names":["SelectPrimitive","ChevronDownIcon","CheckIcon","ChevronUpIcon"],"sources":["../packages/components/ui/select.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\n\nimport { Select as SelectPrimitive } from 'radix-ui'\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        'border-border-weak shadow-input',\n        'flex w-fit items-center justify-between',\n        'gap-2 rounded-md border bg-transparent px-3 py-2 text-sm',\n        'whitespace-nowrap transition-all outline-none',\n        'cursor-pointer',\n        'hover:border-border',\n        'focus:border-primary-strong',\n        'focus:ring-primary-weak',\n        'focus:ring-4',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:border-danger-strong',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'data-[state=open]:text-text-positive-muted',\n        'data-[state=open]:border-primary',\n        'data-[state=open]:ring-ring',\n        'data-[state=open]:ring-4',\n        'data-[placeholder]:text-text-positive-muted',\n        'data-[size=default]:h-9',\n        'data-[size=sm]:h-8',\n        '*:data-[slot=select-value]:line-clamp-1',\n        '*:data-[slot=select-value]:flex',\n        '*:data-[slot=select-value]:items-center',\n        '*:data-[slot=select-value]:gap-2',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon size={16} opacity={50} />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({ className, children, position = 'popper', ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover',\n          'relative z-50',\n          'min-w-32',\n          'overflow-x-hidden overflow-y-auto',\n          'shadow-dropdown rounded-md',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          'origin-(--radix-select-content-transform-origin)',\n          position === 'popper' && 'data-[side=bottom]:translate-y-1',\n          position === 'popper' && 'data-[side=left]:-translate-x-1',\n          position === 'popper' && 'data-[side=right]:translate-x-1',\n          position === 'popper' && 'data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        style={{\n          maxHeight: 'var(--radix-select-content-available-height)',\n        }}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' && 'w-full scroll-my-1',\n            position === 'popper' && 'h-[var(--radix-select-trigger-height)]',\n            position === 'popper' && 'min-w-[var(--radix-select-trigger-width)]',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return <SelectPrimitive.Label data-slot=\"select-label\" className={cn('text-text-positive-weak px-2 py-1.5 text-xs', className)} {...props} />\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex items-center select-none',\n        'gap-2 rounded-md py-2.5 pr-8 pl-2',\n        'w-full',\n        'cursor-pointer transition-colors',\n        'text-text-positive text-sm outline-hidden',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'data-[disabled]:opacity-50',\n        'data-[disabled]:pointer-events-none',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        '*:[span]:last:flex',\n        '*:[span]:last:items-center',\n        '*:[span]:last:gap-2',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon size={16} />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return <SelectPrimitive.Separator data-slot=\"select-separator\" className={cn('bg-border-weak pointer-events-none -mx-1 my-1 h-px', className)} {...props} />\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon size={16} />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon size={16} />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":"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"}
+{"version":3,"file":"select-CvPIAeWb.cjs","names":["SelectPrimitive","ChevronDownIcon","CheckIcon","ChevronUpIcon"],"sources":["../packages/components/ui/select.tsx"],"sourcesContent":["'use client'\nimport { cn } from '@customafk/react-toolkit/utils'\n\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react'\n\nimport { Select as SelectPrimitive } from 'radix-ui'\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default'\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        'border-border-weak shadow-input',\n        'flex w-fit items-center justify-between',\n        'gap-2 rounded-md border bg-transparent px-3 py-2 text-sm',\n        'whitespace-nowrap transition-all outline-none',\n        'cursor-pointer',\n        'hover:border-border',\n        'focus:border-primary-strong',\n        'focus:ring-primary-weak',\n        'focus:ring-4',\n        'aria-invalid:ring-danger-weak',\n        'aria-invalid:border-danger-strong',\n        'disabled:cursor-not-allowed',\n        'disabled:opacity-50',\n        'data-[state=open]:text-text-positive-muted',\n        'data-[state=open]:border-primary',\n        'data-[state=open]:ring-ring',\n        'data-[state=open]:ring-4',\n        'data-[placeholder]:text-text-positive-muted',\n        'data-[size=default]:h-9',\n        'data-[size=sm]:h-8',\n        '*:data-[slot=select-value]:line-clamp-1',\n        '*:data-[slot=select-value]:flex',\n        '*:data-[slot=select-value]:items-center',\n        '*:data-[slot=select-value]:gap-2',\n        '[&_svg]:shrink-0',\n        '[&_svg]:pointer-events-none',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon size={16} opacity={50} />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({ className, children, position = 'popper', ...props }: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover',\n          'relative z-50',\n          'min-w-32',\n          'overflow-x-hidden overflow-y-auto',\n          'shadow-dropdown rounded-md',\n          'data-[state=open]:animate-in',\n          'data-[state=open]:fade-in-0',\n          'data-[state=open]:zoom-in-95',\n          'data-[state=closed]:animate-out',\n          'data-[state=closed]:fade-out-0',\n          'data-[state=closed]:zoom-out-95',\n          'data-[side=bottom]:slide-in-from-top-2',\n          'data-[side=left]:slide-in-from-right-2',\n          'data-[side=right]:slide-in-from-left-2',\n          'data-[side=top]:slide-in-from-bottom-2',\n          'origin-(--radix-select-content-transform-origin)',\n          position === 'popper' && 'data-[side=bottom]:translate-y-1',\n          position === 'popper' && 'data-[side=left]:-translate-x-1',\n          position === 'popper' && 'data-[side=right]:translate-x-1',\n          position === 'popper' && 'data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        style={{\n          maxHeight: 'var(--radix-select-content-available-height)',\n        }}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' && 'w-full scroll-my-1',\n            position === 'popper' && 'h-[var(--radix-select-trigger-height)]',\n            position === 'popper' && 'min-w-[var(--radix-select-trigger-width)]',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return <SelectPrimitive.Label data-slot=\"select-label\" className={cn('text-text-positive-weak px-2 py-1.5 text-xs', className)} {...props} />\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        'relative flex items-center select-none',\n        'gap-2 rounded-md py-2.5 pr-8 pl-2',\n        'w-full',\n        'cursor-pointer transition-colors',\n        'text-text-positive text-sm outline-hidden',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'data-[disabled]:opacity-50',\n        'data-[disabled]:pointer-events-none',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        '*:[span]:last:flex',\n        '*:[span]:last:items-center',\n        '*:[span]:last:gap-2',\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon size={16} />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return <SelectPrimitive.Separator data-slot=\"select-separator\" className={cn('bg-border-weak pointer-events-none -mx-1 my-1 h-px', className)} {...props} />\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon size={16} />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon size={16} />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n"],"mappings":"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"}

package/dist/{separator-DUeUh8bV.d.ts → separator-DExlvlJ1.d.ts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime179 from "react/jsx-runtime";
+import * as react_jsx_runtime102 from "react/jsx-runtime";
 import { Separator } from "radix-ui";
 
 //#region packages/components/ui/separator.d.ts
@@ -7,7 +7,7 @@ declare function Separator$1({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime179.JSX.Element;
+}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime102.JSX.Element;
 //#endregion
 export { Separator$1 as Separator };
-//# sourceMappingURL=separator-DUeUh8bV.d.ts.map
+//# sourceMappingURL=separator-DExlvlJ1.d.ts.map

package/dist/{separator-BSmwGEtT.d.cts → separator-E2_sfBcf.d.cts}

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime176 from "react/jsx-runtime";
+import * as react_jsx_runtime193 from "react/jsx-runtime";
 import { Separator } from "radix-ui";
 
 //#region packages/components/ui/separator.d.ts
@@ -7,7 +7,7 @@ declare function Separator$1({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime176.JSX.Element;
+}: React.ComponentProps<typeof Separator.Root>): react_jsx_runtime193.JSX.Element;
 //#endregion
 export { Separator$1 as Separator };
-//# sourceMappingURL=separator-BSmwGEtT.d.cts.map
+//# sourceMappingURL=separator-E2_sfBcf.d.cts.map

package/dist/{sidebar-CBEPWmnf.js → sidebar-Baw-T7Q1.js}

@@ -1,2 +1,2 @@
-import{Button as e}from"./button-DhQJ9Ey8.js";import{Skeleton as t}from"./skeleton-ByN-MrQO.js";import{Tooltip as n,TooltipContent as r,TooltipProvider as i,TooltipTrigger as a}from"./tooltip-BTrjCwd8.js";import{Input as o}from"./input-BtT8HfYE.js";import{Separator as s}from"./separator-C7HQ2ThL.js";import{Sheet as c,SheetContent as l,SheetDescription as u,SheetHeader as d,SheetTitle as f}from"./sheet-E0gvN9Gp.js";import{MenuIcon as p}from"lucide-react";import{cn as m}from"@customafk/react-toolkit/utils";import{createContext as h,useCallback as g,useContext as _,useEffect as v,useMemo as y,useState as b}from"react";import{jsx as x,jsxs as S}from"react/jsx-runtime";import{cva as C}from"class-variance-authority";import{Slot as w}from"radix-ui";import{useIsMobile as T}from"@customafk/react-toolkit/hooks/useMobile";const E=h(null);function D(){let e=_(E);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function O({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=T(),[l,u]=b(!1),[d,f]=b(e),p=t??d,h=g(e=>{let t=typeof e==`function`?e(p):e;n?n(t):f(t),document.cookie=`detai_dialog_sidebar_state=${t}; path=/; max-age=604800`},[n,p]),_=g(()=>c?u(e=>!e):h(e=>!e),[c,h]);v(()=>{let e=e=>{e.key===`p`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),_())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[_]);let S=p?`expanded`:`collapsed`,C=y(()=>({state:S,isMobile:c,toggleSidebar:_,open:p,setOpen:h,openMobile:l,setOpenMobile:u}),[S,p,h,l,u,_]);return x(E.Provider,{value:C,children:x(i,{delayDuration:0,children:x(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:m(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex min-h-dvh w-full`,r),...s,children:o})})})}function k({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{state:o,isMobile:s,openMobile:p,setOpenMobile:h}=D();return n===`none`?x(`div`,{"data-slot":`sidebar`,className:m(`bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col`,r),...a,children:i}):s?x(c,{open:p,onOpenChange:h,...a,children:S(l,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`18rem`},side:e,children:[S(d,{className:`sr-only`,children:[x(f,{children:`Sidebar`}),x(u,{children:`Displays the mobile sidebar.`})]}),x(`div`,{className:`flex h-full w-full flex-col`,children:i})]})}):S(`div`,{className:`group peer text-sidebar-foreground hidden md:block`,"data-state":o,"data-collapsible":o===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[x(`div`,{"data-slot":`sidebar-gap`,className:m(`relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),x(`div`,{"data-slot":`sidebar-container`,className:m(`absolute inset-y-0 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,e===`left`?`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`,r),...a,children:x(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:m(`shadow-nav flex size-full flex-col`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:shadow-sm`),children:i})})]})}function A({className:t,onClick:n,...r}){let{toggleSidebar:i}=D();return S(e,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`secondary`,size:`icon`,className:m(`size-10 rounded-full [&_svg]:!size-6`,t),onClick:e=>{n?.(e),i()},...r,children:[x(p,{}),x(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function j({className:e,...t}){let{toggleSidebar:n}=D();return x(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:m(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute`,`after:inset-y-0`,`after:left-1/2 after:w-0.5`,`hover:after:bg-sidebar-border`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function M({className:e,...t}){return x(`main`,{"data-slot":`sidebar-inset`,className:m(`bg-background relative flex w-full flex-1 flex-col`,`md:peer-data-[variant=inset]:m-2`,`md:peer-data-[variant=inset]:ml-0`,`md:peer-data-[variant=inset]:rounded-xl`,`md:peer-data-[variant=inset]:shadow-sm`,`md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2`,e),...t})}function N({className:e,...t}){return x(o,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:m(`bg-background h-8 w-full shadow-none`,e),...t})}function P({className:e,...t}){return x(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:m(`flex flex-col gap-2 p-2`,e),...t})}function F({className:e,...t}){return x(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:m(`flex flex-col gap-2 p-2`,e),...t})}function I({className:e,...t}){return x(s,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:m(`bg-sidebar-border mx-2 w-auto`,e),...t})}function L({className:e,...t}){return x(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:m(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto`,`group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function R({className:e,...t}){return x(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:m(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function z({className:e,asChild:t=!1,...n}){let r=t?w.Slot:`div`;return x(r,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:m(`text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function B({className:e,asChild:t=!1,...n}){let r=t?w.Slot:`button`;return x(r,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:m(`text-sidebar-foreground ring-sidebar-ring absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute`,`after:-inset-2`,`md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function V({className:e,...t}){return x(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:m(`w-full text-sm`,e),...t})}function H({className:e,...t}){return x(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:m(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function U({className:e,...t}){return x(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:m(`group/menu-item relative`,e),...t})}const W=C([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`text-left truncate`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:font-medium`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function G({asChild:e=!1,isActive:t=!1,variant:i=`default`,size:o=`default`,tooltip:s,className:c,...l}){let u=e?w.Slot:`button`,{state:d}=D(),f=x(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":o,"data-active":t,className:m(W({variant:i,size:o}),c),...l});return s?(typeof s==`string`&&(s={children:s}),S(n,{children:[x(a,{asChild:!0,children:f}),x(r,{side:`right`,align:`center`,hidden:d!==`collapsed`,...s})]})):f}function K({className:e,asChild:t=!1,showOnHover:n=!1,...r}){let i=t?w.Slot:`button`;return x(i,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:m(`text-sidebar-foreground ring-sidebar-ring`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`$group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function q({className:e,...t}){return x(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:m(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function J({className:e,showIcon:n=!1,...r}){let i=y(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return S(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:m(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[n&&x(t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),x(t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function Y({className:e,...t}){return x(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:m(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function X({className:e,...t}){return x(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:m(`group/menu-sub-item relative`,e),...t})}function Z({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){let a=e?w.Slot:`a`;return x(a,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:m(`text-sidebar-foreground ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:hidden`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,r),...i})}export{L as DetailDialogSidebarContent,F as DetailDialogSidebarFooter,R as DetailDialogSidebarGroup,B as DetailDialogSidebarGroupAction,V as DetailDialogSidebarGroupContent,z as DetailDialogSidebarGroupLabel,P as DetailDialogSidebarHeader,H as DetailDialogSidebarMenu,K as DetailDialogSidebarMenuAction,q as DetailDialogSidebarMenuBadge,G as DetailDialogSidebarMenuButton,U as DetailDialogSidebarMenuItem,J as DetailDialogSidebarMenuSkeleton,Y as DetailDialogSidebarMenuSub,Z as DetailDialogSidebarMenuSubButton,X as DetailDialogSidebarMenuSubItem,j as DetailDialogSidebarRail,I as DetailDialogSidebarSeparator,A as DetailDialogSidebarTrigger,k as Sidebar,N as SidebarInput,M as SidebarInset,O as SidebarProvider,D as useSidebar};
-//# sourceMappingURL=sidebar-CBEPWmnf.js.map
+import{Button as e}from"./button-DhQJ9Ey8.js";import{Skeleton as t}from"./skeleton-ByN-MrQO.js";import{Tooltip as n,TooltipContent as r,TooltipProvider as i,TooltipTrigger as a}from"./tooltip-CNdZZO_B.js";import{Input as o}from"./input-ZyZ1HKHN.js";import{Separator as s}from"./separator-C7HQ2ThL.js";import{Sheet as c,SheetContent as l,SheetDescription as u,SheetHeader as d,SheetTitle as f}from"./sheet-E0gvN9Gp.js";import{MenuIcon as p}from"lucide-react";import{cn as m}from"@customafk/react-toolkit/utils";import{createContext as h,useCallback as g,useContext as _,useEffect as v,useMemo as y,useState as b}from"react";import{jsx as x,jsxs as S}from"react/jsx-runtime";import{cva as C}from"class-variance-authority";import{Slot as w}from"radix-ui";import{useIsMobile as T}from"@customafk/react-toolkit/hooks/useMobile";const E=h(null);function D(){let e=_(E);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function O({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=T(),[l,u]=b(!1),[d,f]=b(e),p=t??d,h=g(e=>{let t=typeof e==`function`?e(p):e;n?n(t):f(t),document.cookie=`detai_dialog_sidebar_state=${t}; path=/; max-age=604800`},[n,p]),_=g(()=>c?u(e=>!e):h(e=>!e),[c,h]);v(()=>{let e=e=>{e.key===`p`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),_())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[_]);let S=p?`expanded`:`collapsed`,C=y(()=>({state:S,isMobile:c,toggleSidebar:_,open:p,setOpen:h,openMobile:l,setOpenMobile:u}),[S,p,h,l,u,_]);return x(E.Provider,{value:C,children:x(i,{delayDuration:0,children:x(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:m(`group/sidebar-wrapper`,`has-data-[variant=inset]:bg-sidebar`,`flex min-h-dvh w-full`,r),...s,children:o})})})}function k({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,children:i,...a}){let{state:o,isMobile:s,openMobile:p,setOpenMobile:h}=D();return n===`none`?x(`div`,{"data-slot":`sidebar`,className:m(`bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col`,r),...a,children:i}):s?x(c,{open:p,onOpenChange:h,...a,children:S(l,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden`,style:{"--sidebar-width":`18rem`},side:e,children:[S(d,{className:`sr-only`,children:[x(f,{children:`Sidebar`}),x(u,{children:`Displays the mobile sidebar.`})]}),x(`div`,{className:`flex h-full w-full flex-col`,children:i})]})}):S(`div`,{className:`group peer text-sidebar-foreground hidden md:block`,"data-state":o,"data-collapsible":o===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:[x(`div`,{"data-slot":`sidebar-gap`,className:m(`relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,t===`floating`||t===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),x(`div`,{"data-slot":`sidebar-container`,className:m(`absolute inset-y-0 hidden w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,e===`left`?`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`,r),...a,children:x(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:m(`shadow-nav flex size-full flex-col`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:shadow-sm`),children:i})})]})}function A({className:t,onClick:n,...r}){let{toggleSidebar:i}=D();return S(e,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`secondary`,size:`icon`,className:m(`size-10 rounded-full [&_svg]:!size-6`,t),onClick:e=>{n?.(e),i()},...r,children:[x(p,{}),x(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]})}function j({className:e,...t}){let{toggleSidebar:n}=D();return x(`button`,{"data-sidebar":`rail`,"data-slot":`sidebar-rail`,"aria-label":`Toggle Sidebar`,tabIndex:-1,onClick:n,title:`Toggle Sidebar`,className:m(`absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear sm:flex`,`after:absolute`,`after:inset-y-0`,`after:left-1/2 after:w-0.5`,`hover:after:bg-sidebar-border`,`group-data-[side=left]:-right-4`,`group-data-[side=right]:left-0`,`in-data-[side=left]:cursor-w-resize`,`in-data-[side=right]:cursor-e-resize`,`[[data-side=left][data-state=collapsed]_&]:cursor-e-resize`,`[[data-side=right][data-state=collapsed]_&]:cursor-w-resize`,`hover:group-data-[collapsible=offcanvas]:bg-sidebar`,`group-data-[collapsible=offcanvas]:translate-x-0`,`group-data-[collapsible=offcanvas]:after:left-full`,`[[data-side=left][data-collapsible=offcanvas]_&]:-right-2`,`[[data-side=right][data-collapsible=offcanvas]_&]:-left-2`,e),...t})}function M({className:e,...t}){return x(`main`,{"data-slot":`sidebar-inset`,className:m(`bg-background relative flex w-full flex-1 flex-col`,`md:peer-data-[variant=inset]:m-2`,`md:peer-data-[variant=inset]:ml-0`,`md:peer-data-[variant=inset]:rounded-xl`,`md:peer-data-[variant=inset]:shadow-sm`,`md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2`,e),...t})}function N({className:e,...t}){return x(o,{"data-slot":`sidebar-input`,"data-sidebar":`input`,className:m(`bg-background h-8 w-full shadow-none`,e),...t})}function P({className:e,...t}){return x(`div`,{"data-slot":`sidebar-header`,"data-sidebar":`header`,className:m(`flex flex-col gap-2 p-2`,e),...t})}function F({className:e,...t}){return x(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:m(`flex flex-col gap-2 p-2`,e),...t})}function I({className:e,...t}){return x(s,{"data-slot":`sidebar-separator`,"data-sidebar":`separator`,className:m(`bg-sidebar-border mx-2 w-auto`,e),...t})}function L({className:e,...t}){return x(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:m(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto`,`group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function R({className:e,...t}){return x(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:m(`relative flex w-full min-w-0 flex-col p-2`,e),...t})}function z({className:e,asChild:t=!1,...n}){let r=t?w.Slot:`div`;return x(r,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:m(`text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8`,`group-data-[collapsible=icon]:opacity-0`,e),...n})}function B({className:e,asChild:t=!1,...n}){let r=t?w.Slot:`button`;return x(r,{"data-slot":`sidebar-group-action`,"data-sidebar":`group-action`,className:m(`text-sidebar-foreground ring-sidebar-ring absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute`,`after:-inset-2`,`md:after:hidden`,`group-data-[collapsible=icon]:hidden`,e),...n})}function V({className:e,...t}){return x(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:m(`w-full text-sm`,e),...t})}function H({className:e,...t}){return x(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:m(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function U({className:e,...t}){return x(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:m(`group/menu-item relative`,e),...t})}const W=C([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`text-left truncate`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:font-medium`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-8!`,`group-data-[collapsible=icon]:p-2!`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function G({asChild:e=!1,isActive:t=!1,variant:i=`default`,size:o=`default`,tooltip:s,className:c,...l}){let u=e?w.Slot:`button`,{state:d}=D(),f=x(u,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":o,"data-active":t,className:m(W({variant:i,size:o}),c),...l});return s?(typeof s==`string`&&(s={children:s}),S(n,{children:[x(a,{asChild:!0,children:f}),x(r,{side:`right`,align:`center`,hidden:d!==`collapsed`,...s})]})):f}function K({className:e,asChild:t=!1,showOnHover:n=!1,...r}){let i=t?w.Slot:`button`;return x(i,{"data-slot":`sidebar-menu-action`,"data-sidebar":`menu-action`,className:m(`text-sidebar-foreground ring-sidebar-ring`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform`,`focus-visible:ring-2`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`after:absolute after:-inset-2 md:after:hidden`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,n&&`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,n&&`$group-focus-within/menu-item:opacity-100`,n&&`group-hover/menu-item:opacity-100`,n&&`data-[state=open]:opacity-100 md:opacity-0`,e),...r})}function q({className:e,...t}){return x(`div`,{"data-slot":`sidebar-menu-badge`,"data-sidebar":`menu-badge`,className:m(`text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none`,`peer-hover/menu-button:text-sidebar-accent-foreground`,`peer-data-[active=true]/menu-button:text-sidebar-accent-foreground`,`peer-data-[size=sm]/menu-button:top-1`,`peer-data-[size=default]/menu-button:top-1.5`,`peer-data-[size=lg]/menu-button:top-2.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function J({className:e,showIcon:n=!1,...r}){let i=y(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return S(`div`,{"data-slot":`sidebar-menu-skeleton`,"data-sidebar":`menu-skeleton`,className:m(`flex h-8 items-center gap-2 rounded-md px-2`,e),...r,children:[n&&x(t,{className:`size-4 rounded-md`,"data-sidebar":`menu-skeleton-icon`}),x(t,{className:`h-4 max-w-(--skeleton-width) flex-1`,"data-sidebar":`menu-skeleton-text`,style:{"--skeleton-width":i}})]})}function Y({className:e,...t}){return x(`ul`,{"data-slot":`sidebar-menu-sub`,"data-sidebar":`menu-sub`,className:m(`border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5`,`group-data-[collapsible=icon]:hidden`,e),...t})}function X({className:e,...t}){return x(`li`,{"data-slot":`sidebar-menu-sub-item`,"data-sidebar":`menu-sub-item`,className:m(`group/menu-sub-item relative`,e),...t})}function Z({asChild:e=!1,size:t=`md`,isActive:n=!1,className:r,...i}){let a=e?w.Slot:`a`;return x(a,{"data-slot":`sidebar-menu-sub-button`,"data-sidebar":`menu-sub-button`,"data-size":t,"data-active":n,className:m(`text-sidebar-foreground ring-sidebar-ring`,`flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`focus-visible:ring-2`,`disabled:pointer-events-none`,`disabled:opacity-50`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`[&>span:last-child]:truncate`,`[&>svg]:size-4`,`[&>svg]:shrink-0`,`[&>svg]:text-sidebar-accent-foreground`,`data-[active=true]:bg-sidebar-accent`,`data-[active=true]:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:hidden`,t===`sm`&&`text-xs`,t===`md`&&`text-sm`,r),...i})}export{L as DetailDialogSidebarContent,F as DetailDialogSidebarFooter,R as DetailDialogSidebarGroup,B as DetailDialogSidebarGroupAction,V as DetailDialogSidebarGroupContent,z as DetailDialogSidebarGroupLabel,P as DetailDialogSidebarHeader,H as DetailDialogSidebarMenu,K as DetailDialogSidebarMenuAction,q as DetailDialogSidebarMenuBadge,G as DetailDialogSidebarMenuButton,U as DetailDialogSidebarMenuItem,J as DetailDialogSidebarMenuSkeleton,Y as DetailDialogSidebarMenuSub,Z as DetailDialogSidebarMenuSubButton,X as DetailDialogSidebarMenuSubItem,j as DetailDialogSidebarRail,I as DetailDialogSidebarSeparator,A as DetailDialogSidebarTrigger,k as Sidebar,N as SidebarInput,M as SidebarInset,O as SidebarProvider,D as useSidebar};
+//# sourceMappingURL=sidebar-Baw-T7Q1.js.map