@raystack/apsara 0.51.0 → 0.52.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/__tests__/accordion.test.d.ts +2 -0
- package/dist/components/accordion/__tests__/accordion.test.d.ts.map +1 -0
- package/dist/components/accordion/accordion-content.cjs +14 -0
- package/dist/components/accordion/accordion-content.cjs.map +1 -0
- package/dist/components/accordion/accordion-content.d.ts +8 -0
- package/dist/components/accordion/accordion-content.d.ts.map +1 -0
- package/dist/components/accordion/accordion-content.js +12 -0
- package/dist/components/accordion/accordion-content.js.map +1 -0
- package/dist/components/accordion/accordion-item.cjs +14 -0
- package/dist/components/accordion/accordion-item.cjs.map +1 -0
- package/dist/components/accordion/accordion-item.d.ts +8 -0
- package/dist/components/accordion/accordion-item.d.ts.map +1 -0
- package/dist/components/accordion/accordion-item.js +12 -0
- package/dist/components/accordion/accordion-item.js.map +1 -0
- package/dist/components/accordion/accordion-root.cjs +26 -0
- package/dist/components/accordion/accordion-root.cjs.map +1 -0
- package/dist/components/accordion/accordion-root.d.ts +11 -0
- package/dist/components/accordion/accordion-root.d.ts.map +1 -0
- package/dist/components/accordion/accordion-root.js +24 -0
- package/dist/components/accordion/accordion-root.js.map +1 -0
- package/dist/components/accordion/accordion-trigger.cjs +15 -0
- package/dist/components/accordion/accordion-trigger.cjs.map +1 -0
- package/dist/components/accordion/accordion-trigger.d.ts +8 -0
- package/dist/components/accordion/accordion-trigger.d.ts.map +1 -0
- package/dist/components/accordion/accordion-trigger.js +13 -0
- package/dist/components/accordion/accordion-trigger.js.map +1 -0
- package/dist/components/accordion/accordion.cjs +15 -0
- package/dist/components/accordion/accordion.cjs.map +1 -0
- package/dist/components/accordion/accordion.d.ts +6 -0
- package/dist/components/accordion/accordion.d.ts.map +1 -0
- package/dist/components/accordion/accordion.js +13 -0
- package/dist/components/accordion/accordion.js.map +1 -0
- package/dist/components/accordion/accordion.module.css.cjs +8 -0
- package/dist/components/accordion/accordion.module.css.cjs.map +1 -0
- package/dist/components/accordion/accordion.module.css.js +4 -0
- package/dist/components/accordion/accordion.module.css.js.map +1 -0
- package/dist/components/accordion/index.d.ts +2 -0
- package/dist/components/accordion/index.d.ts.map +1 -0
- package/dist/components/amount/__tests__/amount.test.d.ts +2 -0
- package/dist/components/amount/__tests__/amount.test.d.ts.map +1 -0
- package/dist/components/announcement-bar/__tests__/announcement-bar.test.d.ts +2 -0
- package/dist/components/announcement-bar/__tests__/announcement-bar.test.d.ts.map +1 -0
- package/dist/components/avatar/__tests__/avatar.test.d.ts +2 -0
- package/dist/components/avatar/__tests__/avatar.test.d.ts.map +1 -0
- package/dist/components/badge/__tests__/badge.test.d.ts +2 -0
- package/dist/components/badge/__tests__/badge.test.d.ts.map +1 -0
- package/dist/components/box/__tests__/box.test.d.ts +2 -0
- package/dist/components/box/__tests__/box.test.d.ts.map +1 -0
- package/dist/components/breadcrumb/__tests__/breadcrumb.test.d.ts +2 -0
- package/dist/components/breadcrumb/__tests__/breadcrumb.test.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-item.cjs +1 -1
- package/dist/components/breadcrumb/breadcrumb-item.cjs.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-item.js +1 -1
- package/dist/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-misc.cjs +2 -2
- package/dist/components/breadcrumb/breadcrumb-misc.cjs.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-misc.d.ts.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-misc.js +3 -3
- package/dist/components/breadcrumb/breadcrumb-misc.js.map +1 -1
- package/dist/components/button/__tests__/button.test.d.ts +2 -0
- package/dist/components/button/__tests__/button.test.d.ts.map +1 -0
- package/dist/components/calendar/__tests__/calendar.test.d.ts +2 -0
- package/dist/components/calendar/__tests__/calendar.test.d.ts.map +1 -0
- package/dist/components/calendar/calendar.cjs +1 -1
- package/dist/components/calendar/calendar.cjs.map +1 -1
- package/dist/components/calendar/calendar.js +1 -1
- package/dist/components/calendar/calendar.js.map +1 -1
- package/dist/components/calendar/date-picker.cjs +7 -6
- package/dist/components/calendar/date-picker.cjs.map +1 -1
- package/dist/components/calendar/date-picker.d.ts +3 -2
- package/dist/components/calendar/date-picker.d.ts.map +1 -1
- package/dist/components/calendar/date-picker.js +7 -6
- package/dist/components/calendar/date-picker.js.map +1 -1
- package/dist/components/calendar/range-picker.cjs +4 -3
- package/dist/components/calendar/range-picker.cjs.map +1 -1
- package/dist/components/calendar/range-picker.d.ts +3 -2
- package/dist/components/calendar/range-picker.d.ts.map +1 -1
- package/dist/components/calendar/range-picker.js +4 -3
- package/dist/components/calendar/range-picker.js.map +1 -1
- package/dist/components/callout/__tests__/callout.test.d.ts +2 -0
- package/dist/components/callout/__tests__/callout.test.d.ts.map +1 -0
- package/dist/components/checkbox/__tests__/checkbox.test.d.ts +2 -0
- package/dist/components/checkbox/__tests__/checkbox.test.d.ts.map +1 -0
- package/dist/components/chip/__tests__/chip.test.d.ts +2 -0
- package/dist/components/chip/__tests__/chip.test.d.ts.map +1 -0
- package/dist/components/color-picker/__tests__/color-picker.test.d.ts +2 -0
- package/dist/components/color-picker/__tests__/color-picker.test.d.ts.map +1 -0
- package/dist/components/command/__tests__/command.test.d.ts +2 -0
- package/dist/components/command/__tests__/command.test.d.ts.map +1 -0
- package/dist/components/container/__tests__/container.test.d.ts +2 -0
- package/dist/components/container/__tests__/container.test.d.ts.map +1 -0
- package/dist/components/container/container.d.ts +1 -1
- package/dist/components/copy-button/__tests__/copy-button.test.d.ts +2 -0
- package/dist/components/copy-button/__tests__/copy-button.test.d.ts.map +1 -0
- package/dist/components/data-table/__tests__/data-table.test.d.ts +2 -0
- package/dist/components/data-table/__tests__/data-table.test.d.ts.map +1 -0
- package/dist/components/dialog/__tests__/dialog.test.d.ts +2 -0
- package/dist/components/dialog/__tests__/dialog.test.d.ts.map +1 -0
- package/dist/components/dropdown-menu/__tests__/dropdown-menu.test.d.ts +2 -0
- package/dist/components/dropdown-menu/__tests__/dropdown-menu.test.d.ts.map +1 -0
- package/dist/components/dropdown-menu/dropdown-menu-content.cjs +19 -6
- package/dist/components/dropdown-menu/dropdown-menu-content.cjs.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-content.d.ts.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-content.js +19 -6
- package/dist/components/dropdown-menu/dropdown-menu-content.js.map +1 -1
- package/dist/components/empty-state/__tests__/empty-state.test.d.ts +2 -0
- package/dist/components/empty-state/__tests__/empty-state.test.d.ts.map +1 -0
- package/dist/components/filter-chip/__tests__/filter-chip.test.d.ts +2 -0
- package/dist/components/filter-chip/__tests__/filter-chip.test.d.ts.map +1 -0
- package/dist/components/flex/__tests__/flex.test.d.ts +2 -0
- package/dist/components/flex/__tests__/flex.test.d.ts.map +1 -0
- package/dist/components/flex/flex.d.ts +3 -3
- package/dist/components/grid/__tests__/grid.test.d.ts +2 -0
- package/dist/components/grid/__tests__/grid.test.d.ts.map +1 -0
- package/dist/components/headline/__tests__/headline.test.d.ts +2 -0
- package/dist/components/headline/__tests__/headline.test.d.ts.map +1 -0
- package/dist/components/headline/headline.d.ts +1 -1
- package/dist/components/icon-button/__tests__/icon-button.test.d.ts +2 -0
- package/dist/components/icon-button/__tests__/icon-button.test.d.ts.map +1 -0
- package/dist/components/image/__tests__/image.test.d.ts +2 -0
- package/dist/components/image/__tests__/image.test.d.ts.map +1 -0
- package/dist/components/image/image.d.ts +1 -1
- package/dist/components/indicator/__tests__/indicator.test.d.ts +2 -0
- package/dist/components/indicator/__tests__/indicator.test.d.ts.map +1 -0
- package/dist/components/input-field/__tests__/input-field.test.d.ts +2 -0
- package/dist/components/input-field/__tests__/input-field.test.d.ts.map +1 -0
- package/dist/components/label/__tests__/label.test.d.ts +2 -0
- package/dist/components/label/__tests__/label.test.d.ts.map +1 -0
- package/dist/components/link/__tests__/link.test.d.ts +2 -0
- package/dist/components/link/__tests__/link.test.d.ts.map +1 -0
- package/dist/components/list/__tests__/list.test.d.ts +2 -0
- package/dist/components/list/__tests__/list.test.d.ts.map +1 -0
- package/dist/components/popover/__tests__/popover.test.d.ts +2 -0
- package/dist/components/popover/__tests__/popover.test.d.ts.map +1 -0
- package/dist/components/popover/popover.cjs.map +1 -1
- package/dist/components/popover/popover.d.ts +1 -2
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/radio/__tests__/radio.test.d.ts +2 -0
- package/dist/components/radio/__tests__/radio.test.d.ts.map +1 -0
- package/dist/components/search/__tests__/search.test.d.ts +2 -0
- package/dist/components/search/__tests__/search.test.d.ts.map +1 -0
- package/dist/components/select/__tests__/select.test.d.ts +2 -0
- package/dist/components/select/__tests__/select.test.d.ts.map +1 -0
- package/dist/components/separator/__tests__/separator.test.d.ts +2 -0
- package/dist/components/separator/__tests__/separator.test.d.ts.map +1 -0
- package/dist/components/sheet/__tests__/sheet.test.d.ts +2 -0
- package/dist/components/sheet/__tests__/sheet.test.d.ts.map +1 -0
- package/dist/components/sheet/sheet.cjs.map +1 -1
- package/dist/components/sheet/sheet.d.ts +1 -1
- package/dist/components/sheet/sheet.d.ts.map +1 -1
- package/dist/components/sheet/sheet.js.map +1 -1
- package/dist/components/side-panel/__tests__/side-panel.test.d.ts +2 -0
- package/dist/components/side-panel/__tests__/side-panel.test.d.ts.map +1 -0
- package/dist/components/sidebar/__tests__/sidebar.test.d.ts +2 -0
- package/dist/components/sidebar/__tests__/sidebar.test.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-item.cjs +37 -0
- package/dist/components/sidebar/sidebar-item.cjs.map +1 -0
- package/dist/components/sidebar/sidebar-item.d.ts +14 -0
- package/dist/components/sidebar/sidebar-item.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-item.js +35 -0
- package/dist/components/sidebar/sidebar-item.js.map +1 -0
- package/dist/components/sidebar/sidebar-main.cjs +13 -0
- package/dist/components/sidebar/sidebar-main.cjs.map +1 -0
- package/dist/components/sidebar/sidebar-main.d.ts +2 -0
- package/dist/components/sidebar/sidebar-main.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-main.js +11 -0
- package/dist/components/sidebar/sidebar-main.js.map +1 -0
- package/dist/components/sidebar/sidebar-misc.cjs +20 -0
- package/dist/components/sidebar/sidebar-misc.cjs.map +1 -0
- package/dist/components/sidebar/sidebar-misc.d.ts +9 -0
- package/dist/components/sidebar/sidebar-misc.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-misc.js +16 -0
- package/dist/components/sidebar/sidebar-misc.js.map +1 -0
- package/dist/components/sidebar/sidebar-root.cjs +34 -0
- package/dist/components/sidebar/sidebar-root.cjs.map +1 -0
- package/dist/components/sidebar/sidebar-root.d.ts +15 -0
- package/dist/components/sidebar/sidebar-root.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-root.js +31 -0
- package/dist/components/sidebar/sidebar-root.js.map +1 -0
- package/dist/components/sidebar/sidebar.cjs +10 -64
- package/dist/components/sidebar/sidebar.cjs.map +1 -1
- package/dist/components/sidebar/sidebar.d.ts +4 -29
- package/dist/components/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar.js +4 -58
- package/dist/components/sidebar/sidebar.js.map +1 -1
- package/dist/components/skeleton/__tests__/skeleton.test.d.ts +2 -0
- package/dist/components/skeleton/__tests__/skeleton.test.d.ts.map +1 -0
- package/dist/components/slider/__tests__/slider.test.d.ts +2 -0
- package/dist/components/slider/__tests__/slider.test.d.ts.map +1 -0
- package/dist/components/slider/slider.cjs +4 -21
- package/dist/components/slider/slider.cjs.map +1 -1
- package/dist/components/slider/slider.d.ts +3 -3
- package/dist/components/slider/slider.d.ts.map +1 -1
- package/dist/components/slider/slider.js +6 -4
- package/dist/components/slider/slider.js.map +1 -1
- package/dist/components/slider/slider.module.css.cjs +1 -1
- package/dist/components/slider/slider.module.css.js +1 -1
- package/dist/components/switch/__tests__/switch.test.d.ts +2 -0
- package/dist/components/switch/__tests__/switch.test.d.ts.map +1 -0
- package/dist/components/switch/switch.cjs +1 -1
- package/dist/components/switch/switch.cjs.map +1 -1
- package/dist/components/switch/switch.d.ts.map +1 -1
- package/dist/components/switch/switch.js +2 -2
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/table/__tests__/table.test.d.ts +2 -0
- package/dist/components/table/__tests__/table.test.d.ts.map +1 -0
- package/dist/components/tabs/__tests__/tabs.test.d.ts +2 -0
- package/dist/components/tabs/__tests__/tabs.test.d.ts.map +1 -0
- package/dist/components/tabs/tabs.cjs.map +1 -1
- package/dist/components/tabs/tabs.d.ts +1 -1
- package/dist/components/tabs/tabs.d.ts.map +1 -1
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/text/__tests__/text.test.d.ts +2 -0
- package/dist/components/text/__tests__/text.test.d.ts.map +1 -0
- package/dist/components/text/text.cjs +7 -5
- package/dist/components/text/text.cjs.map +1 -1
- package/dist/components/text/text.d.ts +2 -2
- package/dist/components/text/text.d.ts.map +1 -1
- package/dist/components/text/text.js +5 -3
- package/dist/components/text/text.js.map +1 -1
- package/dist/components/text-area/__tests__/text-area.test.d.ts +2 -0
- package/dist/components/text-area/__tests__/text-area.test.d.ts.map +1 -0
- package/dist/components/text-area/text-area.cjs +1 -1
- package/dist/components/text-area/text-area.cjs.map +1 -1
- package/dist/components/text-area/text-area.d.ts.map +1 -1
- package/dist/components/text-area/text-area.js +1 -1
- package/dist/components/text-area/text-area.js.map +1 -1
- package/dist/components/theme-provider/__tests__/theme-provider.test.d.ts +2 -0
- package/dist/components/theme-provider/__tests__/theme-provider.test.d.ts.map +1 -0
- package/dist/components/toast/__tests__/toast.test.d.ts +2 -0
- package/dist/components/toast/__tests__/toast.test.d.ts.map +1 -0
- package/dist/components/tooltip/__tests__/tooltip.test.d.ts +2 -0
- package/dist/components/tooltip/__tests__/tooltip.test.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip-root.d.ts +1 -1
- package/dist/figma/button.figma.d.ts +2 -0
- package/dist/figma/button.figma.d.ts.map +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19_mt5ahf6cxnui73dcsmqbdvyj2i/node_modules/@radix-ui/react-accordion/dist/index.cjs +319 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19_mt5ahf6cxnui73dcsmqbdvyj2i/node_modules/@radix-ui/react-accordion/dist/index.cjs.map +1 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19_mt5ahf6cxnui73dcsmqbdvyj2i/node_modules/@radix-ui/react-accordion/dist/index.js +307 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19_mt5ahf6cxnui73dcsmqbdvyj2i/node_modules/@radix-ui/react-accordion/dist/index.js.map +1 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.cjs +4 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.cjs.map +1 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.js +3 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +24 -21
- package/dist/test-utils.d.ts +0 -6
- package/dist/test-utils.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu-content.cjs","sources":["../../../components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["'use client';\n\nimport { Menu, MenuProps, useMenuContext } from '@ariakit/react';\nimport { Combobox, ComboboxList } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport { ElementRef, forwardRef, useRef } from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport interface MenuContentProps extends WithAsChild<MenuProps> {\n searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n ElementRef<typeof Menu>,\n MenuContentProps\n>(\n (\n { className, children, asChild, searchPlaceholder = 'Search...', ...props },\n ref\n ) => {\n const menu = useMenuContext();\n const { autocomplete } = useDropdownContext();\n const isSubMenu = !!menu?.parent;\n const comboboxRef = useRef<HTMLInputElement>(null);\n\n return (\n <Menu\n
|
|
1
|
+
{"version":3,"file":"dropdown-menu-content.cjs","sources":["../../../components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["'use client';\n\nimport { Menu, MenuProps, useMenuContext } from '@ariakit/react';\nimport { Combobox, ComboboxList } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot, VisuallyHidden } from 'radix-ui';\nimport { ElementRef, forwardRef, useEffect, useRef, useState } from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport interface MenuContentProps extends WithAsChild<MenuProps> {\n searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n ElementRef<typeof Menu>,\n MenuContentProps\n>(\n (\n { className, children, asChild, searchPlaceholder = 'Search...', ...props },\n ref\n ) => {\n const menu = useMenuContext();\n const { autocomplete } = useDropdownContext();\n const isSubMenu = !!menu?.parent;\n const comboboxRef = useRef<HTMLInputElement>(null);\n const visuallyHiddenRef = useRef<HTMLDivElement>(null);\n const [isInsideRadixDialog, setIsInsideRadixDialog] = useState(false);\n\n /*\n * This is a workaround to fix focus lock issue when the dropdown menu is inside a Radix Dialog.\n * TODO: Use Radix.Popover for the dropdown popover\n */\n useEffect(() => {\n setIsInsideRadixDialog(\n !!visuallyHiddenRef.current?.closest(\"[role='dialog']\")\n );\n }, []);\n\n return (\n <>\n <VisuallyHidden.Root ref={visuallyHiddenRef} aria-hidden='true' />\n <Menu\n ref={ref}\n modal={!isInsideRadixDialog}\n portal={!isInsideRadixDialog}\n portalElement={\n typeof window === 'undefined' || isInsideRadixDialog\n ? null\n : window?.document?.body\n }\n unmountOnHide\n gutter={isSubMenu ? 2 : 4}\n className={cx(\n styles.content,\n autocomplete && styles.comboboxContainer,\n className\n )}\n render={asChild ? <Slot.Root /> : undefined}\n {...props}\n >\n {autocomplete ? (\n <>\n <Combobox\n ref={comboboxRef}\n placeholder={searchPlaceholder}\n className={styles.comboboxInput}\n autoSelect\n onPointerEnter={e => {\n if (\n document &&\n document.activeElement !== comboboxRef.current\n )\n comboboxRef.current?.focus();\n }}\n />\n <ComboboxList className={styles.comboboxContent}>\n {children}\n </ComboboxList>\n </>\n ) : (\n children\n )}\n </Menu>\n </>\n );\n }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAea;AAQT;AACA;AACA;AACA;AACA;;AAGA;;;AAGG;;AAED;;AAKF;AASU;AACA;AAoBI;AAEE;AAEA;;AAalB;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu-content.d.ts","sourceRoot":"","sources":["../../../components/dropdown-menu/dropdown-menu-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,SAAS,EAAkB,MAAM,gBAAgB,CAAC;AAOjE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,gBAAiB,SAAQ,WAAW,CAAC,SAAS,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"dropdown-menu-content.d.ts","sourceRoot":"","sources":["../../../components/dropdown-menu/dropdown-menu-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,SAAS,EAAkB,MAAM,gBAAgB,CAAC;AAOjE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,MAAM,WAAW,gBAAiB,SAAQ,WAAW,CAAC,SAAS,CAAC;IAC9D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,mHAyE/B,CAAC"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
2
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useMenuContext } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ariakit/react-core/esm/__chunks/VIIRIBF3.js';
|
|
4
4
|
import { Menu } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ariakit/react-core/esm/menu/menu.js';
|
|
5
5
|
import { Combobox } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ariakit/react-core/esm/combobox/combobox.js';
|
|
6
6
|
import { ComboboxList } from '../../node_modules/.pnpm/@ariakit_react-core@0.4.16_react-dom@19.1.1_react@19.1.1__react@19.1.1/node_modules/@ariakit/react-core/esm/__chunks/MAXQOH4L.js';
|
|
7
7
|
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
|
|
8
|
-
import { forwardRef, useRef } from 'react';
|
|
8
|
+
import { forwardRef, useRef, useState, useEffect } from 'react';
|
|
9
9
|
import { useDropdownContext } from './dropdown-menu-root.js';
|
|
10
10
|
import styles from './dropdown-menu.module.css.js';
|
|
11
|
+
import { Root } from '../../node_modules/.pnpm/@radix-ui_react-visually-hidden@1.2.3_@types_react-dom@19.1.7_@types_react@19.1.9__@types_rea_nas2f5v5xqlignvaay23ejie7a/node_modules/@radix-ui/react-visually-hidden/dist/index.js';
|
|
11
12
|
import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-slot/dist/index.js';
|
|
12
13
|
|
|
13
14
|
const DropdownMenuContent = forwardRef(({ className, children, asChild, searchPlaceholder = 'Search...', ...props }, ref) => {
|
|
@@ -15,10 +16,22 @@ const DropdownMenuContent = forwardRef(({ className, children, asChild, searchPl
|
|
|
15
16
|
const { autocomplete } = useDropdownContext();
|
|
16
17
|
const isSubMenu = !!menu?.parent;
|
|
17
18
|
const comboboxRef = useRef(null);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
const visuallyHiddenRef = useRef(null);
|
|
20
|
+
const [isInsideRadixDialog, setIsInsideRadixDialog] = useState(false);
|
|
21
|
+
/*
|
|
22
|
+
* This is a workaround to fix focus lock issue when the dropdown menu is inside a Radix Dialog.
|
|
23
|
+
* TODO: Use Radix.Popover for the dropdown popover
|
|
24
|
+
*/
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
setIsInsideRadixDialog(!!visuallyHiddenRef.current?.closest("[role='dialog']"));
|
|
27
|
+
}, []);
|
|
28
|
+
return (jsxs(Fragment, { children: [jsx(Root, { ref: visuallyHiddenRef, "aria-hidden": 'true' }), jsx(Menu, { ref: ref, modal: !isInsideRadixDialog, portal: !isInsideRadixDialog, portalElement: typeof window === 'undefined' || isInsideRadixDialog
|
|
29
|
+
? null
|
|
30
|
+
: window?.document?.body, unmountOnHide: true, gutter: isSubMenu ? 2 : 4, className: cx(styles.content, autocomplete && styles.comboboxContainer, className), render: asChild ? jsx(Slot, {}) : undefined, ...props, children: autocomplete ? (jsxs(Fragment, { children: [jsx(Combobox, { ref: comboboxRef, placeholder: searchPlaceholder, className: styles.comboboxInput, autoSelect: true, onPointerEnter: e => {
|
|
31
|
+
if (document &&
|
|
32
|
+
document.activeElement !== comboboxRef.current)
|
|
33
|
+
comboboxRef.current?.focus();
|
|
34
|
+
} }), jsx(ComboboxList, { className: styles.comboboxContent, children: children })] })) : (children) })] }));
|
|
22
35
|
});
|
|
23
36
|
|
|
24
37
|
export { DropdownMenuContent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu-content.js","sources":["../../../components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["'use client';\n\nimport { Menu, MenuProps, useMenuContext } from '@ariakit/react';\nimport { Combobox, ComboboxList } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport { ElementRef, forwardRef, useRef } from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport interface MenuContentProps extends WithAsChild<MenuProps> {\n searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n ElementRef<typeof Menu>,\n MenuContentProps\n>(\n (\n { className, children, asChild, searchPlaceholder = 'Search...', ...props },\n ref\n ) => {\n const menu = useMenuContext();\n const { autocomplete } = useDropdownContext();\n const isSubMenu = !!menu?.parent;\n const comboboxRef = useRef<HTMLInputElement>(null);\n\n return (\n <Menu\n
|
|
1
|
+
{"version":3,"file":"dropdown-menu-content.js","sources":["../../../components/dropdown-menu/dropdown-menu-content.tsx"],"sourcesContent":["'use client';\n\nimport { Menu, MenuProps, useMenuContext } from '@ariakit/react';\nimport { Combobox, ComboboxList } from '@ariakit/react';\nimport { cx } from 'class-variance-authority';\nimport { Slot, VisuallyHidden } from 'radix-ui';\nimport { ElementRef, forwardRef, useEffect, useRef, useState } from 'react';\nimport { useDropdownContext } from './dropdown-menu-root';\nimport styles from './dropdown-menu.module.css';\nimport { WithAsChild } from './types';\n\nexport interface MenuContentProps extends WithAsChild<MenuProps> {\n searchPlaceholder?: string;\n}\n\nexport const DropdownMenuContent = forwardRef<\n ElementRef<typeof Menu>,\n MenuContentProps\n>(\n (\n { className, children, asChild, searchPlaceholder = 'Search...', ...props },\n ref\n ) => {\n const menu = useMenuContext();\n const { autocomplete } = useDropdownContext();\n const isSubMenu = !!menu?.parent;\n const comboboxRef = useRef<HTMLInputElement>(null);\n const visuallyHiddenRef = useRef<HTMLDivElement>(null);\n const [isInsideRadixDialog, setIsInsideRadixDialog] = useState(false);\n\n /*\n * This is a workaround to fix focus lock issue when the dropdown menu is inside a Radix Dialog.\n * TODO: Use Radix.Popover for the dropdown popover\n */\n useEffect(() => {\n setIsInsideRadixDialog(\n !!visuallyHiddenRef.current?.closest(\"[role='dialog']\")\n );\n }, []);\n\n return (\n <>\n <VisuallyHidden.Root ref={visuallyHiddenRef} aria-hidden='true' />\n <Menu\n ref={ref}\n modal={!isInsideRadixDialog}\n portal={!isInsideRadixDialog}\n portalElement={\n typeof window === 'undefined' || isInsideRadixDialog\n ? null\n : window?.document?.body\n }\n unmountOnHide\n gutter={isSubMenu ? 2 : 4}\n className={cx(\n styles.content,\n autocomplete && styles.comboboxContainer,\n className\n )}\n render={asChild ? <Slot.Root /> : undefined}\n {...props}\n >\n {autocomplete ? (\n <>\n <Combobox\n ref={comboboxRef}\n placeholder={searchPlaceholder}\n className={styles.comboboxInput}\n autoSelect\n onPointerEnter={e => {\n if (\n document &&\n document.activeElement !== comboboxRef.current\n )\n comboboxRef.current?.focus();\n }}\n />\n <ComboboxList className={styles.comboboxContent}>\n {children}\n </ComboboxList>\n </>\n ) : (\n children\n )}\n </Menu>\n </>\n );\n }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;AAea;AAQT;AACA;AACA;AACA;AACA;;AAGA;;;AAGG;;AAED;;AAKF;AASU;AACA;AAoBI;AAEE;AAEA;;AAalB;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"empty-state.test.d.ts","sourceRoot":"","sources":["../../../../components/empty-state/__tests__/empty-state.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"filter-chip.test.d.ts","sourceRoot":"","sources":["../../../../components/filter-chip/__tests__/filter-chip.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"flex.test.d.ts","sourceRoot":"","sources":["../../../../components/flex/__tests__/flex.test.tsx"],"names":[],"mappings":""}
|
|
@@ -2,10 +2,10 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import { HTMLAttributes } from 'react';
|
|
3
3
|
export declare const Flex: import("react").ForwardRefExoticComponent<VariantProps<(props?: ({
|
|
4
4
|
direction?: "row" | "column" | "rowReverse" | "columnReverse" | null | undefined;
|
|
5
|
-
align?: "
|
|
6
|
-
justify?: "
|
|
5
|
+
align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
|
|
6
|
+
justify?: "center" | "start" | "end" | "between" | null | undefined;
|
|
7
7
|
wrap?: "wrap" | "noWrap" | "wrapReverse" | null | undefined;
|
|
8
|
-
gap?: 1 |
|
|
8
|
+
gap?: 1 | "small" | 2 | "extra-small" | "medium" | "large" | "extra-large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | null | undefined;
|
|
9
9
|
width?: "full" | null | undefined;
|
|
10
10
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
|
|
11
11
|
children?: import("react").ReactNode;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid.test.d.ts","sourceRoot":"","sources":["../../../../components/grid/__tests__/grid.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"headline.test.d.ts","sourceRoot":"","sources":["../../../../components/headline/__tests__/headline.test.tsx"],"names":[],"mappings":""}
|
|
@@ -21,7 +21,7 @@ export declare const Headline: import("react").ForwardRefExoticComponent<Variant
|
|
|
21
21
|
*/
|
|
22
22
|
size?: "small" | "medium" | "large" | "t1" | "t2" | "t3" | "t4" | undefined;
|
|
23
23
|
} & HTMLAttributes<HTMLHeadingElement> & {
|
|
24
|
-
as?: "
|
|
24
|
+
as?: "h2" | "h3" | "h1" | "h4" | "h5" | "h6" | undefined;
|
|
25
25
|
} & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
26
26
|
export {};
|
|
27
27
|
//# sourceMappingURL=headline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-button.test.d.ts","sourceRoot":"","sources":["../../../../components/icon-button/__tests__/icon-button.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.test.d.ts","sourceRoot":"","sources":["../../../../components/image/__tests__/image.test.tsx"],"names":[],"mappings":""}
|
|
@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import { ImgHTMLAttributes } from 'react';
|
|
3
3
|
declare const image: (props?: ({
|
|
4
4
|
fit?: "fill" | "contain" | "cover" | null | undefined;
|
|
5
|
-
radius?: "small" | "
|
|
5
|
+
radius?: "small" | "none" | "medium" | "full" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
interface ImageProps extends ImgHTMLAttributes<HTMLImageElement>, VariantProps<typeof image> {
|
|
8
8
|
fallback?: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"indicator.test.d.ts","sourceRoot":"","sources":["../../../../components/indicator/__tests__/indicator.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-field.test.d.ts","sourceRoot":"","sources":["../../../../components/input-field/__tests__/input-field.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.test.d.ts","sourceRoot":"","sources":["../../../../components/label/__tests__/label.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.test.d.ts","sourceRoot":"","sources":["../../../../components/link/__tests__/link.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.test.d.ts","sourceRoot":"","sources":["../../../../components/list/__tests__/list.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.test.d.ts","sourceRoot":"","sources":["../../../../components/popover/__tests__/popover.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.cjs","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\
|
|
1
|
+
{"version":3,"file":"popover.cjs","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\nexport interface PopoverContentProps\n extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n PopoverContentProps\n>(\n (\n {\n className,\n align = 'center',\n sideOffset = 4,\n ariaLabel = 'Popover content',\n collisionPadding = 3,\n ...props\n },\n ref\n ) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n collisionPadding={collisionPadding}\n avoidCollisions\n className={popoverContent({ className })}\n role='dialog'\n aria-modal='true'\n aria-label={ariaLabel}\n {...props}\n >\n {props.children}\n </PopoverPrimitive.Content>\n </PopoverPrimitive.Portal>\n )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n Trigger: PopoverPrimitive.Trigger,\n Close: PopoverPrimitive.Close,\n Content: PopoverContent\n});\n"],"names":[],"mappings":";;;;;;;;;AAQA;AAOA;AAiCA;AAEa;;;AAGX;AACD;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Popover as PopoverPrimitive } from 'radix-ui';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
|
|
3
|
+
export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {
|
|
4
4
|
ariaLabel?: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const Popover: React.FC<PopoverPrimitive.PopoverProps> & {
|
|
@@ -8,5 +8,4 @@ export declare const Popover: React.FC<PopoverPrimitive.PopoverProps> & {
|
|
|
8
8
|
Close: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
9
9
|
Content: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
10
|
};
|
|
11
|
-
export {};
|
|
12
11
|
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../components/popover/popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../components/popover/popover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqCD,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.js","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\
|
|
1
|
+
{"version":3,"file":"popover.js","sources":["../../../components/popover/popover.tsx"],"sourcesContent":["'use client';\n\nimport { cva } from 'class-variance-authority';\nimport { Popover as PopoverPrimitive } from 'radix-ui';\nimport React from 'react';\n\nimport styles from './popover.module.css';\n\nconst popoverContent = cva(styles.popover);\n\nexport interface PopoverContentProps\n extends React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> {\n ariaLabel?: string;\n}\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef<typeof PopoverPrimitive.Content>,\n PopoverContentProps\n>(\n (\n {\n className,\n align = 'center',\n sideOffset = 4,\n ariaLabel = 'Popover content',\n collisionPadding = 3,\n ...props\n },\n ref\n ) => (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n ref={ref}\n align={align}\n sideOffset={sideOffset}\n collisionPadding={collisionPadding}\n avoidCollisions\n className={popoverContent({ className })}\n role='dialog'\n aria-modal='true'\n aria-label={ariaLabel}\n {...props}\n >\n {props.children}\n </PopoverPrimitive.Content>\n </PopoverPrimitive.Portal>\n )\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const Popover = Object.assign(PopoverPrimitive.Root, {\n Trigger: PopoverPrimitive.Trigger,\n Close: PopoverPrimitive.Close,\n Content: PopoverContent\n});\n"],"names":[],"mappings":";;;;;;;AAQA;AAOA;AAiCA;AAEa;;;AAGX;AACD;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.test.d.ts","sourceRoot":"","sources":["../../../../components/radio/__tests__/radio.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"search.test.d.ts","sourceRoot":"","sources":["../../../../components/search/__tests__/search.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.test.d.ts","sourceRoot":"","sources":["../../../../components/select/__tests__/select.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.test.d.ts","sourceRoot":"","sources":["../../../../components/separator/__tests__/separator.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheet.test.d.ts","sourceRoot":"","sources":["../../../../components/sheet/__tests__/sheet.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.cjs","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n variants: {\n side: {\n top: styles['sheetContent-top'],\n bottom: styles['sheetContent-bottom'],\n left: styles['sheetContent-left'],\n right: styles['sheetContent-right']\n }\n },\n defaultVariants: {\n side: 'right'\n }\n});\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof sheetContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n (\n { className, children, close, side, ariaLabel, ariaDescription, ...props },\n forwardedRef\n ) => {\n return (\n <DialogPrimitive.Portal>\n <Overlay>\n <DialogPrimitive.Content\n {...props}\n ref={forwardedRef}\n className={sheetContent({ side, className })}\n aria-label={ariaLabel || 'Sheet with overlay'}\n aria-describedby={\n ariaDescription ? 'sheet with overlay' : undefined\n }\n role='dialog'\n tabIndex={-1}\n >\n {children}\n {close && (\n <CloseButton aria-label='Close sheet'>\n <Cross1Icon aria-hidden='true' />\n </CloseButton>\n )}\n {ariaDescription && (\n <div id='sheet-description' className='sr-only'>\n {ariaDescription}\n </div>\n )}\n </DialogPrimitive.Content>\n </Overlay>\n </DialogPrimitive.Portal>\n );\n }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n ElementRef<typeof DialogPrimitive.Overlay>,\n OverlayProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={overlay({ className })}\n aria-hidden='true'\n role='presentation'\n {...props}\n />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n children,\n className,\n ...props\n}: CloseButtonProps) {\n return (\n <DialogPrimitive.Close\n className={close({ className })}\n {...props}\n aria-label='Close'\n >\n {children}\n </DialogPrimitive.Close>\n );\n}\n\
|
|
1
|
+
{"version":3,"file":"sheet.cjs","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n variants: {\n side: {\n top: styles['sheetContent-top'],\n bottom: styles['sheetContent-bottom'],\n left: styles['sheetContent-left'],\n right: styles['sheetContent-right']\n }\n },\n defaultVariants: {\n side: 'right'\n }\n});\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof sheetContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n (\n { className, children, close, side, ariaLabel, ariaDescription, ...props },\n forwardedRef\n ) => {\n return (\n <DialogPrimitive.Portal>\n <Overlay>\n <DialogPrimitive.Content\n {...props}\n ref={forwardedRef}\n className={sheetContent({ side, className })}\n aria-label={ariaLabel || 'Sheet with overlay'}\n aria-describedby={\n ariaDescription ? 'sheet with overlay' : undefined\n }\n role='dialog'\n tabIndex={-1}\n >\n {children}\n {close && (\n <CloseButton aria-label='Close sheet'>\n <Cross1Icon aria-hidden='true' />\n </CloseButton>\n )}\n {ariaDescription && (\n <div id='sheet-description' className='sr-only'>\n {ariaDescription}\n </div>\n )}\n </DialogPrimitive.Content>\n </Overlay>\n </DialogPrimitive.Portal>\n );\n }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n ElementRef<typeof DialogPrimitive.Overlay>,\n OverlayProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={overlay({ className })}\n aria-hidden='true'\n role='presentation'\n {...props}\n />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n children,\n className,\n ...props\n}: CloseButtonProps) {\n return (\n <DialogPrimitive.Close\n className={close({ className })}\n {...props}\n aria-label='Close'\n >\n {children}\n </DialogPrimitive.Close>\n );\n}\n\nexport type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n Trigger: DialogPrimitive.Trigger,\n Content: SheetContent,\n Close: DialogPrimitive.Close,\n Title: DialogPrimitive.Title,\n Description: DialogPrimitive.Description\n});\n"],"names":[],"mappings":";;;;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;;;AAID;;;;;"}
|
|
@@ -17,7 +17,7 @@ export interface OverlayProps extends ComponentPropsWithoutRef<typeof DialogPrim
|
|
|
17
17
|
}
|
|
18
18
|
type CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;
|
|
19
19
|
export declare function CloseButton({ children, className, ...props }: CloseButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {
|
|
20
|
+
export type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {
|
|
21
21
|
ariaLabel?: string;
|
|
22
22
|
};
|
|
23
23
|
export declare function RootSheet({ children, ariaLabel, ...props }: SheetProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../components/sheet/sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,YAAY;;8EAYhB,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY;;eAE4B,MAAM,SAAS;kDAoCnE,CAAC;AAEF,QAAA,MAAM,OAAO,oFAAsB,CAAC;AACpC,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAkBnC,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAErE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../components/sheet/sheet.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,cAAc,EACd,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAIf,QAAA,MAAM,YAAY;;8EAYhB,CAAC;AAEH,MAAM,WAAW,kBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY;;eAE4B,MAAM,SAAS;kDAoCnE,CAAC;AAEF,QAAA,MAAM,OAAO,oFAAsB,CAAC;AACpC,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAC9D,YAAY,CAAC,OAAO,OAAO,CAAC;CAAG;AAkBnC,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAErE,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAUlB;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAEtE;AAED,eAAO,MAAM,KAAK;;;;mBArFmC,MAAM,SAAS;;;;;CA2FlE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.js","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n variants: {\n side: {\n top: styles['sheetContent-top'],\n bottom: styles['sheetContent-bottom'],\n left: styles['sheetContent-left'],\n right: styles['sheetContent-right']\n }\n },\n defaultVariants: {\n side: 'right'\n }\n});\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof sheetContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n (\n { className, children, close, side, ariaLabel, ariaDescription, ...props },\n forwardedRef\n ) => {\n return (\n <DialogPrimitive.Portal>\n <Overlay>\n <DialogPrimitive.Content\n {...props}\n ref={forwardedRef}\n className={sheetContent({ side, className })}\n aria-label={ariaLabel || 'Sheet with overlay'}\n aria-describedby={\n ariaDescription ? 'sheet with overlay' : undefined\n }\n role='dialog'\n tabIndex={-1}\n >\n {children}\n {close && (\n <CloseButton aria-label='Close sheet'>\n <Cross1Icon aria-hidden='true' />\n </CloseButton>\n )}\n {ariaDescription && (\n <div id='sheet-description' className='sr-only'>\n {ariaDescription}\n </div>\n )}\n </DialogPrimitive.Content>\n </Overlay>\n </DialogPrimitive.Portal>\n );\n }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n ElementRef<typeof DialogPrimitive.Overlay>,\n OverlayProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={overlay({ className })}\n aria-hidden='true'\n role='presentation'\n {...props}\n />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n children,\n className,\n ...props\n}: CloseButtonProps) {\n return (\n <DialogPrimitive.Close\n className={close({ className })}\n {...props}\n aria-label='Close'\n >\n {children}\n </DialogPrimitive.Close>\n );\n}\n\
|
|
1
|
+
{"version":3,"file":"sheet.js","sources":["../../../components/sheet/sheet.tsx"],"sourcesContent":["'use client';\n\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { VariantProps, cva } from 'class-variance-authority';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\nimport {\n ComponentProps,\n ComponentPropsWithoutRef,\n ElementRef,\n forwardRef\n} from 'react';\n\nimport styles from './sheet.module.css';\n\nconst sheetContent = cva(styles.sheetContent, {\n variants: {\n side: {\n top: styles['sheetContent-top'],\n bottom: styles['sheetContent-bottom'],\n left: styles['sheetContent-left'],\n right: styles['sheetContent-right']\n }\n },\n defaultVariants: {\n side: 'right'\n }\n});\n\nexport interface DialogContentProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Content>,\n VariantProps<typeof sheetContent> {\n ariaLabel?: string;\n ariaDescription?: string;\n}\n\nexport const SheetContent = forwardRef<\n ElementRef<typeof DialogPrimitive.Content>,\n DialogContentProps & { close?: boolean; children?: React.ReactNode }\n>(\n (\n { className, children, close, side, ariaLabel, ariaDescription, ...props },\n forwardedRef\n ) => {\n return (\n <DialogPrimitive.Portal>\n <Overlay>\n <DialogPrimitive.Content\n {...props}\n ref={forwardedRef}\n className={sheetContent({ side, className })}\n aria-label={ariaLabel || 'Sheet with overlay'}\n aria-describedby={\n ariaDescription ? 'sheet with overlay' : undefined\n }\n role='dialog'\n tabIndex={-1}\n >\n {children}\n {close && (\n <CloseButton aria-label='Close sheet'>\n <Cross1Icon aria-hidden='true' />\n </CloseButton>\n )}\n {ariaDescription && (\n <div id='sheet-description' className='sr-only'>\n {ariaDescription}\n </div>\n )}\n </DialogPrimitive.Content>\n </Overlay>\n </DialogPrimitive.Portal>\n );\n }\n);\n\nconst overlay = cva(styles.overlay);\nexport interface OverlayProps\n extends ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>,\n VariantProps<typeof overlay> {}\n\nconst Overlay = forwardRef<\n ElementRef<typeof DialogPrimitive.Overlay>,\n OverlayProps\n>(({ className, ...props }, ref) => (\n <DialogPrimitive.Overlay\n ref={ref}\n className={overlay({ className })}\n aria-hidden='true'\n role='presentation'\n {...props}\n />\n));\n\nOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst close = cva(styles.close);\ntype CloseButtonProps = ComponentProps<typeof DialogPrimitive.Close>;\n\nexport function CloseButton({\n children,\n className,\n ...props\n}: CloseButtonProps) {\n return (\n <DialogPrimitive.Close\n className={close({ className })}\n {...props}\n aria-label='Close'\n >\n {children}\n </DialogPrimitive.Close>\n );\n}\n\nexport type SheetProps = ComponentProps<typeof DialogPrimitive.Root> & {\n ariaLabel?: string;\n};\n\nexport function RootSheet({ children, ariaLabel, ...props }: SheetProps) {\n return <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>;\n}\n\nexport const Sheet = Object.assign(RootSheet, {\n Trigger: DialogPrimitive.Trigger,\n Content: SheetContent,\n Close: DialogPrimitive.Close,\n Title: DialogPrimitive.Title,\n Description: DialogPrimitive.Description\n});\n"],"names":[],"mappings":";;;;;;;;AAcA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AASY;AAQT;AA6BF;AAGF;AAKA;AAaA;AAEA;AAGM;;AAcN;AAMM;;AAEN;;;AAIE;;;;AAID;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-panel.test.d.ts","sourceRoot":"","sources":["../../../../components/side-panel/__tests__/side-panel.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.test.d.ts","sourceRoot":"","sources":["../../../../components/sidebar/__tests__/sidebar.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var avatar = require('../avatar/avatar.cjs');
|
|
8
|
+
var flex = require('../flex/flex.cjs');
|
|
9
|
+
var tooltip = require('../tooltip/tooltip.cjs');
|
|
10
|
+
var sidebarRoot = require('./sidebar-root.cjs');
|
|
11
|
+
var sidebar_module = require('./sidebar.module.css.cjs');
|
|
12
|
+
|
|
13
|
+
const SidebarItem = React.forwardRef(({ classNames, leadingIcon, children, active, disabled, as = jsxRuntime.jsx("a", {}), ...props }, ref) => {
|
|
14
|
+
const { isCollapsed, hideCollapsedItemTooltip } = React.useContext(sidebarRoot.SidebarContext);
|
|
15
|
+
const shouldShowFallback = leadingIcon == undefined &&
|
|
16
|
+
isCollapsed &&
|
|
17
|
+
typeof children === 'string' &&
|
|
18
|
+
children.length > 0;
|
|
19
|
+
const content = React.cloneElement(as, {
|
|
20
|
+
ref,
|
|
21
|
+
className: index.cx(sidebar_module.default['nav-item'], classNames?.root),
|
|
22
|
+
'data-active': active,
|
|
23
|
+
'data-disabled': disabled,
|
|
24
|
+
role: 'menuitem',
|
|
25
|
+
'aria-current': active ? 'page' : undefined,
|
|
26
|
+
'aria-disabled': disabled,
|
|
27
|
+
...props
|
|
28
|
+
}, jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(flex.Flex, { align: 'center', gap: 3, className: index.cx(sidebar_module.default['nav-leading-icon'], classNames?.leadingIcon), "aria-hidden": 'true', children: shouldShowFallback ? (jsxRuntime.jsx(avatar.Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } })) : (leadingIcon) }), !isCollapsed && jsxRuntime.jsx("span", { className: sidebar_module.default['nav-text'], children: children })] }));
|
|
29
|
+
if (isCollapsed && !hideCollapsedItemTooltip) {
|
|
30
|
+
return (jsxRuntime.jsx(tooltip.Tooltip, { message: children, side: 'right', children: content }));
|
|
31
|
+
}
|
|
32
|
+
return content;
|
|
33
|
+
});
|
|
34
|
+
SidebarItem.displayName = 'Sidebar.Item';
|
|
35
|
+
|
|
36
|
+
exports.SidebarItem = SidebarItem;
|
|
37
|
+
//# sourceMappingURL=sidebar-item.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-item.cjs","sources":["../../../components/sidebar/sidebar-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n ComponentPropsWithoutRef,\n ReactElement,\n ReactNode,\n cloneElement,\n forwardRef,\n useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport { SidebarContext } from './sidebar-root';\nimport styles from './sidebar.module.css';\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n leadingIcon?: ReactNode;\n active?: boolean;\n disabled?: boolean;\n as?: ReactElement;\n classNames?: {\n root?: string;\n leadingIcon?: string;\n text?: string;\n };\n}\n\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n (\n {\n classNames,\n leadingIcon,\n children,\n active,\n disabled,\n as = <a />,\n ...props\n },\n ref\n ) => {\n const { isCollapsed, hideCollapsedItemTooltip } =\n useContext(SidebarContext);\n\n const shouldShowFallback =\n leadingIcon == undefined &&\n isCollapsed &&\n typeof children === 'string' &&\n children.length > 0;\n\n const content = cloneElement(\n as,\n {\n ref,\n className: cx(styles['nav-item'], classNames?.root),\n 'data-active': active,\n 'data-disabled': disabled,\n role: 'menuitem',\n 'aria-current': active ? 'page' : undefined,\n 'aria-disabled': disabled,\n ...props\n },\n <>\n <Flex\n align='center'\n gap={3}\n className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n aria-hidden='true'\n >\n {shouldShowFallback ? (\n <Avatar\n size={1}\n variant='soft'\n color='neutral'\n fallback={children[0].toUpperCase()}\n style={{ cursor: 'pointer' }}\n />\n ) : (\n leadingIcon\n )}\n </Flex>\n {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n </>\n );\n\n if (isCollapsed && !hideCollapsedItemTooltip) {\n return (\n <Tooltip message={children} side='right'>\n {content}\n </Tooltip>\n );\n }\n\n return content;\n }\n);\n\nSidebarItem.displayName = 'Sidebar.Item';\n"],"names":[],"mappings":";;;;;;;;;;;;AA6BO;;AAgBH;;;AAIE;AAEF;;;AAKI;AACA;AACA;;AAEA;AACA;AACD;AAwBH;AACE;;AAOF;AACF;AAGF;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
|
|
2
|
+
export interface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {
|
|
3
|
+
leadingIcon?: ReactNode;
|
|
4
|
+
active?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
as?: ReactElement;
|
|
7
|
+
classNames?: {
|
|
8
|
+
root?: string;
|
|
9
|
+
leadingIcon?: string;
|
|
10
|
+
text?: string;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
export declare const SidebarItem: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
14
|
+
//# sourceMappingURL=sidebar-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-item.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-item.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,wBAAwB,EACxB,YAAY,EACZ,SAAS,EAIV,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,GAAG,CAAC;IACrE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,eAAO,MAAM,WAAW,gHAmEvB,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
|
|
4
|
+
import { forwardRef, useContext, cloneElement } from 'react';
|
|
5
|
+
import { Avatar } from '../avatar/avatar.js';
|
|
6
|
+
import { Flex } from '../flex/flex.js';
|
|
7
|
+
import { Tooltip } from '../tooltip/tooltip.js';
|
|
8
|
+
import { SidebarContext } from './sidebar-root.js';
|
|
9
|
+
import styles from './sidebar.module.css.js';
|
|
10
|
+
|
|
11
|
+
const SidebarItem = forwardRef(({ classNames, leadingIcon, children, active, disabled, as = jsx("a", {}), ...props }, ref) => {
|
|
12
|
+
const { isCollapsed, hideCollapsedItemTooltip } = useContext(SidebarContext);
|
|
13
|
+
const shouldShowFallback = leadingIcon == undefined &&
|
|
14
|
+
isCollapsed &&
|
|
15
|
+
typeof children === 'string' &&
|
|
16
|
+
children.length > 0;
|
|
17
|
+
const content = cloneElement(as, {
|
|
18
|
+
ref,
|
|
19
|
+
className: cx(styles['nav-item'], classNames?.root),
|
|
20
|
+
'data-active': active,
|
|
21
|
+
'data-disabled': disabled,
|
|
22
|
+
role: 'menuitem',
|
|
23
|
+
'aria-current': active ? 'page' : undefined,
|
|
24
|
+
'aria-disabled': disabled,
|
|
25
|
+
...props
|
|
26
|
+
}, jsxs(Fragment, { children: [jsx(Flex, { align: 'center', gap: 3, className: cx(styles['nav-leading-icon'], classNames?.leadingIcon), "aria-hidden": 'true', children: shouldShowFallback ? (jsx(Avatar, { size: 1, variant: 'soft', color: 'neutral', fallback: children[0].toUpperCase(), style: { cursor: 'pointer' } })) : (leadingIcon) }), !isCollapsed && jsx("span", { className: styles['nav-text'], children: children })] }));
|
|
27
|
+
if (isCollapsed && !hideCollapsedItemTooltip) {
|
|
28
|
+
return (jsx(Tooltip, { message: children, side: 'right', children: content }));
|
|
29
|
+
}
|
|
30
|
+
return content;
|
|
31
|
+
});
|
|
32
|
+
SidebarItem.displayName = 'Sidebar.Item';
|
|
33
|
+
|
|
34
|
+
export { SidebarItem };
|
|
35
|
+
//# sourceMappingURL=sidebar-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-item.js","sources":["../../../components/sidebar/sidebar-item.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'class-variance-authority';\nimport {\n ComponentPropsWithoutRef,\n ReactElement,\n ReactNode,\n cloneElement,\n forwardRef,\n useContext\n} from 'react';\nimport { Avatar } from '../avatar';\nimport { Flex } from '../flex';\nimport { Tooltip } from '../tooltip';\nimport { SidebarContext } from './sidebar-root';\nimport styles from './sidebar.module.css';\n\nexport interface SidebarItemProps extends ComponentPropsWithoutRef<'a'> {\n leadingIcon?: ReactNode;\n active?: boolean;\n disabled?: boolean;\n as?: ReactElement;\n classNames?: {\n root?: string;\n leadingIcon?: string;\n text?: string;\n };\n}\n\nexport const SidebarItem = forwardRef<HTMLAnchorElement, SidebarItemProps>(\n (\n {\n classNames,\n leadingIcon,\n children,\n active,\n disabled,\n as = <a />,\n ...props\n },\n ref\n ) => {\n const { isCollapsed, hideCollapsedItemTooltip } =\n useContext(SidebarContext);\n\n const shouldShowFallback =\n leadingIcon == undefined &&\n isCollapsed &&\n typeof children === 'string' &&\n children.length > 0;\n\n const content = cloneElement(\n as,\n {\n ref,\n className: cx(styles['nav-item'], classNames?.root),\n 'data-active': active,\n 'data-disabled': disabled,\n role: 'menuitem',\n 'aria-current': active ? 'page' : undefined,\n 'aria-disabled': disabled,\n ...props\n },\n <>\n <Flex\n align='center'\n gap={3}\n className={cx(styles['nav-leading-icon'], classNames?.leadingIcon)}\n aria-hidden='true'\n >\n {shouldShowFallback ? (\n <Avatar\n size={1}\n variant='soft'\n color='neutral'\n fallback={children[0].toUpperCase()}\n style={{ cursor: 'pointer' }}\n />\n ) : (\n leadingIcon\n )}\n </Flex>\n {!isCollapsed && <span className={styles['nav-text']}>{children}</span>}\n </>\n );\n\n if (isCollapsed && !hideCollapsedItemTooltip) {\n return (\n <Tooltip message={children} side='right'>\n {content}\n </Tooltip>\n );\n }\n\n return content;\n }\n);\n\nSidebarItem.displayName = 'Sidebar.Item';\n"],"names":[],"mappings":";;;;;;;;;;AA6BO;;AAgBH;;;AAIE;AAEF;;;AAKI;AACA;AACA;;AAEA;AACA;AACD;AAwBH;AACE;;AAOF;AACF;AAGF;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var flex = require('../flex/flex.cjs');
|
|
7
|
+
var sidebar_module = require('./sidebar.module.css.cjs');
|
|
8
|
+
|
|
9
|
+
const SidebarMain = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, className: sidebar_module.default.main, direction: 'column', role: 'group', "aria-label": 'Main navigation', ...props, children: children })));
|
|
10
|
+
SidebarMain.displayName = 'Sidebar.Main';
|
|
11
|
+
|
|
12
|
+
exports.SidebarMain = SidebarMain;
|
|
13
|
+
//# sourceMappingURL=sidebar-main.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-main.cjs","sources":["../../../components/sidebar/sidebar-main.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentPropsWithoutRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './sidebar.module.css';\n\nexport const SidebarMain = forwardRef<\n HTMLDivElement,\n ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n <Flex\n ref={ref}\n className={styles.main}\n direction='column'\n role='group'\n aria-label='Main navigation'\n {...props}\n >\n {children}\n </Flex>\n));\n\nSidebarMain.displayName = 'Sidebar.Main';\n"],"names":[],"mappings":";;;;;;;;;AAsBA;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare const SidebarMain: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
2
|
+
//# sourceMappingURL=sidebar-main.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-main.d.ts","sourceRoot":"","sources":["../../../components/sidebar/sidebar-main.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,WAAW,2MActB,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { Flex } from '../flex/flex.js';
|
|
5
|
+
import styles from './sidebar.module.css.js';
|
|
6
|
+
|
|
7
|
+
const SidebarMain = forwardRef(({ className, children, ...props }, ref) => (jsx(Flex, { ref: ref, className: styles.main, direction: 'column', role: 'group', "aria-label": 'Main navigation', ...props, children: children })));
|
|
8
|
+
SidebarMain.displayName = 'Sidebar.Main';
|
|
9
|
+
|
|
10
|
+
export { SidebarMain };
|
|
11
|
+
//# sourceMappingURL=sidebar-main.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-main.js","sources":["../../../components/sidebar/sidebar-main.tsx"],"sourcesContent":["'use client';\n\nimport { ComponentPropsWithoutRef, forwardRef } from 'react';\nimport { Flex } from '../flex';\nimport styles from './sidebar.module.css';\n\nexport const SidebarMain = forwardRef<\n HTMLDivElement,\n ComponentPropsWithoutRef<'div'>\n>(({ className, children, ...props }, ref) => (\n <Flex\n ref={ref}\n className={styles.main}\n direction='column'\n role='group'\n aria-label='Main navigation'\n {...props}\n >\n {children}\n </Flex>\n));\n\nSidebarMain.displayName = 'Sidebar.Main';\n"],"names":[],"mappings":";;;;;;;AAsBA;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var flex = require('../flex/flex.cjs');
|
|
8
|
+
var sidebar_module = require('./sidebar.module.css.cjs');
|
|
9
|
+
|
|
10
|
+
const SidebarHeader = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { align: 'center', ref: ref, className: sidebar_module.default.header, role: 'banner', ...props, children: children })));
|
|
11
|
+
SidebarHeader.displayName = 'Sidebar.Header';
|
|
12
|
+
const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntime.jsx(flex.Flex, { ref: ref, className: sidebar_module.default.footer, direction: 'column', role: 'group', "aria-label": 'Footer navigation', ...props, children: children })));
|
|
13
|
+
SidebarFooter.displayName = 'Sidebar.Footer';
|
|
14
|
+
const SidebarNavigationGroup = React.forwardRef(({ className, label, leadingIcon, children, ...props }, ref) => (jsxRuntime.jsxs("section", { ref: ref, className: index.cx(sidebar_module.default['nav-group'], className), "aria-label": label, ...props, children: [jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 3, className: sidebar_module.default['nav-group-header'], children: [leadingIcon && (jsxRuntime.jsx("span", { className: sidebar_module.default['nav-leading-icon'], children: leadingIcon })), jsxRuntime.jsx("span", { className: sidebar_module.default['nav-group-label'], children: label })] }), jsxRuntime.jsx(flex.Flex, { direction: 'column', className: sidebar_module.default['nav-group-items'], role: 'list', children: children })] })));
|
|
15
|
+
SidebarNavigationGroup.displayName = 'Sidebar.Group';
|
|
16
|
+
|
|
17
|
+
exports.SidebarFooter = SidebarFooter;
|
|
18
|
+
exports.SidebarHeader = SidebarHeader;
|
|
19
|
+
exports.SidebarNavigationGroup = SidebarNavigationGroup;
|
|
20
|
+
//# sourceMappingURL=sidebar-misc.cjs.map
|