@oneplatformdev/ui 0.1.99-beta.48 → 0.1.99-beta.49

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 0.1.99-beta.49 (2026-01-14)
+
+### 🚀 Features
+
+- **Combobox:** add listFooterAction support and enhance AlertDialog components ([be4b8bd](https://github.com/oneplatformdev/core-web/commit/be4b8bd))
+
+### 🧱 Updated Dependencies
+
+- Updated @oneplatformdev/utils to 0.1.99-beta.49
+- Updated @oneplatformdev/hooks to 0.1.99-beta.49
+- Updated @oneplatformdev/tokens to 0.1.99-beta.49
+
+### ❤️ Thank You
+
+- Bohdan Radchenko
+
 ## 0.1.99-beta.48 (2026-01-14)
 
 ### 🧱 Updated Dependencies

package/Combobox/Combobox.js

@@ -187,7 +187,7 @@ const Ce = (N) => {
                   "div",
                   {
                     "data-slot": "command-footer-wrapper",
-                    className: "flex min-h-9 items-center gap-2 border-t px-3",
+                    className: "flex w-full min-h-9 items-center gap-2 border-t px-3",
                     children: typeof x == "function" ? x(d) : x
                   }
                 )

package/Combobox/Combobox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n  Dispatch,\n  forwardRef, SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronsUpDown, SearchIcon, X } from 'lucide-react';\nimport {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions';\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport * as React from \"react\"; // TODO: refactor next component | nlt code\n\n\nconst getSelectRenderLabel = (params: {\n  value: ComboboxProps['value'];\n  flattenOptions: ComboboxOption[];\n  selectedOption?: ComboboxOption;\n}): string => {\n  const { value, flattenOptions = [], selectedOption } = params;\n  if(!value) return 'No value for render label';\n  const flattenedOption = flattenOptions.find(o => String(o.value).toLowerCase() === String(value).toLowerCase());\n  const label = [flattenedOption, selectedOption]\n    .filter(Boolean)\n    .map(o => o!.label)\n    .find(Boolean);\n  if(!label) return value;\n  return label;\n}\n\n// TODO: refactor next component | nlt code\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  (props, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder,\n      disabled,\n      searchLabel = 'Type to search...',\n      fetchOptions,\n      options: itemOptions,\n      emptyLabel = 'No options',\n      emptyAction,\n      commandInputAction,\n      listHeadAction,\n      listFooterAction,\n      onMount,\n    } = props;\n    const [initialLoading, setInitialLoading] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\n    const [loading, setLoading] = useState(false);\n\n    const [options, setOptionsDispatch] = useState<ComboboxOption[]>([]);\n    const [flattenOptions, setFlattenOptions] = useState<ComboboxOption[]>([]);\n    const setOptions: Dispatch<SetStateAction<ComboboxOption[]>> = useCallback((stater) => {\n      const flatten = (next: ComboboxOption[]) => {\n        const res: ComboboxOption[] = [];\n        const walk = (nodes?: ComboboxOption[]) => {\n          if (!nodes) return;\n          for (const node of nodes) {\n            res.push(node);\n            if (node.items && node.items.length) walk(node.items);\n          }\n        };\n        walk(next);\n        setFlattenOptions((prev) => {\n          const isIncludedInRes = res.find(o => !!value && String(o.value) === String(value));\n\n          if(!isIncludedInRes) {\n            const current =  selectedOption || prev.find(o => !!value && String(o.value) === String(value))\n            if(current) return [current, ...res];\n          }\n\n          return res;\n        });\n      }\n      setOptionsDispatch((prev) => {\n        const next: ComboboxOption[] = typeof stater === 'function' ? stater(prev) : stater;\n        flatten(next);\n        return next;\n      });\n    }, [selectedOption, value])\n\n    useEffect(() => {\n      itemOptions?.length && setOptions(itemOptions);\n    }, [itemOptions]);\n\n    const handlePopoverOpen = async () => {\n      if (!open) {\n        void getData();\n        setSearchTerm('');\n      }\n    };\n\n    const getData = useCallback(async (search?: string) => {\n      setLoading(true);\n      try {\n        const fetchedOptions = await fetchOptions(search);\n        setOptions(fetchedOptions);\n      } catch (error) {\n        console.error('Unexpected error while get option:', error);\n      } finally {\n        setLoading(false);\n      }\n    }, [setOptions]);\n\n    const debouncedGetData = useDebounceCallback(getData, 1000, {\n      leading: false,\n      trailing: true,\n    });\n\n    const handleSearchChange = useCallback((value: string) => {\n      setLoading(true);\n      setSearchTerm(value);\n      debouncedGetData(value);\n    }, []);\n\n    const onChangeOption = useCallback((option: ComboboxOption) => {\n      onChange(option.value);\n      setSelectedOption(option);\n      setLoading(false);\n    }, []);\n\n    const handleClearSelection = useCallback(() => {\n      onChangeOption({ value: '', label: '' });\n      setSelectedOption(undefined);\n      setLoading(false);\n    }, []);\n\n    const isSearchedEmptyList = useMemo(() => {\n      return Boolean(searchTerm) && !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const isEmptyList = useMemo(() => {\n      return !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const comboboxCallbackStateParams =\n      useMemo((): ComboboxCallbackStateParams => {\n        return {\n          options,\n          setOptions,\n          selectedOption,\n          setSelectedOption,\n          search: searchTerm || '',\n          setSearch: setSearchTerm,\n          open,\n          setOpen,\n          loading,\n          setLoading,\n          isEmptyList,\n          isSearchedEmptyList,\n        };\n      }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList, setOptions]);\n\n    const runOnMount = useCallback(async () => {\n      if (!onMount) return;\n      setInitialLoading(true);\n      try {\n        await onMount(comboboxCallbackStateParams);\n      } finally {\n        setInitialLoading(false);\n      }\n    }, [onMount, comboboxCallbackStateParams]);\n\n    useLayoutEffect(() => {\n      runOnMount();\n    }, []);\n\n    return (\n      <div className=\"w-full\" ref={ref}>\n        <Popover\n          open={open}\n          onOpenChange={(newOpen) => {\n            setOpen(newOpen);\n            if (newOpen) handlePopoverOpen();\n          }}\n        >\n          <PopoverTrigger asChild className=\"border-input\">\n            <Button\n              color='secondary'\n              role=\"combobox\"\n              aria-expanded={open}\n              className={cn(\n                'relative w-full justify-between font-normal text-sm bg-transparent',\n                'border border-border',\n                open && 'border-2 outline-hidden ring-1 ring-ring',\n                'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\n              )}\n              disabled={disabled || initialLoading}\n            >\n              {initialLoading ? (\n                  <LoadingMask fullWidth />\n              ) : (\n                <>\n                  <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n                    {value\n                      ? getSelectRenderLabel({ value, flattenOptions, selectedOption })\n                      : <span className=\"text-gray-400\">{placeholder}</span>\n                    }\n                  </span>\n                  {value ? (\n                    <div\n                      className={cn(\n                        'absolute top-0 right-1',\n                        'flex items-center justify-center',\n                        'w-9 aspect-square [&_svg]:size-5',\n                        'opacity-50 cursor-pointer hover:opacity-100'\n                      )}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        handleClearSelection();\n                      }}\n                    >\n                      <X />\n                    </div>\n                  ) : (\n                    <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\n                  )}\n                </>\n              )}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\n            align=\"start\"\n          >\n            <Command shouldFilter={false}>\n              <CommandInput\n                placeholder={searchLabel}\n                value={searchTerm}\n                onValueChange={handleSearchChange}\n              />\n              {typeof commandInputAction === 'function'\n                ? commandInputAction(comboboxCallbackStateParams)\n                : commandInputAction}\n              <CommandList>\n                <CommandGroup className={cn(!options.length && 'p-0 shadow-none')}>\n                  {loading && <LoadingMask fullWidth />}\n                  {!loading && Boolean(searchTerm) && (\n                    <>\n                      {emptyAction ? (\n                        <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n                          <span>{emptyLabel}</span>\n                          {typeof emptyAction === 'function'\n                            ? emptyAction(comboboxCallbackStateParams)\n                            : emptyAction}\n                        </CommandEmpty>\n                      ) : (\n                        <CommandEmpty>{emptyLabel}</CommandEmpty>\n                      )}\n                    </>\n                  )}\n                  {!loading && (\n                    <>\n                      {Boolean(options.length) && listHeadAction && (\n                        <CommandItem\n                          key='combobox-list-head-action'\n                          asChild\n                          className='w-full'\n                        >\n                          {typeof listHeadAction === 'function'\n                            ? listHeadAction(comboboxCallbackStateParams)\n                            : listHeadAction}\n                        </CommandItem>\n                      )}\n                      <ComboboxOptions\n                        value={value}\n                        options={options}\n                        onChangeOption={onChangeOption}\n                        setOpen={setOpen}\n                      />\n                    </>\n                  )}\n                </CommandGroup>\n              </CommandList>\n\n              {/*LIST FOOTER ACTION*/}\n              {Boolean(options.length) && listFooterAction && (\n                <div\n                  data-slot=\"command-footer-wrapper\"\n                  className=\"flex min-h-9 items-center gap-2 border-t px-3\"\n                >\n                  {typeof listFooterAction === 'function'\n                    ? listFooterAction(comboboxCallbackStateParams)\n                    : listFooterAction}\n                </div>\n              )}\n            </Command>\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n  }\n);\n"],"names":["getSelectRenderLabel","params","value","flattenOptions","selectedOption","label","o","Combobox","forwardRef","props","ref","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","listFooterAction","onMount","initialLoading","setInitialLoading","useState","open","setOpen","searchTerm","setSearchTerm","setSelectedOption","loading","setLoading","options","setOptionsDispatch","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","current","useEffect","handlePopoverOpen","getData","search","fetchedOptions","error","debouncedGetData","useDebounceCallback","handleSearchChange","onChangeOption","option","handleClearSelection","isSearchedEmptyList","useMemo","isEmptyList","comboboxCallbackStateParams","runOnMount","useLayoutEffect","jsx","jsxs","Popover","newOpen","PopoverTrigger","Button","cn","LoadingMask","Fragment","e","X","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","CommandEmpty","CommandItem","ComboboxOptions"],"mappings":"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"}
+{"version":3,"file":"Combobox.js","sources":["../../src/Combobox/Combobox.tsx"],"sourcesContent":["import {\n  Dispatch,\n  forwardRef, SetStateAction,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { LoadingMask } from '../LoadingMask';\nimport { Popover, PopoverContent, PopoverTrigger } from '../Popover';\nimport { Button } from '../Button';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../Command';\nimport { cn } from '@oneplatformdev/utils';\nimport { useDebounceCallback } from '@oneplatformdev/hooks';\nimport { ChevronsUpDown, SearchIcon, X } from 'lucide-react';\nimport {\n  ComboboxCallbackStateParams,\n  ComboboxOption,\n  ComboboxProps,\n} from './Combobox.types';\nimport { ComboboxOptions } from './ComboboxOptions';\nimport { Command as CommandPrimitive } from \"cmdk\";\nimport * as React from \"react\"; // TODO: refactor next component | nlt code\n\n\nconst getSelectRenderLabel = (params: {\n  value: ComboboxProps['value'];\n  flattenOptions: ComboboxOption[];\n  selectedOption?: ComboboxOption;\n}): string => {\n  const { value, flattenOptions = [], selectedOption } = params;\n  if(!value) return 'No value for render label';\n  const flattenedOption = flattenOptions.find(o => String(o.value).toLowerCase() === String(value).toLowerCase());\n  const label = [flattenedOption, selectedOption]\n    .filter(Boolean)\n    .map(o => o!.label)\n    .find(Boolean);\n  if(!label) return value;\n  return label;\n}\n\n// TODO: refactor next component | nlt code\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>(\n  (props, ref) => {\n    const {\n      value,\n      onChange,\n      placeholder,\n      disabled,\n      searchLabel = 'Type to search...',\n      fetchOptions,\n      options: itemOptions,\n      emptyLabel = 'No options',\n      emptyAction,\n      commandInputAction,\n      listHeadAction,\n      listFooterAction,\n      onMount,\n    } = props;\n    const [initialLoading, setInitialLoading] = useState(false);\n    const [open, setOpen] = useState(false);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [selectedOption, setSelectedOption] = useState<ComboboxOption>();\n    const [loading, setLoading] = useState(false);\n\n    const [options, setOptionsDispatch] = useState<ComboboxOption[]>([]);\n    const [flattenOptions, setFlattenOptions] = useState<ComboboxOption[]>([]);\n    const setOptions: Dispatch<SetStateAction<ComboboxOption[]>> = useCallback((stater) => {\n      const flatten = (next: ComboboxOption[]) => {\n        const res: ComboboxOption[] = [];\n        const walk = (nodes?: ComboboxOption[]) => {\n          if (!nodes) return;\n          for (const node of nodes) {\n            res.push(node);\n            if (node.items && node.items.length) walk(node.items);\n          }\n        };\n        walk(next);\n        setFlattenOptions((prev) => {\n          const isIncludedInRes = res.find(o => !!value && String(o.value) === String(value));\n\n          if(!isIncludedInRes) {\n            const current =  selectedOption || prev.find(o => !!value && String(o.value) === String(value))\n            if(current) return [current, ...res];\n          }\n\n          return res;\n        });\n      }\n      setOptionsDispatch((prev) => {\n        const next: ComboboxOption[] = typeof stater === 'function' ? stater(prev) : stater;\n        flatten(next);\n        return next;\n      });\n    }, [selectedOption, value])\n\n    useEffect(() => {\n      itemOptions?.length && setOptions(itemOptions);\n    }, [itemOptions]);\n\n    const handlePopoverOpen = async () => {\n      if (!open) {\n        void getData();\n        setSearchTerm('');\n      }\n    };\n\n    const getData = useCallback(async (search?: string) => {\n      setLoading(true);\n      try {\n        const fetchedOptions = await fetchOptions(search);\n        setOptions(fetchedOptions);\n      } catch (error) {\n        console.error('Unexpected error while get option:', error);\n      } finally {\n        setLoading(false);\n      }\n    }, [setOptions]);\n\n    const debouncedGetData = useDebounceCallback(getData, 1000, {\n      leading: false,\n      trailing: true,\n    });\n\n    const handleSearchChange = useCallback((value: string) => {\n      setLoading(true);\n      setSearchTerm(value);\n      debouncedGetData(value);\n    }, []);\n\n    const onChangeOption = useCallback((option: ComboboxOption) => {\n      onChange(option.value);\n      setSelectedOption(option);\n      setLoading(false);\n    }, []);\n\n    const handleClearSelection = useCallback(() => {\n      onChangeOption({ value: '', label: '' });\n      setSelectedOption(undefined);\n      setLoading(false);\n    }, []);\n\n    const isSearchedEmptyList = useMemo(() => {\n      return Boolean(searchTerm) && !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const isEmptyList = useMemo(() => {\n      return !options.length && !loading;\n    }, [loading, options.length, searchTerm])\n\n    const comboboxCallbackStateParams =\n      useMemo((): ComboboxCallbackStateParams => {\n        return {\n          options,\n          setOptions,\n          selectedOption,\n          setSelectedOption,\n          search: searchTerm || '',\n          setSearch: setSearchTerm,\n          open,\n          setOpen,\n          loading,\n          setLoading,\n          isEmptyList,\n          isSearchedEmptyList,\n        };\n      }, [loading, open, options, searchTerm, selectedOption, isEmptyList, isSearchedEmptyList, setOptions]);\n\n    const runOnMount = useCallback(async () => {\n      if (!onMount) return;\n      setInitialLoading(true);\n      try {\n        await onMount(comboboxCallbackStateParams);\n      } finally {\n        setInitialLoading(false);\n      }\n    }, [onMount, comboboxCallbackStateParams]);\n\n    useLayoutEffect(() => {\n      runOnMount();\n    }, []);\n\n    return (\n      <div className=\"w-full\" ref={ref}>\n        <Popover\n          open={open}\n          onOpenChange={(newOpen) => {\n            setOpen(newOpen);\n            if (newOpen) handlePopoverOpen();\n          }}\n        >\n          <PopoverTrigger asChild className=\"border-input\">\n            <Button\n              color='secondary'\n              role=\"combobox\"\n              aria-expanded={open}\n              className={cn(\n                'relative w-full justify-between font-normal text-sm bg-transparent',\n                'border border-border',\n                open && 'border-2 outline-hidden ring-1 ring-ring',\n                'focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring'\n              )}\n              disabled={disabled || initialLoading}\n            >\n              {initialLoading ? (\n                  <LoadingMask fullWidth />\n              ) : (\n                <>\n                  <span className=\"truncate max-w-[calc(100%-1.5rem)] overflow-hidden whitespace-nowrap\">\n                    {value\n                      ? getSelectRenderLabel({ value, flattenOptions, selectedOption })\n                      : <span className=\"text-gray-400\">{placeholder}</span>\n                    }\n                  </span>\n                  {value ? (\n                    <div\n                      className={cn(\n                        'absolute top-0 right-1',\n                        'flex items-center justify-center',\n                        'w-9 aspect-square [&_svg]:size-5',\n                        'opacity-50 cursor-pointer hover:opacity-100'\n                      )}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        handleClearSelection();\n                      }}\n                    >\n                      <X />\n                    </div>\n                  ) : (\n                    <ChevronsUpDown className=\"opacity-50 w-4 h-4\" />\n                  )}\n                </>\n              )}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent\n            className=\"w-(--radix-popper-anchor-width) max-w-none p-0\"\n            align=\"start\"\n          >\n            <Command shouldFilter={false}>\n              <CommandInput\n                placeholder={searchLabel}\n                value={searchTerm}\n                onValueChange={handleSearchChange}\n              />\n              {typeof commandInputAction === 'function'\n                ? commandInputAction(comboboxCallbackStateParams)\n                : commandInputAction}\n              <CommandList>\n                <CommandGroup className={cn(!options.length && 'p-0 shadow-none')}>\n                  {loading && <LoadingMask fullWidth />}\n                  {!loading && Boolean(searchTerm) && (\n                    <>\n                      {emptyAction ? (\n                        <CommandEmpty className=\"flex flex-col gap-3 py-5 px-3 items-center\">\n                          <span>{emptyLabel}</span>\n                          {typeof emptyAction === 'function'\n                            ? emptyAction(comboboxCallbackStateParams)\n                            : emptyAction}\n                        </CommandEmpty>\n                      ) : (\n                        <CommandEmpty>{emptyLabel}</CommandEmpty>\n                      )}\n                    </>\n                  )}\n                  {!loading && (\n                    <>\n                      {Boolean(options.length) && listHeadAction && (\n                        <CommandItem\n                          key='combobox-list-head-action'\n                          asChild\n                          className='w-full'\n                        >\n                          {typeof listHeadAction === 'function'\n                            ? listHeadAction(comboboxCallbackStateParams)\n                            : listHeadAction}\n                        </CommandItem>\n                      )}\n                      <ComboboxOptions\n                        value={value}\n                        options={options}\n                        onChangeOption={onChangeOption}\n                        setOpen={setOpen}\n                      />\n                    </>\n                  )}\n                </CommandGroup>\n              </CommandList>\n\n              {/*LIST FOOTER ACTION*/}\n              {Boolean(options.length) && listFooterAction && (\n                <div\n                  data-slot=\"command-footer-wrapper\"\n                  className=\"flex w-full min-h-9 items-center gap-2 border-t px-3\"\n                >\n                  {typeof listFooterAction === 'function'\n                    ? listFooterAction(comboboxCallbackStateParams)\n                    : listFooterAction}\n                </div>\n              )}\n            </Command>\n          </PopoverContent>\n        </Popover>\n      </div>\n    );\n  }\n);\n"],"names":["getSelectRenderLabel","params","value","flattenOptions","selectedOption","label","o","Combobox","forwardRef","props","ref","onChange","placeholder","disabled","searchLabel","fetchOptions","itemOptions","emptyLabel","emptyAction","commandInputAction","listHeadAction","listFooterAction","onMount","initialLoading","setInitialLoading","useState","open","setOpen","searchTerm","setSearchTerm","setSelectedOption","loading","setLoading","options","setOptionsDispatch","setFlattenOptions","setOptions","useCallback","stater","flatten","next","res","walk","nodes","node","prev","current","useEffect","handlePopoverOpen","getData","search","fetchedOptions","error","debouncedGetData","useDebounceCallback","handleSearchChange","onChangeOption","option","handleClearSelection","isSearchedEmptyList","useMemo","isEmptyList","comboboxCallbackStateParams","runOnMount","useLayoutEffect","jsx","jsxs","Popover","newOpen","PopoverTrigger","Button","cn","LoadingMask","Fragment","e","X","ChevronsUpDown","PopoverContent","Command","CommandInput","CommandList","CommandGroup","CommandEmpty","CommandItem","ComboboxOptions"],"mappings":"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"}

package/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnE;AAED,iBAAS,aAAa,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAE7E;AAED,iBAAS,YAAY,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAE3E;AAED,iBAAS,WAAW,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAW7E;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACnF,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAkDA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,iBAAiB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQrF;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAe,EAChB,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnE;AAED,iBAAS,aAAa,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAE7E;AAED,iBAAS,YAAY,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAE3E;AAED,iBAAS,WAAW,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEzE;AAED,iBAAS,aAAa,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAW7E;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACnF,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAoDA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,WAAW,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAYzE;AAED,iBAAS,iBAAiB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQrF;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,eAAe,EAChB,CAAA"}

package/Dialog/Dialog.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-dialog";
 import { XIcon as c } from "lucide-react";
 import { cn as n } from "@oneplatformdev/utils";
@@ -17,12 +17,12 @@ function u({
 }) {
   return /* @__PURE__ */ e(a.Portal, { "data-slot": "dialog-portal", ...t });
 }
-function D({
+function b({
   ...t
 }) {
   return /* @__PURE__ */ e(a.Close, { "data-slot": "dialog-close", ...t });
 }
-function f({
+function g({
   className: t,
   ...o
 }) {
@@ -38,19 +38,21 @@ function f({
     }
   );
 }
-function h(t) {
+function D(t) {
   const {
     className: o,
-    children: i,
-    showCloseButton: l = !0,
+    children: l,
+    showCloseButton: s = !0,
     style: r,
     ...d
   } = t;
-  return /* @__PURE__ */ e(u, { "data-slot": "dialog-portal", children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ e(u, { "data-slot": "dialog-portal", children: /* @__PURE__ */ e(g, { children: /* @__PURE__ */ i(
     a.Content,
     {
       "data-slot": "dialog-content",
+      "data-closable": JSON.stringify(s),
       className: n(
+        "group group/content",
         "fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]",
         "flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3",
         "bg-background rounded-lg border p-4 shadow-lg duration-200",
@@ -65,8 +67,8 @@ function h(t) {
         ...r || {}
       },
       children: [
-        i,
-        l && /* @__PURE__ */ s(
+        l,
+        s && /* @__PURE__ */ i(
           a.Close,
           {
             "data-slot": "dialog-close",
@@ -89,7 +91,7 @@ function h(t) {
     }
   ) }) });
 }
-function b({ className: t, ...o }) {
+function h({ className: t, ...o }) {
   return /* @__PURE__ */ e(
     "div",
     {
@@ -120,7 +122,11 @@ function N({
     a.Title,
     {
       "data-slot": "dialog-title",
-      className: n("text-lg leading-none font-bold text-[#06080D]", t),
+      className: n(
+        "text-lg leading-none font-bold text-[#06080D]",
+        "group-data-[closable='true']/content:pr-14",
+        t
+      ),
       ...o
     }
   );
@@ -140,12 +146,12 @@ function z({
 }
 export {
   x as Dialog,
-  D as DialogClose,
-  h as DialogContent,
+  b as DialogClose,
+  D as DialogContent,
   z as DialogDescription,
   y as DialogFooter,
-  b as DialogHeader,
-  f as DialogOverlay,
+  h as DialogHeader,
+  g as DialogOverlay,
   u as DialogPortal,
   a as DialogPrimitive,
   N as DialogTitle,

package/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Dialog({\n                  ...props\n                }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n                        ...props\n                      }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n                         className,\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  const {\n    className,\n    children,\n    showCloseButton = true,\n    style,\n    ...rest\n  } = props;\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay>\n        <DialogPrimitive.Content\n          data-slot=\"dialog-content\"\n          className={cn(\n            'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n            'flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3',\n            'bg-background rounded-lg border p-4 shadow-lg duration-200',\n            'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n            \"focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent\",\n            'outline-none focus:outline-none focus-visible:outline-none',\n            className\n          )}\n          {...rest}\n          style={{\n            pointerEvents: 'auto',\n            ...(style || {}),\n          }}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close\n              data-slot=\"dialog-close\"\n              className={cn(\n                'absolute top-4 right-4 rounded-2xl opacity-70 transition-opacity hover:opacity-100',\n                'data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',\n                'ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden',\n                'focus:outline-none focus:ring-0',\n                'disabled:pointer-events-none [&_svg]:pointer-events-none',\n                '[&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-5',\n                'cursor-pointer size-10 flex items-center justify-center',\n              )}\n            >\n              <XIcon className='size-6 text-[#06080D]'/>\n              <span className=\"sr-only\">Close</span>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogOverlay>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-4 justify-center text-center sm:text-left min-h-10\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-bold text-[#06080D]\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n                             className,\n                             ...props\n                           }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-[#06080D] font-medium text-base\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  DialogPrimitive\n}\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","style","rest","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../../src/Dialog/Dialog.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction Dialog({\n                  ...props\n                }: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n                        ...props\n                      }: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n                         className,\n                         ...props\n                       }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent(props: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean\n}) {\n  const {\n    className,\n    children,\n    showCloseButton = true,\n    style,\n    ...rest\n  } = props;\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay>\n        <DialogPrimitive.Content\n          data-slot=\"dialog-content\"\n          data-closable={JSON.stringify(showCloseButton)}\n          className={cn(\n            'group group/content',\n            'fixed top-[50%] left-[50%] z-50 translate-x-[-50%] translate-y-[-50%]',\n            'flex flex-col w-full max-w-[calc(100%-2rem)] sm:max-w-2xl gap-3',\n            'bg-background rounded-lg border p-4 shadow-lg duration-200',\n            'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',\n            \"focus:outline-none focus-visible:outline-none focus:ring-0 focus-visible:ring-0 focus:ring-transparent\",\n            'outline-none focus:outline-none focus-visible:outline-none',\n            className\n          )}\n          {...rest}\n          style={{\n            pointerEvents: 'auto',\n            ...(style || {}),\n          }}\n        >\n          {children}\n          {showCloseButton && (\n            <DialogPrimitive.Close\n              data-slot=\"dialog-close\"\n              className={cn(\n                'absolute top-4 right-4 rounded-2xl opacity-70 transition-opacity hover:opacity-100',\n                'data-[state=open]:bg-accent data-[state=open]:text-muted-foreground',\n                'ring-offset-background focus:ring-transparent focus:ring-0 focus:ring-offset-0 focus:outline-hidden',\n                'focus:outline-none focus:ring-0',\n                'disabled:pointer-events-none [&_svg]:pointer-events-none',\n                '[&_svg]:shrink-0 [&_svg:not([class*=\"size-\"])]:size-5',\n                'cursor-pointer size-10 flex items-center justify-center',\n              )}\n            >\n              <XIcon className='size-6 text-[#06080D]'/>\n              <span className=\"sr-only\">Close</span>\n            </DialogPrimitive.Close>\n          )}\n        </DialogPrimitive.Content>\n      </DialogOverlay>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-4 justify-center text-center sm:text-left min-h-10\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n                       className,\n                       ...props\n                     }: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\n        \"text-lg leading-none font-bold text-[#06080D]\",\n        \"group-data-[closable='true']/content:pr-14\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n                             className,\n                             ...props\n                           }: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-[#06080D] font-medium text-base\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n  DialogPrimitive\n}\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","style","rest","jsxs","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/ui",
-  "version": "0.1.99-beta.48",
+  "version": "0.1.99-beta.49",
   "description": "UI component library for OnePlatform",
   "author": "One Platform Development Team",
   "keywords": [
@@ -105,9 +105,9 @@
     "recharts": "^3.2.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "@oneplatformdev/tokens": "^0.1.99-beta.48",
-    "@oneplatformdev/hooks": "^0.1.99-beta.48",
-    "@oneplatformdev/utils": "^0.1.99-beta.48"
+    "@oneplatformdev/tokens": "^0.1.99-beta.49",
+    "@oneplatformdev/hooks": "^0.1.99-beta.49",
+    "@oneplatformdev/utils": "^0.1.99-beta.49"
   },
   "scripts": {
     "chromatic": "chromatic"