@bi-digital/react 0.3.1 → 0.3.3
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/alert-C6PxDwHt.js.map +1 -1
- package/dist/alert-footer-DL4rCThp.js.map +1 -1
- package/dist/{alert-footer-BS7TXc1g.d.ts → alert-footer-DWZoQIek.d.ts} +67 -67
- package/dist/avatar-6Q2xwviO.js.map +1 -1
- package/dist/badge-D9OVAKG8.js.map +1 -1
- package/dist/button-fhd-JARc.js.map +1 -1
- package/dist/card-QAnFhTk6.js.map +1 -1
- package/dist/card-action-D8M3_IVq.js.map +1 -1
- package/dist/card-actions-CIsnmxsm.js.map +1 -1
- package/dist/card-content-DkEHp8mv.js.map +1 -1
- package/dist/card-date-Bd87BGDE.js.map +1 -1
- package/dist/card-header-D-RMd4xS.js.map +1 -1
- package/dist/card-media-DhU2_Ueq.js.map +1 -1
- package/dist/checkbox-ZR1Z2PCF.js.map +1 -1
- package/dist/checkbox-subsection-BPe5aj-W.js.map +1 -1
- package/dist/chip-b9xUiF7_.js.map +1 -1
- package/dist/components/alert/alert-footer.d.ts +2 -2
- package/dist/components/alert/alert.d.ts +2 -2
- package/dist/components/alert/index.d.ts +2 -2
- package/dist/components/avatar/avatar.d.ts +2 -2
- package/dist/components/avatar/index.d.ts +2 -2
- package/dist/components/badge/badge.d.ts +2 -2
- package/dist/components/badge/index.d.ts +2 -2
- package/dist/components/button/button.d.ts +2 -2
- package/dist/components/button/index.d.ts +2 -2
- package/dist/components/card/card-action.d.ts +2 -2
- package/dist/components/card/card-actions.d.ts +2 -2
- package/dist/components/card/card-content.d.ts +2 -2
- package/dist/components/card/card-date.d.ts +2 -2
- package/dist/components/card/card-header.d.ts +2 -2
- package/dist/components/card/card-media.d.ts +2 -2
- package/dist/components/card/card.d.ts +2 -2
- package/dist/components/card/index.d.ts +2 -2
- package/dist/components/checkbox/checkbox-subsection.d.ts +2 -2
- package/dist/components/checkbox/checkbox.d.ts +2 -2
- package/dist/components/checkbox/index.d.ts +2 -2
- package/dist/components/chip/chip.d.ts +2 -2
- package/dist/components/chip/index.d.ts +2 -2
- package/dist/components/dialog/dialog-close-button.d.ts +2 -2
- package/dist/components/dialog/dialog-content.d.ts +2 -2
- package/dist/components/dialog/dialog-footer.d.ts +2 -2
- package/dist/components/dialog/dialog-header.d.ts +2 -2
- package/dist/components/dialog/dialog-trigger-context.d.ts +1 -1
- package/dist/components/dialog/dialog-trigger.d.ts +2 -2
- package/dist/components/dialog/dialog.d.ts +2 -2
- package/dist/components/dialog/index.d.ts +2 -2
- package/dist/components/drawer/drawer-close-button.d.ts +2 -2
- package/dist/components/drawer/drawer-content.d.ts +2 -2
- package/dist/components/drawer/drawer-footer.d.ts +2 -2
- package/dist/components/drawer/drawer-header.d.ts +2 -2
- package/dist/components/drawer/drawer-trigger.d.ts +2 -2
- package/dist/components/drawer/drawer.d.ts +2 -2
- package/dist/components/drawer/index.d.ts +2 -2
- package/dist/components/dropdown/dropdown-button.d.ts +2 -2
- package/dist/components/dropdown/dropdown-trigger-context.d.ts +2 -2
- package/dist/components/dropdown/dropdown-trigger.d.ts +2 -2
- package/dist/components/dropdown/dropdown.d.ts +2 -2
- package/dist/components/dropdown/index.d.ts +2 -2
- package/dist/components/field/field-affix.d.ts +2 -2
- package/dist/components/field/field-description.d.ts +2 -2
- package/dist/components/field/field.d.ts +2 -2
- package/dist/components/field/index.d.ts +2 -2
- package/dist/components/fieldset/fieldset-description.d.ts +2 -2
- package/dist/components/fieldset/fieldset-legend.d.ts +2 -2
- package/dist/components/fieldset/fieldset.d.ts +2 -2
- package/dist/components/fieldset/index.d.ts +2 -2
- package/dist/components/filter-group/filter-group.d.ts +2 -2
- package/dist/components/filter-group/index.d.ts +2 -2
- package/dist/components/footer/footer.d.ts +2 -2
- package/dist/components/footer/index.d.ts +2 -2
- package/dist/components/index.d.ts +2 -2
- package/dist/components/input/index.d.ts +2 -2
- package/dist/components/input/input.d.ts +2 -2
- package/dist/components/label/index.d.ts +2 -2
- package/dist/components/label/label.d.ts +2 -2
- package/dist/components/link/index.d.ts +2 -2
- package/dist/components/link/link.d.ts +2 -2
- package/dist/components/logo/index.d.ts +2 -2
- package/dist/components/logo/logo.d.ts +2 -2
- package/dist/components/navbar/index.d.ts +2 -2
- package/dist/components/navbar/navbar.d.ts +2 -2
- package/dist/components/navbar/sub-navbar.d.ts +2 -2
- package/dist/components/pagination/index.d.ts +2 -2
- package/dist/components/pagination/pagination-button.d.ts +2 -2
- package/dist/components/pagination/pagination.d.ts +2 -2
- package/dist/components/popover/index.d.ts +2 -2
- package/dist/components/popover/popover-trigger.d.ts +2 -2
- package/dist/components/popover/popover.d.ts +2 -2
- package/dist/components/radio/index.d.ts +2 -2
- package/dist/components/radio/radio.d.ts +2 -2
- package/dist/components/search/index.d.ts +2 -2
- package/dist/components/search/search.d.ts +2 -2
- package/dist/components/select/index.d.ts +2 -2
- package/dist/components/select/select-optgroup.d.ts +2 -2
- package/dist/components/select/select-option.d.ts +2 -2
- package/dist/components/select/select.d.ts +2 -2
- package/dist/components/selectfield/index.d.ts +2 -2
- package/dist/components/selectfield/selectfield.d.ts +2 -2
- package/dist/components/skip-link/index.d.ts +2 -2
- package/dist/components/skip-link/skip-link.d.ts +2 -2
- package/dist/components/spinner/index.d.ts +2 -2
- package/dist/components/spinner/spinner.d.ts +2 -2
- package/dist/components/tabs/index.d.ts +2 -2
- package/dist/components/tabs/tab.d.ts +2 -2
- package/dist/components/tabs/tabs-list.d.ts +2 -2
- package/dist/components/tabs/tabs-panel.d.ts +2 -2
- package/dist/components/tabs/tabs.d.ts +2 -2
- package/dist/components/textarea/index.d.ts +2 -2
- package/dist/components/textarea/textarea.d.ts +2 -2
- package/dist/components/textfield/index.d.ts +2 -2
- package/dist/components/textfield/textfield.d.ts +2 -2
- package/dist/components/validation-message/index.d.ts +2 -2
- package/dist/components/validation-message/validation-message.d.ts +2 -2
- package/dist/dialog-DzGRZgbP.js.map +1 -1
- package/dist/dialog-close-button-C1omdnIn.js.map +1 -1
- package/dist/dialog-content-R35XpbSj.js.map +1 -1
- package/dist/dialog-footer-AoiCz_Uj.js.map +1 -1
- package/dist/dialog-header-Bbq9DcHX.js.map +1 -1
- package/dist/dialog-trigger-DinHpkua.js.map +1 -1
- package/dist/dialog-trigger-context-51mA5fz3.js.map +1 -1
- package/dist/{dialog-trigger-context-ClG9UVsz.d.ts → dialog-trigger-context-BxroyS54.d.ts} +3 -3
- package/dist/drawer-CZ05Lizo.js.map +1 -1
- package/dist/drawer-close-button-DC39bNW2.js.map +1 -1
- package/dist/drawer-content-CFc-rxBo.js.map +1 -1
- package/dist/drawer-footer-CfHjfvEg.js.map +1 -1
- package/dist/drawer-header-DK4XoaaW.js.map +1 -1
- package/dist/drawer-trigger-Do9Htx5M.js.map +1 -1
- package/dist/drawer-trigger-context-BUWPPdas.js.map +1 -1
- package/dist/dropdown-Fzf2CeX4.js.map +1 -1
- package/dist/dropdown-b7acNLZb.js.map +1 -1
- package/dist/dropdown-button-FQqIwqdp.js.map +1 -1
- package/dist/dropdown-item-DQQXQC4J.js.map +1 -1
- package/dist/dropdown-list-DB1mST67.js.map +1 -1
- package/dist/dropdown-trigger-Fwrigwtg.js.map +1 -1
- package/dist/dropdown-trigger-context-BCcyoZEx.js.map +1 -1
- package/dist/field-DFMMLG-d.js.map +1 -1
- package/dist/field-affix-npc6m7XL.js.map +1 -1
- package/dist/field-description-Dhm1VA08.js.map +1 -1
- package/dist/fieldset-Bpu4CRKG.js.map +1 -1
- package/dist/fieldset-description-DiHvcLh-.js.map +1 -1
- package/dist/fieldset-legend-CR4srn2-.js.map +1 -1
- package/dist/filter-group-Fzw9g6JB.js.map +1 -1
- package/dist/footer-B9sjkncE.js.map +1 -1
- package/dist/footer-links-BIUrxu38.js.map +1 -1
- package/dist/input-Dr7BnTyd.js.map +1 -1
- package/dist/label-DUzvAx-T.js.map +1 -1
- package/dist/link-BqDeZAJF.js.map +1 -1
- package/dist/logo-QKrYvRFP.js.map +1 -1
- package/dist/main.d.ts +2 -2
- package/dist/navbar-Dxv7GQO0.js.map +1 -1
- package/dist/pagination-DH6vZYMO.js.map +1 -1
- package/dist/pagination-button-CMSNwkeT.js.map +1 -1
- package/dist/pagination-item-DzskmZxf.js.map +1 -1
- package/dist/popover-DOMLkRA5.js.map +1 -1
- package/dist/popover-DmA4qMtu.js.map +1 -1
- package/dist/popover-trigger-Chi8uvRM.js.map +1 -1
- package/dist/popover-trigger-context-Cre9Mczn.js.map +1 -1
- package/dist/radio-DAC5mhl3.js.map +1 -1
- package/dist/search-DzjgrvFl.js.map +1 -1
- package/dist/select-R87VdG5U.js.map +1 -1
- package/dist/select-optgroup-jowSQvbc.js.map +1 -1
- package/dist/select-option-WAhhr82L.js.map +1 -1
- package/dist/selectfield-BD-t6Mmm.js.map +1 -1
- package/dist/skip-link-CbdX4Taw.js.map +1 -1
- package/dist/spinner-Ch5bEQBR.js.map +1 -1
- package/dist/sticky-header-gE5HX2ug.js.map +1 -1
- package/dist/sub-navbar-BdJ9EKsU.js.map +1 -1
- package/dist/sub-navbar-DkxQv0WJ.js.map +1 -1
- package/dist/tab-BvSndQZ_.js.map +1 -1
- package/dist/tabs-C70z_5SJ.js.map +1 -1
- package/dist/tabs-list-npvK06bl.js.map +1 -1
- package/dist/tabs-panel-L8HovooI.js.map +1 -1
- package/dist/textarea-B1fAOfkt.js.map +1 -1
- package/dist/textfield-DwLkaC2S.js.map +1 -1
- package/dist/useCheckboxGroup-BDH3ewt8.js.map +1 -1
- package/dist/useIsElementAboveViewport-lmdnXDdc.js.map +1 -1
- package/dist/useMediaQuery-ICPWsO_p.js.map +1 -1
- package/dist/useMergeRefs-DC710CHX.js.map +1 -1
- package/dist/usePagination-DQR72JNE.js.map +1 -1
- package/dist/useScrollDirection-C2EmQi0U.js.map +1 -1
- package/dist/utilities/hooks/index.d.ts +2 -2
- package/dist/utilities/hooks/usePagination/usePagination.d.ts +2 -2
- package/dist/utilities/index.d.ts +2 -2
- package/dist/validation-message-CPGA4DxM.js.map +1 -1
- package/package.json +6 -3
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { Tab, TabProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { Tab, TabProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { TabsList, TabsListProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { TabsList, TabsListProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { TabsPanel, TabsPanelProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { TabsPanel, TabsPanelProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { Tabs, TabsProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { Tabs, TabsProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { Textarea, TextareaProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { Textarea, TextareaProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { Textarea, TextareaProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { Textarea, TextareaProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { Textfield, TextfieldProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { Textfield, TextfieldProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { Textfield, TextfieldProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { Textfield, TextfieldProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "../../useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import "../../useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "../../types-Bga-EYiy.js";
|
|
4
|
-
import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-
|
|
5
|
-
import "../../dialog-trigger-context-
|
|
4
|
+
import { ValidationMessage, ValidationMessageProps } from "../../alert-footer-DWZoQIek.js";
|
|
5
|
+
import "../../dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import "../../drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import "../../popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import "../../dropdown-item-CGg_2cV1.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-DzGRZgbP.js","names":[
|
|
1
|
+
{"version":3,"file":"dialog-DzGRZgbP.js","names":[],"sources":["../src/components/dialog/dialog.tsx"],"sourcesContent":["// Thanks to Designsystemet:\n// https://github.com/digdir/designsystemet/blob/42d3f327edb87a1455e8257200c838b55295ed82/packages/react/src/components/Dialog/Dialog.tsx\n\nimport { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { DialogHTMLAttributes, Ref } from 'react';\nimport { useContext, useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../../utilities/hooks/useMergeRefs/useMergeRefs';\n\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Context } from './dialog-trigger-context';\n\nexport type DialogProps = MergeRight<\n DefaultProps & DialogHTMLAttributes<HTMLDialogElement>,\n {\n /**\n * Dismiss behavior.\n *\n * - `closedby=\"any\"`: Close dialog on close button click, backdrop click or ESC key.\n * - `closedby=\"closerequest\"`: Close dialog on close button click or ESC key.\n * - `closedby=\"none\"`: Close dialog on close button click.\n *\n * @default 'any'\n */\n closedby?: 'none' | 'closerequest' | 'any';\n /**\n * Determines if the dialog is open or not.\n */\n open?: boolean;\n /**\n * Callback that is called when the dialog is closed.\n */\n onClose?: (event: Event) => void;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLDialogElement>;\n }\n>;\n\n/**\n * Dialog component, used to display a dialog.\n *\n * @example With TriggerContext:\n * <DialogTriggerContext>\n * <DialogTrigger>Open Dialog</DialogTrigger>\n * <Dialog>\n * <DialogHeader>Dialog Header</DialogHeader>\n * <DialogContent>Dialog Content</DialogContent>\n * <DialogFooter>\n * <Button variant='text'>Cancel</Button>\n * <Button>Confirm</Button>\n * </DialogFooter>\n * </Dialog>\n * </DialogTriggerContext>\n *\n * @example Without TriggerContext:\n * const dialogRef = useRef<HTMLDialogElement>(null);\n *\n * ...\n *\n * <Button onClick={() => dialogRef.current?.showModal()}>Open Dialog</Button>\n * <Dialog ref={dialogRef}>\n * <DialogHeader>Dialog Header</DialogHeader>\n * <DialogContent>Dialog Content</DialogContent>\n * <DialogFooter>\n * <Button variant='text'>Cancel</Button>\n * <Button>Confirm</Button>\n * </DialogFooter>\n * </Dialog>\n */\nexport const Dialog = ({\n asChild,\n children,\n className,\n closedby = 'any',\n onClose,\n open,\n dark,\n ref,\n ...rest\n}: DialogProps) => {\n const contextRef = useContext(Context);\n const dialogRef = useRef<HTMLDialogElement>(null); // This local ref is used to make sure the dialog works without a DialogTriggerContext\n const Component = asChild ? Slot : 'dialog';\n const mergedRefs = useMergeRefs([contextRef, ref, dialogRef]);\n\n useEffect(() => dialogRef.current?.[open ? 'showModal' : 'close'](), [open]); // Toggle open based on prop\n\n useEffect(() => {\n const dialog = dialogRef.current;\n const handleClosedby = (event: Event) => {\n const { clientY: y, clientX: x, target } = event as MouseEvent;\n if (event instanceof KeyboardEvent)\n return closedby === 'none' && event.key === 'Escape' && event.preventDefault(); // Skip ESC-key if closedby=\"none\"\n if (window.getSelection()?.toString()) return; // Fix bug where if you select text spanning two divs it thinks you clicked outside\n if (dialog && target === dialog && closedby === 'any') {\n const { top, left, right, bottom } = dialog.getBoundingClientRect();\n const isInDialog = top <= y && y <= bottom && left <= x && x <= right;\n\n if (!isInDialog) dialog?.close(); // Both <dialog> and ::backdrop is considered same event.target\n }\n };\n\n const handleAutoFocus = () => {\n const autofocus = dialog?.querySelector<HTMLElement>('[autofocus]');\n if (document.activeElement !== autofocus) autofocus?.focus();\n };\n\n dialog?.addEventListener('animationend', handleAutoFocus);\n dialog?.addEventListener('click', handleClosedby);\n dialog?.addEventListener('keydown', handleClosedby);\n return () => {\n dialog?.removeEventListener('animationend', handleAutoFocus);\n dialog?.removeEventListener('click', handleClosedby);\n dialog?.removeEventListener('keydown', handleClosedby);\n };\n }, [closedby]);\n\n /* handle closing */\n useEffect(() => {\n const dialog = dialogRef.current;\n const handleClose = (event: Event) => onClose?.(event);\n\n dialog?.addEventListener('close', handleClose);\n return () => dialog?.removeEventListener('close', handleClose);\n }, [onClose]);\n\n return (\n <Component className={clsx('bi-dialog', className)} data-dark={dark} ref={mergedRefs} {...rest}>\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,MAAa,UAAU,EACrB,SACA,UACA,WACA,WAAW,OACX,SACA,MACA,MACA,IACA,GAAG,WACc;CACjB,MAAM,aAAa,WAAW;CAC9B,MAAM,YAAY,OAA0B;CAC5C,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,aAAa,aAAa;EAAC;EAAY;EAAK;;AAElD,iBAAgB,UAAU,UAAU,OAAO,cAAc,YAAY,CAAC;AAEtE,iBAAgB;EACd,MAAM,SAAS,UAAU;EACzB,MAAM,kBAAkB,UAAiB;GACvC,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW;AAC3C,OAAI,iBAAiB,cACnB,QAAO,aAAa,UAAU,MAAM,QAAQ,YAAY,MAAM;AAChE,OAAI,OAAO,gBAAgB,WAAY;AACvC,OAAI,UAAU,WAAW,UAAU,aAAa,OAAO;IACrD,MAAM,EAAE,KAAK,MAAM,OAAO,WAAW,OAAO;IAC5C,MAAM,aAAa,OAAO,KAAK,KAAK,UAAU,QAAQ,KAAK,KAAK;AAEhE,QAAI,CAAC,WAAY,SAAQ;;;EAI7B,MAAM,wBAAwB;GAC5B,MAAM,YAAY,QAAQ,cAA2B;AACrD,OAAI,SAAS,kBAAkB,UAAW,YAAW;;AAGvD,UAAQ,iBAAiB,gBAAgB;AACzC,UAAQ,iBAAiB,SAAS;AAClC,UAAQ,iBAAiB,WAAW;AACpC,eAAa;AACX,WAAQ,oBAAoB,gBAAgB;AAC5C,WAAQ,oBAAoB,SAAS;AACrC,WAAQ,oBAAoB,WAAW;;IAExC,CAAC;AAGJ,iBAAgB;EACd,MAAM,SAAS,UAAU;EACzB,MAAM,eAAe,UAAiB,UAAU;AAEhD,UAAQ,iBAAiB,SAAS;AAClC,eAAa,QAAQ,oBAAoB,SAAS;IACjD,CAAC;AAEJ,QACE,oBAAC;EAAU,WAAW,KAAK,aAAa;EAAY,aAAW;EAAM,KAAK;EAAY,GAAI;EACvF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-close-button-C1omdnIn.js","names":[],"sources":["../src/components/dialog/dialog-close-button.tsx"],"sourcesContent":["import { CrossSmallIcon } from '@bi-digital/icons';\nimport { Button, type ButtonProps } from '../button';\n\nexport type DialogCloseButtonProps = Omit<ButtonProps, 'asChild' | 'type' | 'name'>;\n\nexport const DialogCloseButton = ({ children, ref, ...props }: DialogCloseButtonProps) => {\n return (\n <form method='dialog'>\n <Button ref={ref} autoFocus icon name='close' type='submit' variant='text' {...props}>\n {children || <CrossSmallIcon aria-hidden='true' />}\n </Button>\n </form>\n );\n};\n"],"mappings":";;;;;AAKA,MAAa,
|
|
1
|
+
{"version":3,"file":"dialog-close-button-C1omdnIn.js","names":[],"sources":["../src/components/dialog/dialog-close-button.tsx"],"sourcesContent":["import { CrossSmallIcon } from '@bi-digital/icons';\nimport { Button, type ButtonProps } from '../button';\n\nexport type DialogCloseButtonProps = Omit<ButtonProps, 'asChild' | 'type' | 'name'>;\n\nexport const DialogCloseButton = ({ children, ref, ...props }: DialogCloseButtonProps) => {\n return (\n <form method='dialog'>\n <Button ref={ref} autoFocus icon name='close' type='submit' variant='text' {...props}>\n {children || <CrossSmallIcon aria-hidden='true' />}\n </Button>\n </form>\n );\n};\n"],"mappings":";;;;;AAKA,MAAa,qBAAqB,EAAE,UAAU,IAAK,GAAG,YAAoC;AACxF,QACE,oBAAC;EAAK,QAAO;YACX,oBAAC;GAAY;GAAK;GAAU;GAAK,MAAK;GAAQ,MAAK;GAAS,SAAQ;GAAO,GAAI;aAC5E,YAAY,oBAAC,kBAAe,eAAY"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-content-R35XpbSj.js","names":[],"sources":["../src/components/dialog/dialog-content.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\n\nexport type DialogContentProps = MergeRight<\n HTMLAttributes<HTMLDivElement>,\n {\n /**\n * Don't render a border to separate the content from the other content.\n * @default false\n */\n noBorder?: boolean;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const DialogContent = ({ asChild, ref, children, className, noBorder = false, ...rest }: DialogContentProps) => {\n const Component = asChild ? Slot : 'div';\n\n return (\n <Component className={clsx('bi-dialog--content', className)} data-no-border={noBorder} ref={ref} {...rest}>\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;AAsBA,MAAa,
|
|
1
|
+
{"version":3,"file":"dialog-content-R35XpbSj.js","names":[],"sources":["../src/components/dialog/dialog-content.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\n\nexport type DialogContentProps = MergeRight<\n HTMLAttributes<HTMLDivElement>,\n {\n /**\n * Don't render a border to separate the content from the other content.\n * @default false\n */\n noBorder?: boolean;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const DialogContent = ({ asChild, ref, children, className, noBorder = false, ...rest }: DialogContentProps) => {\n const Component = asChild ? Slot : 'div';\n\n return (\n <Component className={clsx('bi-dialog--content', className)} data-no-border={noBorder} ref={ref} {...rest}>\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;AAsBA,MAAa,iBAAiB,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,MAAO,GAAG,WAA+B;CACrH,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,oBAAC;EAAU,WAAW,KAAK,sBAAsB;EAAY,kBAAgB;EAAe;EAAK,GAAI;EAClG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-footer-AoiCz_Uj.js","names":[],"sources":["../src/components/dialog/dialog-footer.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\n\nexport type DialogFooterProps = MergeRight<\n HTMLAttributes<HTMLDivElement>,\n {\n /**\n * Don't render a border to separate the footer from the other content.\n * @default false\n */\n noBorder?: boolean;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const DialogFooter = ({ asChild, ref, children, className, noBorder = false, ...rest }: DialogFooterProps) => {\n const Component = asChild ? Slot : 'div';\n\n return (\n <Component className={clsx('bi-dialog--footer', className)} data-no-border={noBorder} ref={ref} {...rest}>\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;AAsBA,MAAa,
|
|
1
|
+
{"version":3,"file":"dialog-footer-AoiCz_Uj.js","names":[],"sources":["../src/components/dialog/dialog-footer.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\n\nexport type DialogFooterProps = MergeRight<\n HTMLAttributes<HTMLDivElement>,\n {\n /**\n * Don't render a border to separate the footer from the other content.\n * @default false\n */\n noBorder?: boolean;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const DialogFooter = ({ asChild, ref, children, className, noBorder = false, ...rest }: DialogFooterProps) => {\n const Component = asChild ? Slot : 'div';\n\n return (\n <Component className={clsx('bi-dialog--footer', className)} data-no-border={noBorder} ref={ref} {...rest}>\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;AAsBA,MAAa,gBAAgB,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,MAAO,GAAG,WAA8B;CACnH,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,oBAAC;EAAU,WAAW,KAAK,qBAAqB;EAAY,kBAAgB;EAAe;EAAK,GAAI;EACjG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-header-Bbq9DcHX.js","names":[],"sources":["../src/components/dialog/dialog-header.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\n\nexport type DialogHeaderProps = MergeRight<\n HTMLAttributes<HTMLHeadingElement>,\n {\n /**\n * Don't render a border to separate the header from the other content.\n * @default false\n */\n noBorder?: boolean;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLHeadingElement>;\n }\n>;\n\nexport const DialogHeader = ({ asChild, ref, children, className, noBorder = false, ...rest }: DialogHeaderProps) => {\n const Component = asChild ? Slot : 'h2';\n\n return (\n <Component className={clsx('bi-dialog--header', className)} data-no-border={noBorder} ref={ref} {...rest}>\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;AAsBA,MAAa,
|
|
1
|
+
{"version":3,"file":"dialog-header-Bbq9DcHX.js","names":[],"sources":["../src/components/dialog/dialog-header.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\n\nexport type DialogHeaderProps = MergeRight<\n HTMLAttributes<HTMLHeadingElement>,\n {\n /**\n * Don't render a border to separate the header from the other content.\n * @default false\n */\n noBorder?: boolean;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLHeadingElement>;\n }\n>;\n\nexport const DialogHeader = ({ asChild, ref, children, className, noBorder = false, ...rest }: DialogHeaderProps) => {\n const Component = asChild ? Slot : 'h2';\n\n return (\n <Component className={clsx('bi-dialog--header', className)} data-no-border={noBorder} ref={ref} {...rest}>\n {children}\n </Component>\n );\n};\n"],"mappings":";;;;;AAsBA,MAAa,gBAAgB,EAAE,SAAS,KAAK,UAAU,WAAW,WAAW,MAAO,GAAG,WAA8B;CACnH,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,oBAAC;EAAU,WAAW,KAAK,qBAAqB;EAAY,kBAAgB;EAAe;EAAK,GAAI;EACjG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-trigger-DinHpkua.js","names":[],"sources":["../src/components/dialog/dialog-trigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { use } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport { Context } from './dialog-trigger-context';\n\nexport type DialogTriggerProps = ButtonProps;\n\nexport const DialogTrigger = ({ asChild, ref, ...rest }: DialogTriggerProps) => {\n const contextRef = use(Context);\n const Component = asChild ? Slot : Button;\n\n const openDialog = () => contextRef.current?.showModal();\n\n return <Component aria-haspopup='dialog' onClick={openDialog} ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;AAQA,MAAa,
|
|
1
|
+
{"version":3,"file":"dialog-trigger-DinHpkua.js","names":[],"sources":["../src/components/dialog/dialog-trigger.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { use } from 'react';\n\nimport { Button, type ButtonProps } from '../button';\nimport { Context } from './dialog-trigger-context';\n\nexport type DialogTriggerProps = ButtonProps;\n\nexport const DialogTrigger = ({ asChild, ref, ...rest }: DialogTriggerProps) => {\n const contextRef = use(Context);\n const Component = asChild ? Slot : Button;\n\n const openDialog = () => contextRef.current?.showModal();\n\n return <Component aria-haspopup='dialog' onClick={openDialog} ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;AAQA,MAAa,iBAAiB,EAAE,SAAS,IAAK,GAAG,WAA+B;CAC9E,MAAM,aAAa,IAAI;CACvB,MAAM,YAAY,UAAU,OAAO;CAEnC,MAAM,mBAAmB,WAAW,SAAS;AAE7C,QAAO,oBAAC;EAAU,iBAAc;EAAS,SAAS;EAAiB;EAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-trigger-context-51mA5fz3.js","names":[],"sources":["../src/components/dialog/dialog-trigger-context.tsx"],"sourcesContent":["import { createContext, useRef } from 'react';\nimport type { ReactNode, RefObject } from 'react';\n\nexport const Context = createContext<RefObject<HTMLDialogElement | null>>({\n current: null,\n});\n\nexport type DialogTriggerContextProps = { children: ReactNode };\n\nexport const DialogTriggerContext = ({ children }: DialogTriggerContextProps) => {\n const contextRef = useRef<HTMLDialogElement>(null);\n\n return <Context.Provider value={contextRef}>{children}</Context.Provider>;\n};\n"],"mappings":";;;;AAGA,MAAa,UAAU,cAAmD,EACxE,SAAS
|
|
1
|
+
{"version":3,"file":"dialog-trigger-context-51mA5fz3.js","names":[],"sources":["../src/components/dialog/dialog-trigger-context.tsx"],"sourcesContent":["import { createContext, useRef } from 'react';\nimport type { ReactNode, RefObject } from 'react';\n\nexport const Context = createContext<RefObject<HTMLDialogElement | null>>({\n current: null,\n});\n\nexport type DialogTriggerContextProps = { children: ReactNode };\n\nexport const DialogTriggerContext = ({ children }: DialogTriggerContextProps) => {\n const contextRef = useRef<HTMLDialogElement>(null);\n\n return <Context.Provider value={contextRef}>{children}</Context.Provider>;\n};\n"],"mappings":";;;;AAGA,MAAa,UAAU,cAAmD,EACxE,SAAS;AAKX,MAAa,wBAAwB,EAAE,eAA0C;CAC/E,MAAM,aAAa,OAA0B;AAE7C,QAAO,oBAAC,QAAQ;EAAS,OAAO;EAAa"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react_jsx_runtime19 from "react/jsx-runtime";
|
|
2
2
|
import * as react0 from "react";
|
|
3
3
|
import { ReactNode, RefObject } from "react";
|
|
4
4
|
|
|
@@ -9,7 +9,7 @@ type DialogTriggerContextProps = {
|
|
|
9
9
|
};
|
|
10
10
|
declare const DialogTriggerContext: ({
|
|
11
11
|
children
|
|
12
|
-
}: DialogTriggerContextProps) =>
|
|
12
|
+
}: DialogTriggerContextProps) => react_jsx_runtime19.JSX.Element;
|
|
13
13
|
//#endregion
|
|
14
14
|
export { Context, DialogTriggerContext, DialogTriggerContextProps };
|
|
15
|
-
//# sourceMappingURL=dialog-trigger-context-
|
|
15
|
+
//# sourceMappingURL=dialog-trigger-context-BxroyS54.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-CZ05Lizo.js","names":[],"sources":["../src/components/drawer/drawer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\nimport { Dialog, type DialogProps } from '../dialog';\n\nexport type DrawerProps = MergeRight<\n DialogProps,\n {\n /**\n * The anchor of the drawer, determining from which side it originates from when sliding in.\n * @default 'left'\n */\n anchor?: 'left' | 'right' | 'top' | 'bottom';\n }\n>;\n\n/**\n * Drawer component. On opening, the drawer slides in from the side it is anchored on, controlled by the anchor property.\n *\n * @example With TriggerContext:\n * <DrawerTriggerContext>\n * <DrawerTrigger>Open Drawer</DrawerTrigger>\n * <Drawer>\n * <DrawerHeader>Drawer Header</DrawerHeader>\n * <DrawerContent>Drawer Content</DrawerContent>\n * <DrawerFooter>\n * <Button variant='text'>Cancel</Button>\n * <Button>Confirm</Button>\n * </DrawerFooter>\n * </Drawer>\n * </DrawerTriggerContext>\n *\n * @example Without TriggerContext:\n * const drawerRef = useRef<HTMLDialogElement>(null);\n *\n * ...\n *\n * <Button onClick={() => drawerRef.current?.showModal()}>Open Drawer</Button>\n * <Drawer ref={dialogRef}>\n * <DrawerHeader>Drawer Header</DrawerHeader>\n * <DrawerContent>Drawer Content</DrawerContent>\n * <DrawerFooter>\n * <Button variant='text'>Cancel</Button>\n * <Button>Confirm</Button>\n * </DrawerFooter>\n * </Drawer>\n */\nexport const Drawer = ({ anchor = 'left', className, ref, ...rest }: DrawerProps) => (\n <Dialog className={clsx('bi-drawer', className)} data-anchor={anchor} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAa,
|
|
1
|
+
{"version":3,"file":"drawer-CZ05Lizo.js","names":[],"sources":["../src/components/drawer/drawer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { MergeRight } from '../../utilities';\nimport { Dialog, type DialogProps } from '../dialog';\n\nexport type DrawerProps = MergeRight<\n DialogProps,\n {\n /**\n * The anchor of the drawer, determining from which side it originates from when sliding in.\n * @default 'left'\n */\n anchor?: 'left' | 'right' | 'top' | 'bottom';\n }\n>;\n\n/**\n * Drawer component. On opening, the drawer slides in from the side it is anchored on, controlled by the anchor property.\n *\n * @example With TriggerContext:\n * <DrawerTriggerContext>\n * <DrawerTrigger>Open Drawer</DrawerTrigger>\n * <Drawer>\n * <DrawerHeader>Drawer Header</DrawerHeader>\n * <DrawerContent>Drawer Content</DrawerContent>\n * <DrawerFooter>\n * <Button variant='text'>Cancel</Button>\n * <Button>Confirm</Button>\n * </DrawerFooter>\n * </Drawer>\n * </DrawerTriggerContext>\n *\n * @example Without TriggerContext:\n * const drawerRef = useRef<HTMLDialogElement>(null);\n *\n * ...\n *\n * <Button onClick={() => drawerRef.current?.showModal()}>Open Drawer</Button>\n * <Drawer ref={dialogRef}>\n * <DrawerHeader>Drawer Header</DrawerHeader>\n * <DrawerContent>Drawer Content</DrawerContent>\n * <DrawerFooter>\n * <Button variant='text'>Cancel</Button>\n * <Button>Confirm</Button>\n * </DrawerFooter>\n * </Drawer>\n */\nexport const Drawer = ({ anchor = 'left', className, ref, ...rest }: DrawerProps) => (\n <Dialog className={clsx('bi-drawer', className)} data-anchor={anchor} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAa,UAAU,EAAE,SAAS,QAAQ,WAAW,IAAK,GAAG,WAC3D,oBAAC;CAAO,WAAW,KAAK,aAAa;CAAY,eAAa;CAAa;CAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-close-button-DC39bNW2.js","names":[],"sources":["../src/components/drawer/drawer-close-button.tsx"],"sourcesContent":["import { DialogCloseButton, type DialogCloseButtonProps } from '../dialog';\n\nexport type DrawerCloseButtonProps = DialogCloseButtonProps;\n\nexport const DrawerCloseButton = ({ ref, ...rest }: DrawerCloseButtonProps) => (\n <DialogCloseButton ref={ref} {...rest} />\n);\n"],"mappings":";;;;AAIA,MAAa,
|
|
1
|
+
{"version":3,"file":"drawer-close-button-DC39bNW2.js","names":[],"sources":["../src/components/drawer/drawer-close-button.tsx"],"sourcesContent":["import { DialogCloseButton, type DialogCloseButtonProps } from '../dialog';\n\nexport type DrawerCloseButtonProps = DialogCloseButtonProps;\n\nexport const DrawerCloseButton = ({ ref, ...rest }: DrawerCloseButtonProps) => (\n <DialogCloseButton ref={ref} {...rest} />\n);\n"],"mappings":";;;;AAIA,MAAa,qBAAqB,EAAE,IAAK,GAAG,WAC1C,oBAAC;CAAuB;CAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-content-CFc-rxBo.js","names":[],"sources":["../src/components/drawer/drawer-content.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { DialogContent, type DialogContentProps } from '../dialog';\n\nexport type DrawerContentProps = DialogContentProps;\n\nexport const DrawerContent = ({ className, ref, ...rest }: DrawerContentProps) => (\n <DialogContent className={clsx('bi-drawer--content', className)} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;AAKA,MAAa,
|
|
1
|
+
{"version":3,"file":"drawer-content-CFc-rxBo.js","names":[],"sources":["../src/components/drawer/drawer-content.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { DialogContent, type DialogContentProps } from '../dialog';\n\nexport type DrawerContentProps = DialogContentProps;\n\nexport const DrawerContent = ({ className, ref, ...rest }: DrawerContentProps) => (\n <DialogContent className={clsx('bi-drawer--content', className)} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;AAKA,MAAa,iBAAiB,EAAE,WAAW,IAAK,GAAG,WACjD,oBAAC;CAAc,WAAW,KAAK,sBAAsB;CAAiB;CAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-footer-CfHjfvEg.js","names":[],"sources":["../src/components/drawer/drawer-footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { DialogFooter, type DialogFooterProps } from '../dialog';\n\nexport type DrawerFooterProps = DialogFooterProps;\n\nexport const DrawerFooter = ({ className, ref, ...rest }: DrawerFooterProps) => (\n <DialogFooter className={clsx('bi-drawer--footer', className)} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;AAKA,MAAa,
|
|
1
|
+
{"version":3,"file":"drawer-footer-CfHjfvEg.js","names":[],"sources":["../src/components/drawer/drawer-footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { DialogFooter, type DialogFooterProps } from '../dialog';\n\nexport type DrawerFooterProps = DialogFooterProps;\n\nexport const DrawerFooter = ({ className, ref, ...rest }: DrawerFooterProps) => (\n <DialogFooter className={clsx('bi-drawer--footer', className)} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;AAKA,MAAa,gBAAgB,EAAE,WAAW,IAAK,GAAG,WAChD,oBAAC;CAAa,WAAW,KAAK,qBAAqB;CAAiB;CAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-header-DK4XoaaW.js","names":[],"sources":["../src/components/drawer/drawer-header.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { DialogHeader, type DialogHeaderProps } from '../dialog';\n\nexport type DrawerHeaderProps = DialogHeaderProps;\n\nexport const DrawerHeader = ({ className, ref, ...rest }: DrawerHeaderProps) => (\n <DialogHeader className={clsx('bi-drawer--header', className)} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;AAKA,MAAa,
|
|
1
|
+
{"version":3,"file":"drawer-header-DK4XoaaW.js","names":[],"sources":["../src/components/drawer/drawer-header.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { DialogHeader, type DialogHeaderProps } from '../dialog';\n\nexport type DrawerHeaderProps = DialogHeaderProps;\n\nexport const DrawerHeader = ({ className, ref, ...rest }: DrawerHeaderProps) => (\n <DialogHeader className={clsx('bi-drawer--header', className)} ref={ref} {...rest} />\n);\n"],"mappings":";;;;;AAKA,MAAa,gBAAgB,EAAE,WAAW,IAAK,GAAG,WAChD,oBAAC;CAAa,WAAW,KAAK,qBAAqB;CAAiB;CAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-trigger-Do9Htx5M.js","names":[],"sources":["../src/components/drawer/drawer-trigger.tsx"],"sourcesContent":["import { DialogTrigger, type DialogTriggerProps } from '../dialog';\n\nexport type DrawerTriggerProps = DialogTriggerProps;\n\nexport const DrawerTrigger = ({ ref, ...rest }: DrawerTriggerProps) => <DialogTrigger ref={ref} {...rest} />;\n"],"mappings":";;;;AAIA,MAAa,
|
|
1
|
+
{"version":3,"file":"drawer-trigger-Do9Htx5M.js","names":[],"sources":["../src/components/drawer/drawer-trigger.tsx"],"sourcesContent":["import { DialogTrigger, type DialogTriggerProps } from '../dialog';\n\nexport type DrawerTriggerProps = DialogTriggerProps;\n\nexport const DrawerTrigger = ({ ref, ...rest }: DrawerTriggerProps) => <DialogTrigger ref={ref} {...rest} />;\n"],"mappings":";;;;AAIA,MAAa,iBAAiB,EAAE,IAAK,GAAG,WAA+B,oBAAC;CAAmB;CAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer-trigger-context-BUWPPdas.js","names":[],"sources":["../src/components/drawer/drawer-trigger-context.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DialogTriggerContext } from '../dialog';\n\nexport type DrawerTriggerContextProps = {\n children: ReactNode;\n};\n\nexport const DrawerTriggerContext = ({ children }: DrawerTriggerContextProps) => (\n <DialogTriggerContext>{children}</DialogTriggerContext>\n);\n"],"mappings":";;;;AAOA,MAAa,
|
|
1
|
+
{"version":3,"file":"drawer-trigger-context-BUWPPdas.js","names":[],"sources":["../src/components/drawer/drawer-trigger-context.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { DialogTriggerContext } from '../dialog';\n\nexport type DrawerTriggerContextProps = {\n children: ReactNode;\n};\n\nexport const DrawerTriggerContext = ({ children }: DrawerTriggerContextProps) => (\n <DialogTriggerContext>{children}</DialogTriggerContext>\n);\n"],"mappings":";;;;AAOA,MAAa,wBAAwB,EAAE,eACrC,oBAAC,wBAAsB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-Fzf2CeX4.js","names":[],"sources":["../src/vanilla/dropdown/index.ts"],"sourcesContent":["import type { Middleware, Placement } from '@floating-ui/dom';\nimport { initPopover } from '../popover';\n\nexport type InitDropdownOptions = {\n /** The id of the dropdown to initialize. The trigger element should have a `aria-controls` attribute with the same id. */\n id: string;\n /**\n * Placement of the dropdown relative to the trigger.\n * @default 'bottom'\n */\n placement?: Placement;\n /**\n * Additional middleware to use for positioning the dropdown.\n *\n * @example\n * Prevent the dropdown from overflowing the navbar by using the `size` middleware:\n * ```ts\n * positionMiddleware: [\n * size({\n * apply: ({ availableHeight, elements, ...state }) => {\n * const available = `${Math.max(0, availableHeight)}px`;\n * const maxHeight = state.placement.includes('top')\n * ? `calc(${available} - var(--bi-layout-navbar-height, 0))`\n * : available;\n * elements.floating.style.maxHeight = maxHeight;\n * },\n * padding,\n * })\n * ]}\n * ```\n */\n positionMiddleware?: Middleware[];\n /**\n * Whether to disable auto placement.\n * @default false\n */\n disableAutoPlacement?: boolean;\n /**\n * The padding used by the `offset` middleware.\n * @default '20'\n */\n padding?: number;\n};\n\n/**\n * Initializes the dropdown.\n * @param options - InitDropdownOptions\n * @returns A function to programmatically toggle the dropdown.\n */\nexport const initDropdown = ({\n id,\n disableAutoPlacement = false,\n placement = 'bottom',\n positionMiddleware = [],\n padding,\n}: InitDropdownOptions) => initPopover({ id, disableAutoPlacement, placement, positionMiddleware, padding });\n"],"mappings":";;;;;;;;AAiDA,MAAa,
|
|
1
|
+
{"version":3,"file":"dropdown-Fzf2CeX4.js","names":[],"sources":["../src/vanilla/dropdown/index.ts"],"sourcesContent":["import type { Middleware, Placement } from '@floating-ui/dom';\nimport { initPopover } from '../popover';\n\nexport type InitDropdownOptions = {\n /** The id of the dropdown to initialize. The trigger element should have a `aria-controls` attribute with the same id. */\n id: string;\n /**\n * Placement of the dropdown relative to the trigger.\n * @default 'bottom'\n */\n placement?: Placement;\n /**\n * Additional middleware to use for positioning the dropdown.\n *\n * @example\n * Prevent the dropdown from overflowing the navbar by using the `size` middleware:\n * ```ts\n * positionMiddleware: [\n * size({\n * apply: ({ availableHeight, elements, ...state }) => {\n * const available = `${Math.max(0, availableHeight)}px`;\n * const maxHeight = state.placement.includes('top')\n * ? `calc(${available} - var(--bi-layout-navbar-height, 0))`\n * : available;\n * elements.floating.style.maxHeight = maxHeight;\n * },\n * padding,\n * })\n * ]}\n * ```\n */\n positionMiddleware?: Middleware[];\n /**\n * Whether to disable auto placement.\n * @default false\n */\n disableAutoPlacement?: boolean;\n /**\n * The padding used by the `offset` middleware.\n * @default '20'\n */\n padding?: number;\n};\n\n/**\n * Initializes the dropdown.\n * @param options - InitDropdownOptions\n * @returns A function to programmatically toggle the dropdown.\n */\nexport const initDropdown = ({\n id,\n disableAutoPlacement = false,\n placement = 'bottom',\n positionMiddleware = [],\n padding,\n}: InitDropdownOptions) => initPopover({ id, disableAutoPlacement, placement, positionMiddleware, padding });\n"],"mappings":";;;;;;;;AAiDA,MAAa,gBAAgB,EAC3B,IACA,uBAAuB,OACvB,YAAY,UACZ,qBAAqB,IACrB,cACyB,YAAY;CAAE;CAAI;CAAsB;CAAW;CAAoB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-b7acNLZb.js","names":[],"sources":["../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Popover, type PopoverProps } from '../popover';\n\nexport type DropdownProps = MergeRight<\n DefaultProps & PopoverProps,\n {\n /**\n * The placement of the dropdown\n * @default bottom-end\n */\n placement?: PopoverProps['placement'];\n }\n>;\n\n/**\n * Dropdown component, used to display a list of options.\n *\n * @example with TriggerContext\n * <DropdownTriggerContext>\n * <DropdownTrigger>Dropdown trigger</DropdownTrigger>\n * <Dropdown placement='bottom-end'>\n * <DropdownHeading>Dropdown</DropdownHeading>\n * <DropdownList>\n * <DropdownItem>\n * <DropdownButton>Item</DropdownButton>\n * </DropdownItem>\n * </DropdownList>\n * </Dropdown>\n * </DropdownTriggerContext>\n *\n * @example without TriggerContext\n * <Button aria-controls=\"some-dropdown\" aria-expanded={open}>Trigger</Button>\n * <Dropdown id=\"some-dropdown\" open={open} onOpenChange={onOpenChange}>\n * <DropdownHeading>Heading</DropdownHeading>\n * <DropdownList>\n * <DropdownItem>\n * <DropdownButton>Item</DropdownButton>\n * </DropdownItem>\n * </DropdownList>\n * </Dropdown>\n */\nexport const Dropdown = ({ placement = 'bottom-end', className, ref, ...rest }: DropdownProps) => {\n return <Popover className={clsx('bi-dropdown', className)} placement={placement} ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,
|
|
1
|
+
{"version":3,"file":"dropdown-b7acNLZb.js","names":[],"sources":["../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { Popover, type PopoverProps } from '../popover';\n\nexport type DropdownProps = MergeRight<\n DefaultProps & PopoverProps,\n {\n /**\n * The placement of the dropdown\n * @default bottom-end\n */\n placement?: PopoverProps['placement'];\n }\n>;\n\n/**\n * Dropdown component, used to display a list of options.\n *\n * @example with TriggerContext\n * <DropdownTriggerContext>\n * <DropdownTrigger>Dropdown trigger</DropdownTrigger>\n * <Dropdown placement='bottom-end'>\n * <DropdownHeading>Dropdown</DropdownHeading>\n * <DropdownList>\n * <DropdownItem>\n * <DropdownButton>Item</DropdownButton>\n * </DropdownItem>\n * </DropdownList>\n * </Dropdown>\n * </DropdownTriggerContext>\n *\n * @example without TriggerContext\n * <Button aria-controls=\"some-dropdown\" aria-expanded={open}>Trigger</Button>\n * <Dropdown id=\"some-dropdown\" open={open} onOpenChange={onOpenChange}>\n * <DropdownHeading>Heading</DropdownHeading>\n * <DropdownList>\n * <DropdownItem>\n * <DropdownButton>Item</DropdownButton>\n * </DropdownItem>\n * </DropdownList>\n * </Dropdown>\n */\nexport const Dropdown = ({ placement = 'bottom-end', className, ref, ...rest }: DropdownProps) => {\n return <Popover className={clsx('bi-dropdown', className)} placement={placement} ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,YAAY,EAAE,YAAY,cAAc,WAAW,IAAK,GAAG,WAA0B;AAChG,QAAO,oBAAC;EAAQ,WAAW,KAAK,eAAe;EAAuB;EAAgB;EAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-button-FQqIwqdp.js","names":[],"sources":["../src/components/dropdown/dropdown-button.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../button';\n\nexport type DropdownButtonProps = Omit<ButtonProps, 'variant'>;\n\nexport const DropdownButton = ({ ref, ...rest }: DropdownButtonProps) => {\n return <Button ref={ref} variant='text' {...rest} />;\n};\n"],"mappings":";;;;AAIA,MAAa,
|
|
1
|
+
{"version":3,"file":"dropdown-button-FQqIwqdp.js","names":[],"sources":["../src/components/dropdown/dropdown-button.tsx"],"sourcesContent":["import { Button, type ButtonProps } from '../button';\n\nexport type DropdownButtonProps = Omit<ButtonProps, 'variant'>;\n\nexport const DropdownButton = ({ ref, ...rest }: DropdownButtonProps) => {\n return <Button ref={ref} variant='text' {...rest} />;\n};\n"],"mappings":";;;;AAIA,MAAa,kBAAkB,EAAE,IAAK,GAAG,WAAgC;AACvE,QAAO,oBAAC;EAAY;EAAK,SAAQ;EAAO,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-item-DQQXQC4J.js","names":[],"sources":["../src/components/dropdown/dropdown-item.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {\n ref?: Ref<HTMLLIElement>;\n};\n\nexport const DropdownItem = ({ ref, ...rest }: DropdownItemProps) => <li ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,
|
|
1
|
+
{"version":3,"file":"dropdown-item-DQQXQC4J.js","names":[],"sources":["../src/components/dropdown/dropdown-item.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownItemProps = HTMLAttributes<HTMLLIElement> & {\n ref?: Ref<HTMLLIElement>;\n};\n\nexport const DropdownItem = ({ ref, ...rest }: DropdownItemProps) => <li ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,gBAAgB,EAAE,IAAK,GAAG,WAA8B,oBAAC;CAAQ;CAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-list-DB1mST67.js","names":[],"sources":["../src/components/dropdown/dropdown-list.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownListProps = HTMLAttributes<HTMLUListElement> & {\n ref?: Ref<HTMLUListElement>;\n};\n\nexport const DropdownList = ({ ref, ...rest }: DropdownListProps) => <ul ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,
|
|
1
|
+
{"version":3,"file":"dropdown-list-DB1mST67.js","names":[],"sources":["../src/components/dropdown/dropdown-list.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type DropdownListProps = HTMLAttributes<HTMLUListElement> & {\n ref?: Ref<HTMLUListElement>;\n};\n\nexport const DropdownList = ({ ref, ...rest }: DropdownListProps) => <ul ref={ref} {...rest} />;\n"],"mappings":";;;AAMA,MAAa,gBAAgB,EAAE,IAAK,GAAG,WAA8B,oBAAC;CAAQ;CAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-trigger-Fwrigwtg.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger.tsx"],"sourcesContent":["import { PopoverTrigger, type PopoverTriggerProps } from '../popover';\n\nexport type DropdownTriggerProps = PopoverTriggerProps;\n\nexport const DropdownTrigger = ({ ref, ...rest }: DropdownTriggerProps) => (\n <PopoverTrigger variant='text' ref={ref} {...rest} />\n);\n"],"mappings":";;;;AAIA,MAAa,
|
|
1
|
+
{"version":3,"file":"dropdown-trigger-Fwrigwtg.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger.tsx"],"sourcesContent":["import { PopoverTrigger, type PopoverTriggerProps } from '../popover';\n\nexport type DropdownTriggerProps = PopoverTriggerProps;\n\nexport const DropdownTrigger = ({ ref, ...rest }: DropdownTriggerProps) => (\n <PopoverTrigger variant='text' ref={ref} {...rest} />\n);\n"],"mappings":";;;;AAIA,MAAa,mBAAmB,EAAE,IAAK,GAAG,WACxC,oBAAC;CAAe,SAAQ;CAAY;CAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-trigger-context-BCcyoZEx.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger-context.tsx"],"sourcesContent":["import { PopoverTriggerContext, type PopoverTriggerContextProps } from '../popover';\n\nexport type DropdownTriggerContextProps = PopoverTriggerContextProps;\n\n/**\n * DropdownTriggerContext component, use to wrap a DropdownTrigger and Dropdown.\n *\n * @example\n * <DropdownTriggerContext>\n * <DropdownTrigger>Dropdown</DropdownTrigger>\n * <Dropdown>\n * <DropdownHeading>Heading</DropdownHeading>\n * <DropdownList>\n * <DropdownItem>\n * <DropdownButton>Button</DropdownButton>\n * </DropdownItem>\n * </DropdownList>\n * </Dropdown>\n * </DropdownTriggerContext>\n */\nexport const DropdownTriggerContext = ({ children, ...props }: DropdownTriggerContextProps) => (\n <PopoverTriggerContext {...props}>{children}</PopoverTriggerContext>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,
|
|
1
|
+
{"version":3,"file":"dropdown-trigger-context-BCcyoZEx.js","names":[],"sources":["../src/components/dropdown/dropdown-trigger-context.tsx"],"sourcesContent":["import { PopoverTriggerContext, type PopoverTriggerContextProps } from '../popover';\n\nexport type DropdownTriggerContextProps = PopoverTriggerContextProps;\n\n/**\n * DropdownTriggerContext component, use to wrap a DropdownTrigger and Dropdown.\n *\n * @example\n * <DropdownTriggerContext>\n * <DropdownTrigger>Dropdown</DropdownTrigger>\n * <Dropdown>\n * <DropdownHeading>Heading</DropdownHeading>\n * <DropdownList>\n * <DropdownItem>\n * <DropdownButton>Button</DropdownButton>\n * </DropdownItem>\n * </DropdownList>\n * </Dropdown>\n * </DropdownTriggerContext>\n */\nexport const DropdownTriggerContext = ({ children, ...props }: DropdownTriggerContextProps) => (\n <PopoverTriggerContext {...props}>{children}</PopoverTriggerContext>\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAoBA,MAAa,0BAA0B,EAAE,SAAU,GAAG,YACpD,oBAAC;CAAsB,GAAI;CAAQ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-DFMMLG-d.js","names":[],"sources":["../src/components/field/field.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps, AsChildProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldProps = MergeRight<\n DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>,\n {\n /**\n * Position of toggle-type inputs (radio, checkbox) in the field\n * @default start\n */\n position?: 'start' | 'end';\n /** Set width: 100% */\n fullwidth?: boolean;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\n/**\n * The Field component is used to wrap a form field.\n *\n * @example\n * <Field>\n * <Label>Kort beskrivelse</Label>\n * <FieldDescription>Beskrivelse</FieldDescription>\n * <Input />\n * <ValidationMessage>Feilmelding</ValidationMessage>\n * </Field>\n */\nexport const Field = ({ className, dark, position, fullwidth, asChild, ref, ...props }: FieldProps) => {\n const Component = asChild ? Slot : 'div';\n\n return (\n <Component\n className={clsx('bi-field', className)}\n data-dark={dark}\n data-position={position}\n data-fullwidth={fullwidth}\n ref={ref}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA+BA,MAAa,
|
|
1
|
+
{"version":3,"file":"field-DFMMLG-d.js","names":[],"sources":["../src/components/field/field.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps, AsChildProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldProps = MergeRight<\n DefaultProps & AsChildProps & HTMLAttributes<HTMLDivElement>,\n {\n /**\n * Position of toggle-type inputs (radio, checkbox) in the field\n * @default start\n */\n position?: 'start' | 'end';\n /** Set width: 100% */\n fullwidth?: boolean;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\n/**\n * The Field component is used to wrap a form field.\n *\n * @example\n * <Field>\n * <Label>Kort beskrivelse</Label>\n * <FieldDescription>Beskrivelse</FieldDescription>\n * <Input />\n * <ValidationMessage>Feilmelding</ValidationMessage>\n * </Field>\n */\nexport const Field = ({ className, dark, position, fullwidth, asChild, ref, ...props }: FieldProps) => {\n const Component = asChild ? Slot : 'div';\n\n return (\n <Component\n className={clsx('bi-field', className)}\n data-dark={dark}\n data-position={position}\n data-fullwidth={fullwidth}\n ref={ref}\n {...props}\n />\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA+BA,MAAa,SAAS,EAAE,WAAW,MAAM,UAAU,WAAW,SAAS,IAAK,GAAG,YAAwB;CACrG,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,oBAAC;EACC,WAAW,KAAK,YAAY;EAC5B,aAAW;EACX,iBAAe;EACf,kBAAgB;EACX;EACL,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-affix-npc6m7XL.js","names":[],"sources":["../src/components/field/field-affix.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type FieldAffixesProps = MergeRight<\n AsChildProps & Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>,\n {\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\n/**\n * FieldAffixes component, used to wrap a form field.\n *\n * @example\n * <FieldAffixes>\n * <FieldAffix>+47</FieldAffix>\n * <Input />\n * <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffixes = ({ className, asChild, ref, ...rest }: FieldAffixesProps) => {\n const Component = asChild ? Slot : 'div';\n return <Component className={clsx('bi-field--affixes', className)} ref={ref} {...rest} />;\n};\n\nexport type FieldAffixProps = MergeRight<\n AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>,\n {\n ref?: Ref<HTMLSpanElement>;\n }\n>;\n\n/**\n * FieldAffix component, used to display prefix/suffix for a form field.\n * Use inside the `FieldAffixes` component.\n *\n * @example\n * <FieldAffixes>\n * <FieldAffix>+47</FieldAffix>\n * <Input />\n * <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffix = ({ className, asChild, ref, ...rest }: FieldAffixProps) => {\n const Component = asChild ? Slot : 'span';\n return <Component className={clsx('bi-field--affix', className)} aria-hidden='true' ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAa,
|
|
1
|
+
{"version":3,"file":"field-affix-npc6m7XL.js","names":[],"sources":["../src/components/field/field-affix.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\nimport { Slot } from '@radix-ui/react-slot';\n\nexport type FieldAffixesProps = MergeRight<\n AsChildProps & Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>,\n {\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\n/**\n * FieldAffixes component, used to wrap a form field.\n *\n * @example\n * <FieldAffixes>\n * <FieldAffix>+47</FieldAffix>\n * <Input />\n * <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffixes = ({ className, asChild, ref, ...rest }: FieldAffixesProps) => {\n const Component = asChild ? Slot : 'div';\n return <Component className={clsx('bi-field--affixes', className)} ref={ref} {...rest} />;\n};\n\nexport type FieldAffixProps = MergeRight<\n AsChildProps & Omit<HTMLAttributes<HTMLSpanElement>, 'prefix'>,\n {\n ref?: Ref<HTMLSpanElement>;\n }\n>;\n\n/**\n * FieldAffix component, used to display prefix/suffix for a form field.\n * Use inside the `FieldAffixes` component.\n *\n * @example\n * <FieldAffixes>\n * <FieldAffix>+47</FieldAffix>\n * <Input />\n * <FieldAffix>kr</FieldAffix>\n * </FieldAffixes>\n */\nexport const FieldAffix = ({ className, asChild, ref, ...rest }: FieldAffixProps) => {\n const Component = asChild ? Slot : 'span';\n return <Component className={clsx('bi-field--affix', className)} aria-hidden='true' ref={ref} {...rest} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,MAAa,gBAAgB,EAAE,WAAW,SAAS,IAAK,GAAG,WAA8B;CACvF,MAAM,YAAY,UAAU,OAAO;AACnC,QAAO,oBAAC;EAAU,WAAW,KAAK,qBAAqB;EAAiB;EAAK,GAAI;;;;;;;;;;;;;;AAqBnF,MAAa,cAAc,EAAE,WAAW,SAAS,IAAK,GAAG,WAA4B;CACnF,MAAM,YAAY,UAAU,OAAO;AACnC,QAAO,oBAAC;EAAU,WAAW,KAAK,mBAAmB;EAAY,eAAY;EAAY;EAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-description-Dhm1VA08.js","names":[],"sources":["../src/components/field/field-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldDescriptionProps = MergeRight<\n AsChildProps & HTMLAttributes<HTMLDivElement>,\n {\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const FieldDescription = ({ asChild, className, ref, ...props }: FieldDescriptionProps) => {\n const Component = asChild ? Slot : 'div';\n\n return <Component className={clsx('bi-field--description', className)} ref={ref} {...props} />;\n};\n"],"mappings":";;;;;AAaA,MAAa,
|
|
1
|
+
{"version":3,"file":"field-description-Dhm1VA08.js","names":[],"sources":["../src/components/field/field-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldDescriptionProps = MergeRight<\n AsChildProps & HTMLAttributes<HTMLDivElement>,\n {\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const FieldDescription = ({ asChild, className, ref, ...props }: FieldDescriptionProps) => {\n const Component = asChild ? Slot : 'div';\n\n return <Component className={clsx('bi-field--description', className)} ref={ref} {...props} />;\n};\n"],"mappings":";;;;;AAaA,MAAa,oBAAoB,EAAE,SAAS,WAAW,IAAK,GAAG,YAAmC;CAChG,MAAM,YAAY,UAAU,OAAO;AAEnC,QAAO,oBAAC;EAAU,WAAW,KAAK,yBAAyB;EAAiB;EAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fieldset-Bpu4CRKG.js","names":[],"sources":["../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { FieldsetHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldsetProps = MergeRight<\n DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>,\n {\n ref?: Ref<HTMLFieldSetElement>;\n }\n>;\n\nexport const Fieldset = ({ children, className, dark, ref, ...props }: FieldsetProps) => {\n return (\n <fieldset className={clsx('bi-fieldset', className)} data-dark={dark} ref={ref} {...props}>\n {children}\n </fieldset>\n );\n};\n"],"mappings":";;;;AAYA,MAAa,
|
|
1
|
+
{"version":3,"file":"fieldset-Bpu4CRKG.js","names":[],"sources":["../src/components/fieldset/fieldset.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { FieldsetHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type FieldsetProps = MergeRight<\n DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>,\n {\n ref?: Ref<HTMLFieldSetElement>;\n }\n>;\n\nexport const Fieldset = ({ children, className, dark, ref, ...props }: FieldsetProps) => {\n return (\n <fieldset className={clsx('bi-fieldset', className)} data-dark={dark} ref={ref} {...props}>\n {children}\n </fieldset>\n );\n};\n"],"mappings":";;;;AAYA,MAAa,YAAY,EAAE,UAAU,WAAW,MAAM,IAAK,GAAG,YAA2B;AACvF,QACE,oBAAC;EAAS,WAAW,KAAK,eAAe;EAAY,aAAW;EAAW;EAAK,GAAI;EACjF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fieldset-description-DiHvcLh-.js","names":[],"sources":["../src/components/fieldset/fieldset-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldsetDescriptionProps = MergeRight<\n AsChildProps & HTMLAttributes<HTMLParagraphElement>,\n {\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const FieldsetDescription = ({ asChild, ref, ...props }: FieldsetDescriptionProps) => {\n const Component = asChild ? Slot : 'p';\n\n return <Component ref={ref} {...props} />;\n};\n"],"mappings":";;;;AAYA,MAAa,
|
|
1
|
+
{"version":3,"file":"fieldset-description-DiHvcLh-.js","names":[],"sources":["../src/components/fieldset/fieldset-description.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { AsChildProps } from '../../types';\n\nexport type FieldsetDescriptionProps = MergeRight<\n AsChildProps & HTMLAttributes<HTMLParagraphElement>,\n {\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const FieldsetDescription = ({ asChild, ref, ...props }: FieldsetDescriptionProps) => {\n const Component = asChild ? Slot : 'p';\n\n return <Component ref={ref} {...props} />;\n};\n"],"mappings":";;;;AAYA,MAAa,uBAAuB,EAAE,SAAS,IAAK,GAAG,YAAsC;CAC3F,MAAM,YAAY,UAAU,OAAO;AAEnC,QAAO,oBAAC;EAAe;EAAK,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fieldset-legend-CR4srn2-.js","names":[],"sources":["../src/components/fieldset/fieldset-legend.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport { Label, type LabelProps } from '../label';\n\nexport type FieldsetLegendProps = MergeRight<\n LabelProps & HTMLAttributes<HTMLLegendElement>,\n {\n ref?: Ref<HTMLLegendElement>;\n }\n>;\n\nexport const FieldsetLegend = ({ children, dark, ref, ...props }: FieldsetLegendProps) => {\n return (\n <Label asChild dark={dark}>\n <legend ref={ref} {...props}>\n {children}\n </legend>\n </Label>\n );\n};\n"],"mappings":";;;;AAWA,MAAa,
|
|
1
|
+
{"version":3,"file":"fieldset-legend-CR4srn2-.js","names":[],"sources":["../src/components/fieldset/fieldset-legend.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport { Label, type LabelProps } from '../label';\n\nexport type FieldsetLegendProps = MergeRight<\n LabelProps & HTMLAttributes<HTMLLegendElement>,\n {\n ref?: Ref<HTMLLegendElement>;\n }\n>;\n\nexport const FieldsetLegend = ({ children, dark, ref, ...props }: FieldsetLegendProps) => {\n return (\n <Label asChild dark={dark}>\n <legend ref={ref} {...props}>\n {children}\n </legend>\n </Label>\n );\n};\n"],"mappings":";;;;AAWA,MAAa,kBAAkB,EAAE,UAAU,MAAM,IAAK,GAAG,YAAiC;AACxF,QACE,oBAAC;EAAM;EAAc;YACnB,oBAAC;GAAY;GAAK,GAAI;GACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-group-Fzw9g6JB.js","names":[],"sources":["../src/components/filter-group/filter-group.tsx"],"sourcesContent":["import { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport clsx from 'clsx';\nimport { type Ref, useId, type HtmlHTMLAttributes, type ReactNode } from 'react';\nimport type { AsChildProps, DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { ChevronDownIcon, ChevronUpIcon } from '@bi-digital/icons';\n\nexport type FilterGroupProps = MergeRight<\n DefaultProps & AsChildProps & HtmlHTMLAttributes<HTMLDivElement>,\n {\n /** Icon displayed in the filter group */\n icon: ReactNode;\n /** Label of the filter group */\n label: ReactNode;\n /** Default open state of the filter group, should not be used together with `open` */\n defaultOpen?: boolean;\n /** Control the open state of the filter group */\n open?: boolean;\n /** Callback when the open state changes */\n onOpenChange?: (open: boolean) => void;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const FilterGroup = ({\n dark,\n icon,\n label,\n defaultOpen = false,\n open,\n onOpenChange,\n children,\n className,\n ref,\n ...props\n}: FilterGroupProps) => {\n const filterContentId = useId();\n const [isOpen, setIsOpen] = useControllableState({\n prop: open,\n onChange: onOpenChange,\n defaultProp: defaultOpen,\n caller: 'FilterGroup',\n });\n return (\n <div className={clsx('bi-filter-group', className)} data-dark={dark} data-expanded={isOpen} {...props} ref={ref}>\n <button onClick={() => setIsOpen((prev) => !prev)} aria-expanded={isOpen} aria-controls={filterContentId}>\n {icon}\n <h3>{label}</h3>\n {isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n </button>\n <div id={filterContentId}>{children}</div>\n </div>\n );\n};\n"],"mappings":";;;;;;;AAwBA,MAAa,
|
|
1
|
+
{"version":3,"file":"filter-group-Fzw9g6JB.js","names":[],"sources":["../src/components/filter-group/filter-group.tsx"],"sourcesContent":["import { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport clsx from 'clsx';\nimport { type Ref, useId, type HtmlHTMLAttributes, type ReactNode } from 'react';\nimport type { AsChildProps, DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { ChevronDownIcon, ChevronUpIcon } from '@bi-digital/icons';\n\nexport type FilterGroupProps = MergeRight<\n DefaultProps & AsChildProps & HtmlHTMLAttributes<HTMLDivElement>,\n {\n /** Icon displayed in the filter group */\n icon: ReactNode;\n /** Label of the filter group */\n label: ReactNode;\n /** Default open state of the filter group, should not be used together with `open` */\n defaultOpen?: boolean;\n /** Control the open state of the filter group */\n open?: boolean;\n /** Callback when the open state changes */\n onOpenChange?: (open: boolean) => void;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const FilterGroup = ({\n dark,\n icon,\n label,\n defaultOpen = false,\n open,\n onOpenChange,\n children,\n className,\n ref,\n ...props\n}: FilterGroupProps) => {\n const filterContentId = useId();\n const [isOpen, setIsOpen] = useControllableState({\n prop: open,\n onChange: onOpenChange,\n defaultProp: defaultOpen,\n caller: 'FilterGroup',\n });\n return (\n <div className={clsx('bi-filter-group', className)} data-dark={dark} data-expanded={isOpen} {...props} ref={ref}>\n <button onClick={() => setIsOpen((prev) => !prev)} aria-expanded={isOpen} aria-controls={filterContentId}>\n {icon}\n <h3>{label}</h3>\n {isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n </button>\n <div id={filterContentId}>{children}</div>\n </div>\n );\n};\n"],"mappings":";;;;;;;AAwBA,MAAa,eAAe,EAC1B,MACA,MACA,OACA,cAAc,OACd,MACA,cACA,UACA,WACA,IACA,GAAG,YACmB;CACtB,MAAM,kBAAkB;CACxB,MAAM,CAAC,QAAQ,aAAa,qBAAqB;EAC/C,MAAM;EACN,UAAU;EACV,aAAa;EACb,QAAQ;;AAEV,QACE,qBAAC;EAAI,WAAW,KAAK,mBAAmB;EAAY,aAAW;EAAM,iBAAe;EAAQ,GAAI;EAAY;aAC1G,qBAAC;GAAO,eAAe,WAAW,SAAS,CAAC;GAAO,iBAAe;GAAQ,iBAAe;;IACtF;IACD,oBAAC,kBAAI;IACJ,SAAS,oBAAC,qBAAmB,oBAAC;;MAEjC,oBAAC;GAAI,IAAI;GAAkB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer-B9sjkncE.js","names":[],"sources":["../src/components/footer/footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { FacebookIcon, XIcon, LinkedinIcon, InstagramIcon } from '@bi-digital/icons';\nimport { Button } from '../button';\n\nexport type FooterProps = MergeRight<\n DefaultProps & HTMLAttributes<HTMLDivElement>,\n {\n /**\n * The text to display in the copyright section.\n * @default 'Handelshøyskolen BI'\n */\n copyRightText?: string;\n /**\n * Whether to hide the accreditation icons.\n * @default false\n */\n hideAccreditationIcons?: boolean;\n /**\n * Whether to hide the social media icons.\n * @default false\n */\n hideSocialMediaIcons?: boolean;\n /**\n * Whether to hide the copyright text.\n * @default false\n */\n hideCopyRight?: boolean;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const Footer = ({\n dark,\n copyRightText = 'Handelshøyskolen BI',\n hideAccreditationIcons = false,\n hideSocialMediaIcons = false,\n hideCopyRight = false,\n className,\n children,\n ref,\n ...props\n}: FooterProps) => {\n return (\n <footer className={clsx('bi-footer', className)} data-dark={dark} ref={ref} {...props}>\n <div className='bi-footer--links-container'>{children}</div>\n {!hideAccreditationIcons && (\n <div className='bi-footer--accreditations'>\n <a\n aria-label='AACSB-link'\n target='_blank'\n href='https://www.aacsb.edu/accreditation'\n rel='noopener noreferrer'\n >\n <span className='bi-footer--aacsb' />\n </a>\n <a\n aria-label='Equis-link'\n target='_blank'\n href='https://www.efmdglobal.org/accreditations/business-schools/equis/'\n rel='noopener noreferrer'\n >\n <span className='bi-footer--equis' />\n </a>\n <a aria-label='AMBA-link' target='_blank' href='https://www.associationofmbas.com/' rel='noopener noreferrer'>\n <span className='bi-footer--amba' />\n </a>\n </div>\n )}\n {!hideSocialMediaIcons && (\n <div className='bi-footer--socials'>\n <Button size='large' variant='text' icon asChild dark={dark}>\n <a target='_blank' href='https://www.facebook.com/HandelshoyskolenBI/' rel='noopener noreferrer'>\n <FacebookIcon title='BI Facebook' />\n </a>\n </Button>\n <Button size='large' variant='text' icon asChild dark={dark}>\n <a target='_blank' href='https://twitter.com/handelshoyskbi' rel='noopener noreferrer'>\n <XIcon title='BI X' />\n </a>\n </Button>\n <Button size='large' variant='text' icon asChild dark={dark}>\n <a\n target='_blank'\n href='https://www.linkedin.com/school/bi-norwegian-business-school/'\n rel='noopener noreferrer'\n >\n <LinkedinIcon title='BI LinkedIn' />\n </a>\n </Button>\n <Button size='large' variant='text' icon asChild dark={dark}>\n <a target='_blank' href='https://www.instagram.com/binorwegianbusinesschool/' rel='noopener noreferrer'>\n <InstagramIcon title='BI Instagram' />\n </a>\n </Button>\n </div>\n )}\n {!hideCopyRight && <p className='bi-footer--copyright'>{`© ${new Date().getFullYear()} ${copyRightText}`}</p>}\n </footer>\n );\n};\n"],"mappings":";;;;;;AAkCA,MAAa,
|
|
1
|
+
{"version":3,"file":"footer-B9sjkncE.js","names":[],"sources":["../src/components/footer/footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { FacebookIcon, XIcon, LinkedinIcon, InstagramIcon } from '@bi-digital/icons';\nimport { Button } from '../button';\n\nexport type FooterProps = MergeRight<\n DefaultProps & HTMLAttributes<HTMLDivElement>,\n {\n /**\n * The text to display in the copyright section.\n * @default 'Handelshøyskolen BI'\n */\n copyRightText?: string;\n /**\n * Whether to hide the accreditation icons.\n * @default false\n */\n hideAccreditationIcons?: boolean;\n /**\n * Whether to hide the social media icons.\n * @default false\n */\n hideSocialMediaIcons?: boolean;\n /**\n * Whether to hide the copyright text.\n * @default false\n */\n hideCopyRight?: boolean;\n ref?: Ref<HTMLDivElement>;\n }\n>;\n\nexport const Footer = ({\n dark,\n copyRightText = 'Handelshøyskolen BI',\n hideAccreditationIcons = false,\n hideSocialMediaIcons = false,\n hideCopyRight = false,\n className,\n children,\n ref,\n ...props\n}: FooterProps) => {\n return (\n <footer className={clsx('bi-footer', className)} data-dark={dark} ref={ref} {...props}>\n <div className='bi-footer--links-container'>{children}</div>\n {!hideAccreditationIcons && (\n <div className='bi-footer--accreditations'>\n <a\n aria-label='AACSB-link'\n target='_blank'\n href='https://www.aacsb.edu/accreditation'\n rel='noopener noreferrer'\n >\n <span className='bi-footer--aacsb' />\n </a>\n <a\n aria-label='Equis-link'\n target='_blank'\n href='https://www.efmdglobal.org/accreditations/business-schools/equis/'\n rel='noopener noreferrer'\n >\n <span className='bi-footer--equis' />\n </a>\n <a aria-label='AMBA-link' target='_blank' href='https://www.associationofmbas.com/' rel='noopener noreferrer'>\n <span className='bi-footer--amba' />\n </a>\n </div>\n )}\n {!hideSocialMediaIcons && (\n <div className='bi-footer--socials'>\n <Button size='large' variant='text' icon asChild dark={dark}>\n <a target='_blank' href='https://www.facebook.com/HandelshoyskolenBI/' rel='noopener noreferrer'>\n <FacebookIcon title='BI Facebook' />\n </a>\n </Button>\n <Button size='large' variant='text' icon asChild dark={dark}>\n <a target='_blank' href='https://twitter.com/handelshoyskbi' rel='noopener noreferrer'>\n <XIcon title='BI X' />\n </a>\n </Button>\n <Button size='large' variant='text' icon asChild dark={dark}>\n <a\n target='_blank'\n href='https://www.linkedin.com/school/bi-norwegian-business-school/'\n rel='noopener noreferrer'\n >\n <LinkedinIcon title='BI LinkedIn' />\n </a>\n </Button>\n <Button size='large' variant='text' icon asChild dark={dark}>\n <a target='_blank' href='https://www.instagram.com/binorwegianbusinesschool/' rel='noopener noreferrer'>\n <InstagramIcon title='BI Instagram' />\n </a>\n </Button>\n </div>\n )}\n {!hideCopyRight && <p className='bi-footer--copyright'>{`© ${new Date().getFullYear()} ${copyRightText}`}</p>}\n </footer>\n );\n};\n"],"mappings":";;;;;;AAkCA,MAAa,UAAU,EACrB,MACA,gBAAgB,uBAChB,yBAAyB,OACzB,uBAAuB,OACvB,gBAAgB,OAChB,WACA,UACA,IACA,GAAG,YACc;AACjB,QACE,qBAAC;EAAO,WAAW,KAAK,aAAa;EAAY,aAAW;EAAW;EAAK,GAAI;;GAC9E,oBAAC;IAAI,WAAU;IAA8B;;GAC5C,CAAC,0BACA,qBAAC;IAAI,WAAU;;KACb,oBAAC;MACC,cAAW;MACX,QAAO;MACP,MAAK;MACL,KAAI;gBAEJ,oBAAC,UAAK,WAAU;;KAElB,oBAAC;MACC,cAAW;MACX,QAAO;MACP,MAAK;MACL,KAAI;gBAEJ,oBAAC,UAAK,WAAU;;KAElB,oBAAC;MAAE,cAAW;MAAY,QAAO;MAAS,MAAK;MAAqC,KAAI;gBACtF,oBAAC,UAAK,WAAU;;;;GAIrB,CAAC,wBACA,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gBACrD,oBAAC;OAAE,QAAO;OAAS,MAAK;OAA+C,KAAI;iBACzE,oBAAC,gBAAa,OAAM;;;KAGxB,oBAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gBACrD,oBAAC;OAAE,QAAO;OAAS,MAAK;OAAqC,KAAI;iBAC/D,oBAAC,SAAM,OAAM;;;KAGjB,oBAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gBACrD,oBAAC;OACC,QAAO;OACP,MAAK;OACL,KAAI;iBAEJ,oBAAC,gBAAa,OAAM;;;KAGxB,oBAAC;MAAO,MAAK;MAAQ,SAAQ;MAAO;MAAK;MAAc;gBACrD,oBAAC;OAAE,QAAO;OAAS,MAAK;OAAsD,KAAI;iBAChF,oBAAC,iBAAc,OAAM;;;;;GAK5B,CAAC,iBAAiB,oBAAC;IAAE,WAAU;cAAwB,sBAAK,IAAI,QAAO,cAAc,GAAG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer-links-BIUrxu38.js","names":[],"sources":["../src/components/footer/footer-links.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type FooterLinksProps = HTMLAttributes<HTMLDivElement> & {\n /**\n * Optional leading text to display before the links.\n */\n leadingText?: string;\n ref?: Ref<HTMLDivElement>;\n};\n\nexport const FooterLinks = ({ leadingText, children, ref, ...props }: FooterLinksProps) => {\n return (\n <div className='bi-footer--links' ref={ref} {...props}>\n {leadingText && <p>{leadingText}:</p>}\n <div>{children}</div>\n </div>\n );\n};\n"],"mappings":";;;AAUA,MAAa,
|
|
1
|
+
{"version":3,"file":"footer-links-BIUrxu38.js","names":[],"sources":["../src/components/footer/footer-links.tsx"],"sourcesContent":["import type { HTMLAttributes, Ref } from 'react';\n\nexport type FooterLinksProps = HTMLAttributes<HTMLDivElement> & {\n /**\n * Optional leading text to display before the links.\n */\n leadingText?: string;\n ref?: Ref<HTMLDivElement>;\n};\n\nexport const FooterLinks = ({ leadingText, children, ref, ...props }: FooterLinksProps) => {\n return (\n <div className='bi-footer--links' ref={ref} {...props}>\n {leadingText && <p>{leadingText}:</p>}\n <div>{children}</div>\n </div>\n );\n};\n"],"mappings":";;;AAUA,MAAa,eAAe,EAAE,aAAa,UAAU,IAAK,GAAG,YAA8B;AACzF,QACE,qBAAC;EAAI,WAAU;EAAwB;EAAK,GAAI;aAC7C,eAAe,qBAAC,kBAAG,aAAY,SAChC,oBAAC,SAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-Dr7BnTyd.js","names":[],"sources":["../src/components/input/input.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { InputHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type InputProps = MergeRight<\n DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'type'>,\n {\n /**\n * Size of the input field.\n * @default 'medium'\n */\n size?: 'medium' | 'large';\n /**\n * The `input` type\n * @default 'text'\n * */\n type?:\n | 'checkbox'\n | 'color'\n | 'date'\n | 'datetime-local'\n | 'email'\n | 'file'\n | 'hidden'\n | 'month'\n | 'number'\n | 'password'\n | 'radio'\n | 'search'\n | 'tel'\n | 'text'\n | 'time'\n | 'url'\n | 'week';\n /** Set the visible width, in characters, of the `Input` component. */\n visibleWidth?: number;\n /**\n * Disable the element\n * @note Avoid using if possible for accessibility purposes\n */\n disabled?: boolean;\n /** Toggle `readOnly` */\n readOnly?: boolean;\n ref?: Ref<HTMLInputElement>;\n }\n>;\n\nexport const Input = ({\n type = 'text',\n size = 'medium',\n visibleWidth,\n className,\n onChange,\n onClick,\n dark,\n readOnly,\n ref,\n ...props\n}: InputProps) => {\n return (\n <input\n className={clsx('bi-input', className)}\n data-dark={dark}\n data-size={size}\n ref={ref}\n type={type}\n readOnly={readOnly}\n onChange={(event) => readOnly || onChange?.(event)} // Make readonly work for [type=\"checkbox\"]/[type=\"radio\"]\n onClick={(event) => {\n if (readOnly) event.preventDefault(); // Make readonly work for [type=\"checkbox\"]/[type=\"radio\"]\n onClick?.(event);\n }}\n size={visibleWidth}\n {...props}\n />\n );\n};\n"],"mappings":";;;;AAgDA,MAAa,
|
|
1
|
+
{"version":3,"file":"input-Dr7BnTyd.js","names":[],"sources":["../src/components/input/input.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport type { InputHTMLAttributes, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type InputProps = MergeRight<\n DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'type'>,\n {\n /**\n * Size of the input field.\n * @default 'medium'\n */\n size?: 'medium' | 'large';\n /**\n * The `input` type\n * @default 'text'\n * */\n type?:\n | 'checkbox'\n | 'color'\n | 'date'\n | 'datetime-local'\n | 'email'\n | 'file'\n | 'hidden'\n | 'month'\n | 'number'\n | 'password'\n | 'radio'\n | 'search'\n | 'tel'\n | 'text'\n | 'time'\n | 'url'\n | 'week';\n /** Set the visible width, in characters, of the `Input` component. */\n visibleWidth?: number;\n /**\n * Disable the element\n * @note Avoid using if possible for accessibility purposes\n */\n disabled?: boolean;\n /** Toggle `readOnly` */\n readOnly?: boolean;\n ref?: Ref<HTMLInputElement>;\n }\n>;\n\nexport const Input = ({\n type = 'text',\n size = 'medium',\n visibleWidth,\n className,\n onChange,\n onClick,\n dark,\n readOnly,\n ref,\n ...props\n}: InputProps) => {\n return (\n <input\n className={clsx('bi-input', className)}\n data-dark={dark}\n data-size={size}\n ref={ref}\n type={type}\n readOnly={readOnly}\n onChange={(event) => readOnly || onChange?.(event)} // Make readonly work for [type=\"checkbox\"]/[type=\"radio\"]\n onClick={(event) => {\n if (readOnly) event.preventDefault(); // Make readonly work for [type=\"checkbox\"]/[type=\"radio\"]\n onClick?.(event);\n }}\n size={visibleWidth}\n {...props}\n />\n );\n};\n"],"mappings":";;;;AAgDA,MAAa,SAAS,EACpB,OAAO,QACP,OAAO,UACP,cACA,WACA,UACA,SACA,MACA,UACA,IACA,GAAG,YACa;AAChB,QACE,oBAAC;EACC,WAAW,KAAK,YAAY;EAC5B,aAAW;EACX,aAAW;EACN;EACC;EACI;EACV,WAAW,UAAU,YAAY,WAAW;EAC5C,UAAU,UAAU;AAClB,OAAI,SAAU,OAAM;AACpB,aAAU;;EAEZ,MAAM;EACN,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label-DUzvAx-T.js","names":[],"sources":["../src/components/label/label.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { LabelHTMLAttributes, Ref } from 'react';\nimport type { AsChildProps, DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type LabelProps = MergeRight<\n DefaultProps & AsChildProps & LabelHTMLAttributes<HTMLLabelElement>,\n {\n /**\n * Sets the font weight of the label. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset\n * @default 'semibold'\n */\n weight?: 'regular' | 'medium' | 'semibold';\n ref?: Ref<HTMLLabelElement>;\n }\n>;\n\nexport const Label = ({ className, weight = 'semibold', dark, asChild, ref, ...props }: LabelProps) => {\n const Component = asChild ? Slot : 'label';\n\n return (\n <Component ref={ref} className={clsx('bi-label', className)} data-dark={dark} data-weight={weight} {...props} />\n );\n};\n"],"mappings":";;;;;AAkBA,MAAa,
|
|
1
|
+
{"version":3,"file":"label-DUzvAx-T.js","names":[],"sources":["../src/components/label/label.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx/lite';\nimport type { LabelHTMLAttributes, Ref } from 'react';\nimport type { AsChildProps, DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type LabelProps = MergeRight<\n DefaultProps & AsChildProps & LabelHTMLAttributes<HTMLLabelElement>,\n {\n /**\n * Sets the font weight of the label. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset\n * @default 'semibold'\n */\n weight?: 'regular' | 'medium' | 'semibold';\n ref?: Ref<HTMLLabelElement>;\n }\n>;\n\nexport const Label = ({ className, weight = 'semibold', dark, asChild, ref, ...props }: LabelProps) => {\n const Component = asChild ? Slot : 'label';\n\n return (\n <Component ref={ref} className={clsx('bi-label', className)} data-dark={dark} data-weight={weight} {...props} />\n );\n};\n"],"mappings":";;;;;AAkBA,MAAa,SAAS,EAAE,WAAW,SAAS,YAAY,MAAM,SAAS,IAAK,GAAG,YAAwB;CACrG,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,oBAAC;EAAe;EAAK,WAAW,KAAK,YAAY;EAAY,aAAW;EAAM,eAAa;EAAQ,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"link-BqDeZAJF.js","names":[],"sources":["../src/components/link/link.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { AnchorHTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type LinkProps = MergeRight<\n DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>,\n {\n /**\n * Set the color of the link.\n * @default 'primary'\n */\n color?: 'primary' | 'neutral';\n /**\n * Control the underline style of the link.\n * - 'always': The link is always underlined.\n * - 'hover': The link is underlined only on hover.\n * @default 'always'\n */\n underline?: 'always' | 'hover';\n children: ReactNode;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLAnchorElement>;\n }\n>;\n\nexport const Link = ({ asChild, className, color, dark, underline, ref, ...rest }: LinkProps) => {\n const Component = asChild ? Slot : 'a';\n\n return (\n <Component\n className={clsx('bi-link', className)}\n data-color={color}\n data-dark={dark}\n data-underline={underline}\n ref={ref}\n {...rest}\n />\n );\n};\n"],"mappings":";;;;;AA+BA,MAAa,
|
|
1
|
+
{"version":3,"file":"link-BqDeZAJF.js","names":[],"sources":["../src/components/link/link.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport clsx from 'clsx';\nimport type { AnchorHTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\n\nexport type LinkProps = MergeRight<\n DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>,\n {\n /**\n * Set the color of the link.\n * @default 'primary'\n */\n color?: 'primary' | 'neutral';\n /**\n * Control the underline style of the link.\n * - 'always': The link is always underlined.\n * - 'hover': The link is underlined only on hover.\n * @default 'always'\n */\n underline?: 'always' | 'hover';\n children: ReactNode;\n /**\n * Change the default rendered element for the one passed as a child, merging their props and behavior.\n * @default false\n */\n asChild?: boolean;\n ref?: Ref<HTMLAnchorElement>;\n }\n>;\n\nexport const Link = ({ asChild, className, color, dark, underline, ref, ...rest }: LinkProps) => {\n const Component = asChild ? Slot : 'a';\n\n return (\n <Component\n className={clsx('bi-link', className)}\n data-color={color}\n data-dark={dark}\n data-underline={underline}\n ref={ref}\n {...rest}\n />\n );\n};\n"],"mappings":";;;;;AA+BA,MAAa,QAAQ,EAAE,SAAS,WAAW,OAAO,MAAM,WAAW,IAAK,GAAG,WAAsB;CAC/F,MAAM,YAAY,UAAU,OAAO;AAEnC,QACE,oBAAC;EACC,WAAW,KAAK,WAAW;EAC3B,cAAY;EACZ,aAAW;EACX,kBAAgB;EACX;EACL,GAAI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"logo-QKrYvRFP.js","names":[],"sources":["../src/components/logo/logo.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type LogoProps = MergeRight<\n DefaultProps & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>,\n {\n /**\n * Determines if the international logo should be used.\n * @default false\n */\n international?: boolean;\n /**\n * Determines if the logo text should be displayed vertically.\n * Only applies when `international` is `true`.\n * @default false\n */\n vertical?: boolean;\n /**\n * Determines the height of the logo.\n * @default 'medium'\n */\n size?: 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';\n ref?: Ref<HTMLSpanElement>;\n }\n>;\n\nexport const Logo = ({\n dark = false,\n international = false,\n vertical = false,\n size = 'medium',\n className,\n ref,\n ...props\n}: LogoProps) => {\n return (\n <span\n {...props}\n className={clsx('bi-logo', className)}\n data-dark={dark}\n data-international={international}\n data-vertical={vertical}\n data-size={size}\n ref={ref}\n />\n );\n};\n"],"mappings":";;;;AA4BA,MAAa,
|
|
1
|
+
{"version":3,"file":"logo-QKrYvRFP.js","names":[],"sources":["../src/components/logo/logo.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\nimport type { DefaultProps } from '../../types';\n\nexport type LogoProps = MergeRight<\n DefaultProps & Omit<HTMLAttributes<HTMLSpanElement>, 'children'>,\n {\n /**\n * Determines if the international logo should be used.\n * @default false\n */\n international?: boolean;\n /**\n * Determines if the logo text should be displayed vertically.\n * Only applies when `international` is `true`.\n * @default false\n */\n vertical?: boolean;\n /**\n * Determines the height of the logo.\n * @default 'medium'\n */\n size?: 'xs' | 'small' | 'medium' | 'large' | 'xl' | 'xxl';\n ref?: Ref<HTMLSpanElement>;\n }\n>;\n\nexport const Logo = ({\n dark = false,\n international = false,\n vertical = false,\n size = 'medium',\n className,\n ref,\n ...props\n}: LogoProps) => {\n return (\n <span\n {...props}\n className={clsx('bi-logo', className)}\n data-dark={dark}\n data-international={international}\n data-vertical={vertical}\n data-size={size}\n ref={ref}\n />\n );\n};\n"],"mappings":";;;;AA4BA,MAAa,QAAQ,EACnB,OAAO,OACP,gBAAgB,OAChB,WAAW,OACX,OAAO,UACP,WACA,IACA,GAAG,YACY;AACf,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,KAAK,WAAW;EAC3B,aAAW;EACX,sBAAoB;EACpB,iBAAe;EACf,aAAW;EACN"}
|
package/dist/main.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { UseCheckboxGroupOptions, useCheckboxGroup } from "./useCheckboxGroup-D61FVz37.js";
|
|
2
2
|
import { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect-DYtMRdO-.js";
|
|
3
3
|
import "./types-Bga-EYiy.js";
|
|
4
|
-
import { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, CheckboxSubsection, CheckboxSubsectionProps, Chip, ChipProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownProps, DropdownTrigger, DropdownTriggerContext, DropdownTriggerContextProps, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, Footer, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Selectfield, SelectfieldProps, SkipLink, SkipLinkProps, Spinner, SpinnerProps, SubNavbar, SubNavbarProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination } from "./alert-footer-
|
|
5
|
-
import { Context, DialogTriggerContext, DialogTriggerContextProps } from "./dialog-trigger-context-
|
|
4
|
+
import { Alert, AlertFooter, AlertFooterProps, AlertProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardAction, CardActionProps, CardActions, CardActionsProps, CardContent, CardContentProps, CardDate, CardDateProps, CardHeader, CardHeaderProps, CardMedia, CardMediaProps, CardProps, Checkbox, CheckboxProps, CheckboxSubsection, CheckboxSubsectionProps, Chip, ChipProps, Dialog, DialogCloseButton, DialogCloseButtonProps, DialogContent, DialogContentProps, DialogFooter, DialogFooterProps, DialogHeader, DialogHeaderProps, DialogProps, DialogTrigger, DialogTriggerProps, Drawer, DrawerCloseButton, DrawerCloseButtonProps, DrawerContent, DrawerContentProps, DrawerFooter, DrawerFooterProps, DrawerHeader, DrawerHeaderProps, DrawerProps, DrawerTrigger, DrawerTriggerProps, Dropdown, DropdownButton, DropdownButtonProps, DropdownProps, DropdownTrigger, DropdownTriggerContext, DropdownTriggerContextProps, DropdownTriggerProps, Field, FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps, FieldDescription, FieldDescriptionProps, FieldProps, Fieldset, FieldsetDescription, FieldsetDescriptionProps, FieldsetLegend, FieldsetLegendProps, FieldsetProps, FilterGroup, FilterGroupProps, Footer, FooterProps, Input, InputProps, Label, LabelProps, Link, LinkProps, Logo, LogoProps, Navbar, NavbarProps, Pagination, PaginationButton, PaginationButtonProps, PaginationProps, Popover, PopoverProps, PopoverTrigger, PopoverTriggerProps, Radio, RadioProps, Search, SearchProps, Select, SelectOptgroup, SelectOptgroupProps, SelectOption, SelectOptionProps, SelectProps, Selectfield, SelectfieldProps, SkipLink, SkipLinkProps, Spinner, SpinnerProps, SubNavbar, SubNavbarProps, Tab, TabProps, Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsProps, Textarea, TextareaProps, Textfield, TextfieldProps, UsePaginationProps, ValidationMessage, ValidationMessageProps, usePagination } from "./alert-footer-DWZoQIek.js";
|
|
5
|
+
import { Context, DialogTriggerContext, DialogTriggerContextProps } from "./dialog-trigger-context-BxroyS54.js";
|
|
6
6
|
import { DrawerTriggerContext, DrawerTriggerContextProps } from "./drawer-trigger-context-CNBRwj7l.js";
|
|
7
7
|
import { PopoverTriggerContext, PopoverTriggerContextProps } from "./popover-trigger-context-8iojEYe0.js";
|
|
8
8
|
import { DropdownItem, DropdownItemProps } from "./dropdown-item-CGg_2cV1.js";
|