@choco-vanille/ui 1.1.1 → 1.1.2

package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { DrawerActionItemProps } from './types/DrawerActionItem.props.ts';
+/**
+ * A button-like action row rendered inside a `Drawer`.
+ *
+ * Useful for actions that do not navigate, such as "Sign out" or "Toggle theme".
+ */
+declare const DrawerActionItem: FC<DrawerActionItemProps>;
+export default DrawerActionItem;

package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.js

@@ -0,0 +1,240 @@
+import { jsx as r } from "react/jsx-runtime";
+import { memo as l } from "react";
+import { DRAWER_ITEM_STYLES as A } from "../_shared/styles/DrawerItemShared.css.js";
+import "../../../context/Drawer.context.js";
+import { useDrawerItemAttributes as D } from "../_shared/hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.js";
+import I from "../_shared/components/drawer-item-content/DrawerItemContent.js";
+import { cn as b } from "../../../../../../utils/cn.js";
+import "../../../../../theme-provider/ThemeProvider.js";
+import "../../../../../theme-provider/ThemeProvider.context.js";
+import "../../../../../data-display/avatar/Avatar.js";
+import "../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.js";
+import "../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.js";
+import "../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.js";
+import "../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.js";
+import "../../../../../data-display/avatar-group/AvatarGroup.js";
+import "../../../../../data-display/badge/Badge.js";
+import "../../../../../data-display/badge/styles/Badge.css.js";
+import "../../../../../data-display/table/Table.js";
+import "../../../../../data-display/table/styles/Table.css.js";
+/* empty css                                                  */
+/* empty css                                                                                              */
+/* empty css                                                                                          */
+/* empty css                                                                                              */
+import "../../../../../data-display/table/components/table-row/styles/TableRow.css.js";
+import "../../../../../data-display/table/components/table-head/styles/TableHead.css.js";
+import "../../../../../data-display/table/components/table-cell/styles/TableCell.css.js";
+/* empty css                                                                                                */
+import "../../../../../actions/button/Button.js";
+import "../../../../../actions/button/styles/Button.css.js";
+import "../../../../../actions/icon-button/IconButton.js";
+import "../../../../../actions/icon-button/styles/IconButton.css.js";
+import "../../../../../actions/toggle-button/ToggleButton.js";
+import "../../../../../actions/toggle-button/styles/ToggleButton.css.js";
+import "../../../../../actions/toggle-icon-button/ToggleIconButton.js";
+import "../../../../../actions/toggle-icon-button/styles/ToggleIconButton.css.js";
+import "../../../../../actions/toggle-button-group/ToggleButtonGroup.js";
+import "../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.js";
+import "../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.js";
+import "../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.js";
+import "../../../../../foundation/icon/Icon.js";
+import "../../../../../foundation/icon/styles/Icon.css.js";
+import "../../../../../foundation/typography/Typography.js";
+import "../../../../../foundation/typography/styles/Typography.css.js";
+import "../../../../../forms/autocomplete/Autocomplete.js";
+import "../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.js";
+import "../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.js";
+import "../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.js";
+/* empty css                                                                                                              */
+import "../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.js";
+import "../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.js";
+import "../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.js";
+import "../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.js";
+/* empty css                                                                    */
+/* empty css                                                                     */
+/* empty css                                                                             */
+/* empty css                                                                          */
+/* empty css                                                                           */
+/* empty css                                                                        */
+/* empty css                                                                         */
+/* empty css                                                                           */
+/* empty css                                                                            */
+/* empty css                                                                          */
+/* empty css                                                                           */
+/* empty css                                                                           */
+/* empty css                                                                                                              */
+import "../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.js";
+import "../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.js";
+import "../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.js";
+import "../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.js";
+/* empty css                                                                                                        */
+import "../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.js";
+import "../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.js";
+/* empty css                                                                                                                  */
+import "../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.js";
+import "../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.js";
+import "../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.js";
+/* empty css                                                                       */
+import "../../../../../forms/calendar/Calendar.js";
+/* empty css                                                                   */
+/* empty css                                                                                                  */
+/* empty css                                                                   */
+/* empty css                                                                        */
+/* empty css                                                                                                       */
+/* empty css                                                                                                     */
+import "../../../../../forms/checkbox/Checkbox.js";
+/* empty css                                                               */
+import "../../../../../forms/date-picker/DatePicker.js";
+/* empty css                                                                    */
+import "../../../../../forms/radio-group/RadioGroup.js";
+/* empty css                                                                                         */
+import "../../../../../forms/select/Select.js";
+import "../../../../../forms/select/components/select-trigger/SelectTrigger.js";
+import "../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.js";
+import "../../../../../forms/select/components/select-content/SelectContent.js";
+/* empty css                                                                                            */
+import "../../../../../forms/select/components/select-list/SelectList.js";
+import "../../../../../forms/select/components/select-group/SelectGroup.js";
+import "../../../../../forms/select/components/select-label/SelectLabel.js";
+/* empty css                                                                                        */
+import "../../../../../forms/select/components/select-item/SelectItem.js";
+/* empty css                                                                                      */
+import "../../../../../forms/select/components/select-separator/SelectSeparator.js";
+/* empty css                                                                                                */
+import "../../../../../forms/select/components/select-field/SelectField.js";
+/* empty css                                                           */
+import "../../../../../forms/switch/Switch.js";
+import "../../../../../forms/switch/styles/Switch.css.js";
+import "../../../../../forms/text-area/TextArea.js";
+import "../../../../../forms/text-area/styles/TextArea.css.js";
+/* empty css                                                      */
+/* empty css                                                                                                */
+/* empty css                                                                                                         */
+/* empty css                                                                                                         */
+import "../../../../../forms/text-field/TextField.js";
+import "../../../../../forms/text-field/styles/TextField.css.js";
+/* empty css                                                                                                   */
+/* empty css                                                                                                            */
+/* empty css                                                                                                            */
+/* empty css                                                                    */
+/* empty css                                                                 */
+import "../../../../../forms/_shared/components/helper-text/HelperText.js";
+import "../../../../../layout/box/Box.js";
+import "../../../../../layout/box/styles/Box.css.js";
+import "../../../../../layout/flex/Flex.js";
+import "../../../../../layout/flex/styles/Flex.css.js";
+import "../../../../../layout/grid/Grid.js";
+import "../../../../../layout/grid/styles/Grid.css.js";
+import "../../../../../layout/image/Image.js";
+import "../../../../../layout/image/styles/Image.css.js";
+import "../../../../../layout/separator/Separator.js";
+import "../../../../../layout/separator/styles/Separator.css.js";
+import "../../../../../layout/form/Form.js";
+/* empty css                                                        */
+import "../../../../../layout/fieldset/Fieldset.js";
+/* empty css                                                                */
+import "../../../../../layout/legend/Legend.js";
+/* empty css                                                            */
+import "../../../../../surfaces/accordion/Accordion.js";
+/* empty css                                                                    */
+import "../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.js";
+/* empty css                                                                                                        */
+/* empty css                                                                                                        */
+import "../../../../../surfaces/card/Card.js";
+/* empty css                                                          */
+/* empty css                                                                                       */
+import "../../../../../surfaces/collapsible/Collapsible.js";
+/* empty css                                                                        */
+/* empty css                                                                                                              */
+/* empty css                                                                                                          */
+import "../../../../../navigation/tabs/Tabs.js";
+/* empty css                                                                                           */
+import "../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.js";
+import "../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.js";
+import "../../../../../navigation/link/Link.js";
+/* empty css                                                            */
+import w from "../../../../tooltip/Tooltip.js";
+import "../../../../tooltip/components/tooltip-provider/TooltipProvider.js";
+/* empty css                                                    */
+import "../../../../dropdown-menu/index.js";
+import "../../../../popover/Popover.js";
+/* empty css                                                                              */
+import "../../../../hover-card/HoverCard.js";
+import "../../../../dialog/Dialog.js";
+/* empty css                                                  */
+/* empty css                                                                                 */
+import "../../../Drawer.js";
+import "../../../styles/Drawer.css.js";
+import "../../../../../feedback/skeleton/Skeleton.js";
+import "../../../../../feedback/skeleton/styles/Skeleton.css.js";
+import "../../../../../feedback/callout/Callout.js";
+import "../../../../../feedback/callout/styles/Callout.css.js";
+import "../../../../../feedback/callout/components/callout-icon/CalloutIcon.js";
+/* empty css                                                                                            */
+import "../../../../../feedback/callout/components/callout-title/CalloutTitle.js";
+import "../../../../../feedback/callout/components/callout-description/CalloutDescription.js";
+import "../../../../../feedback/toast/Toast.js";
+import "../../../../../feedback/toast/styles/Toast.css.js";
+import "../../../../../feedback/toast/components/toast-icon/ToastIcon.js";
+/* empty css                                                                                      */
+import "../../../../../feedback/toast/components/toast-title/ToastTitle.js";
+import "../../../../../feedback/toast/components/toast-description/ToastDescription.js";
+import "../../../../../feedback/toast/components/toast-actions/ToastActions.js";
+import "../../../../../feedback/toast/components/toast-close/ToastClose.js";
+import "../../../../../feedback/progress/Progress.js";
+import "../../../../../feedback/progress/CircularProgress.js";
+import "../../../../../feedback/progress/styles/Progress.css.js";
+import "../../../../../feedback/progress/constants/progressColors.const.js";
+const h = l(({
+  label: t,
+  startIcon: i,
+  trailing: p,
+  variant: e = "default",
+  color: n = "primary",
+  iconSize: o,
+  disabled: a,
+  className: s,
+  style: c,
+  ref: f,
+  ...d
+}) => {
+  const { open: m, itemAttributes: u } = D(o);
+  return /* @__PURE__ */ r(
+    w,
+    {
+      position: "right",
+      content: t,
+      disabled: m,
+      children: /* @__PURE__ */ r(
+        "button",
+        {
+          ref: f,
+          type: "button",
+          disabled: a,
+          "aria-label": m ? void 0 : t,
+          className: b(
+            A.recipe({ variant: e, color: n }),
+            s
+          ),
+          style: c,
+          ...u,
+          ...d,
+          children: /* @__PURE__ */ r(
+            I,
+            {
+              label: t,
+              startIcon: i,
+              trailing: p,
+              iconSize: o
+            }
+          )
+        }
+      )
+    }
+  );
+});
+h.displayName = "Drawer.ActionItem";
+export {
+  h as default
+};
+//# sourceMappingURL=DrawerActionItem.js.map

package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerActionItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport type { DrawerActionItemProps } from '@components/overlay/drawer/components/items/drawer-action-item/types/DrawerActionItem.props.ts'\r\nimport {\r\n    DRAWER_ITEM_STYLES,\r\n    DrawerItemContent,\r\n    useDrawerItemAttributes,\r\n} from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A button-like action row rendered inside a `Drawer`.\r\n *\r\n * Useful for actions that do not navigate, such as \"Sign out\" or \"Toggle theme\".\r\n */\r\nconst DrawerActionItem: FC<DrawerActionItemProps> = memo(({\r\n    label,\r\n    startIcon,\r\n    trailing,\r\n    variant = 'default',\r\n    color = 'primary',\r\n    iconSize,\r\n    disabled,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const { open, itemAttributes } = useDrawerItemAttributes(iconSize)\r\n\r\n    return (\r\n        <Tooltip\r\n            position={'right'}\r\n            content={label}\r\n            disabled={open}\r\n        >\r\n            <button\r\n                ref={ref}\r\n                type={'button'}\r\n                disabled={disabled}\r\n                aria-label={open ? undefined : label}\r\n                className={cn(\r\n                    DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n                    className,\r\n                )}\r\n                style={style}\r\n                {...itemAttributes}\r\n                {...props}\r\n            >\r\n                <DrawerItemContent\r\n                    label={label}\r\n                    startIcon={startIcon}\r\n                    trailing={trailing}\r\n                    iconSize={iconSize}\r\n                />\r\n            </button>\r\n        </Tooltip>\r\n\r\n    )\r\n})\r\n\r\nDrawerActionItem.displayName = 'Drawer.ActionItem'\r\n\r\nexport default DrawerActionItem\r\n"],"names":["DrawerActionItem","memo","label","startIcon","trailing","variant","color","iconSize","disabled","className","style","ref","props","open","itemAttributes","useDrawerItemAttributes","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,MAAAC,GAAM,gBAAAC,MAAmBC,EAAwBR,CAAQ;AAEjE,SACI,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAU;AAAA,MACV,SAASf;AAAA,MACT,UAAUW;AAAA,MAEV,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAAL;AAAA,UACA,MAAM;AAAA,UACN,UAAAH;AAAA,UACA,cAAYK,IAAO,SAAYX;AAAA,UAC/B,WAAWgB;AAAA,YACPC,EAAmB,OAAO,EAAE,SAAAd,GAAS,OAAAC,GAAO;AAAA,YAC5CG;AAAA,UAAA;AAAA,UAEJ,OAAAC;AAAA,UACC,GAAGI;AAAA,UACH,GAAGF;AAAA,UAEJ,UAAA,gBAAAI;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,OAAAlB;AAAA,cACA,WAAAC;AAAA,cACA,UAAAC;AAAA,cACA,UAAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAIZ,CAAC;AAEDP,EAAiB,cAAc;"}

package/dist/components/overlay/drawer/components/items/drawer-action-item/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DrawerActionItem } from './DrawerActionItem.tsx';
+export type { DrawerActionItemProps } from './types/DrawerActionItem.props.ts';

package/dist/components/overlay/drawer/components/items/drawer-action-item/types/DrawerActionItem.props.d.ts

@@ -0,0 +1,21 @@
+import { IconSize } from '../../../../../../foundation/icon';
+import { DrawerItemColor, DrawerItemVariant } from '../../_shared';
+import { ReactNode, RefAttributes } from 'react';
+import type * as React from 'react';
+/** Props for `Drawer.ActionItem`. */
+export type DrawerActionItemProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & RefAttributes<HTMLButtonElement> & {
+    /** Visible text label. */
+    label: string;
+    /** Icon rendered before the label. */
+    startIcon: string;
+    /** Visual variant for the row. @default 'default' */
+    variant?: DrawerItemVariant;
+    /** Color intent for the row. @default 'primary' */
+    color?: DrawerItemColor;
+    /** Size of the start/end icons. Defaults to the row size mapping. */
+    iconSize?: IconSize;
+    /** Optional content rendered before the end icon (e.g. a badge). */
+    trailing?: ReactNode;
+    /** Accessible label for the button. Defaults to `label`. */
+    'aria-label'?: string;
+};

package/dist/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),N=require("react"),v=require("./hooks/use-drawer-nav-item/useDrawerNavItem.hook.cjs"),x=require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const j=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),k=require("../../../../../../utils/cn.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css                                                    */;/* empty css                                                                                                */;/* empty css                                                                                            */;/* empty css                                                                                                */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css                                                                                                  */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle-button/ToggleButton.cjs");require("../../../../../actions/toggle-button/styles/ToggleButton.css.cjs");require("../../../../../actions/toggle-icon-button/ToggleIconButton.cjs");require("../../../../../actions/toggle-icon-button/styles/ToggleIconButton.css.cjs");require("../../../../../actions/toggle-button-group/ToggleButtonGroup.cjs");require("../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css                                                                                                                */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css                                                                      */;/* empty css                                                                       */;/* empty css                                                                               */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                             */;/* empty css                                                                              */;/* empty css                                                                            */;/* empty css                                                                             */;/* empty css                                                                             */;/* empty css                                                                                                                */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css                                                                                                          */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css                                                                                                                    */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css                                                                         */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css                                                                     */;/* empty css                                                                                                    */;/* empty css                                                                     */;/* empty css                                                                          */;/* empty css                                                                                                         */;/* empty css                                                                                                       */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css                                                                 */require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css                                                                      */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css                                                                                           */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css                                                                                              */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css                                                                                          */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css                                                                                        */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css                                                                                                  */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css                                                             */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css                                                        */;/* empty css                                                                                                  */;/* empty css                                                                                                           */;/* empty css                                                                                                           */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css                                                                                                     */;/* empty css                                                                                                              */;/* empty css                                                                                                              */;/* empty css                                                                      */;/* empty css                                                                   */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css                                                          */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css                                                                  */require("../../../../../layout/legend/Legend.cjs");;/* empty css                                                              */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css                                                                      */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css                                                                                                          */;/* empty css                                                                                                          */require("../../../../../surfaces/card/Card.cjs");;/* empty css                                                            */;/* empty css                                                                                         */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css                                                                          */;/* empty css                                                                                                                */;/* empty css                                                                                                            */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css                                                                                             */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");;/* empty css                                                              */const R=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                      */require("../../../../dropdown-menu/index.cjs");require("../../../../popover/Popover.cjs");;/* empty css                                                                                */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css                                                    */;/* empty css                                                                                   */require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");require("../../../../../feedback/callout/components/callout-icon/CalloutIcon.cjs");;/* empty css                                                                                              */require("../../../../../feedback/callout/components/callout-title/CalloutTitle.cjs");require("../../../../../feedback/callout/components/callout-description/CalloutDescription.cjs");require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");require("../../../../../feedback/toast/components/toast-icon/ToastIcon.cjs");;/* empty css                                                                                        */require("../../../../../feedback/toast/components/toast-title/ToastTitle.cjs");require("../../../../../feedback/toast/components/toast-description/ToastDescription.cjs");require("../../../../../feedback/toast/components/toast-actions/ToastActions.cjs");require("../../../../../feedback/toast/components/toast-close/ToastClose.cjs");require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");const q=N.memo(({label:e,href:t="#",startIcon:s,trailing:n,active:a,disabled:o,variant:c="default",color:m="primary",iconSize:i,className:d,style:l,onClick:p,ref:D,...I})=>{const{open:u,linkAttributes:h,handleClick:w}=v.useDrawerNavItem({active:a,disabled:o,iconSize:i,onClick:p});return r.jsx(R,{position:"right",content:e,disabled:u,children:r.jsx("a",{ref:D,href:t,"aria-label":u?void 0:e,className:k.cn(x.DRAWER_ITEM_STYLES.recipe({variant:c,color:m}),d),style:l,onClick:w,...h,...I,children:r.jsx(j,{label:e,startIcon:s,trailing:n,iconSize:i})})})});q.displayName="Drawer.NavItem";module.exports=q;
+//# sourceMappingURL=DrawerNavItem.cjs.map

package/dist/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerNavItem.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { useDrawerNavItem } from '@components/overlay/drawer/components/items/drawer-nav-item/hooks/use-drawer-nav-item/useDrawerNavItem.hook.ts'\r\nimport type { DrawerNavItemProps } from '@components/overlay/drawer/components/items/drawer-nav-item/types/DrawerNavItem.props.ts'\r\nimport { DRAWER_ITEM_STYLES, DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A navigation row rendered inside a `Drawer`.\r\n *\r\n * Behaves like a link, supports icons, an active state and graceful close\r\n * animation when the drawer is dismissed.\r\n */\r\nconst DrawerNavItem: FC<DrawerNavItemProps> = memo(({\r\n    label,\r\n    href = '#',\r\n    startIcon,\r\n    trailing,\r\n    active,\r\n    disabled,\r\n    variant = 'default',\r\n    color = 'primary',\r\n    iconSize,\r\n    className,\r\n    style,\r\n    onClick,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const { open, linkAttributes, handleClick } = useDrawerNavItem({\r\n        active,\r\n        disabled,\r\n        iconSize,\r\n        onClick,\r\n    })\r\n\r\n    return (\r\n        <Tooltip\r\n            position={'right'}\r\n            content={label}\r\n            disabled={open}\r\n        >\r\n            <a\r\n                ref={ref}\r\n                href={href}\r\n                aria-label={open ? undefined : label}\r\n                className={cn(\r\n                    DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n                    className,\r\n                )}\r\n                style={style}\r\n                onClick={handleClick}\r\n                {...linkAttributes}\r\n                {...props}\r\n            >\r\n                <DrawerItemContent\r\n                    label={label}\r\n                    startIcon={startIcon}\r\n                    trailing={trailing}\r\n                    iconSize={iconSize}\r\n                />\r\n            </a>\r\n        </Tooltip>\r\n    )\r\n})\r\n\r\nDrawerNavItem.displayName = 'Drawer.NavItem'\r\n\r\nexport default DrawerNavItem\r\n"],"names":["DrawerNavItem","memo","label","href","startIcon","trailing","active","disabled","variant","color","iconSize","className","style","onClick","ref","props","open","linkAttributes","handleClick","useDrawerNavItem","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":"6xdAcA,MAAMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,MAAAC,EACA,KAAAC,EAAO,IACP,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,UACV,MAAAC,EAAQ,UACR,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,KAAAC,EAAM,eAAAC,EAAgB,YAAAC,CAAA,EAAgBC,EAAAA,iBAAiB,CAC3D,OAAAb,EACA,SAAAC,EACA,SAAAG,EACA,QAAAG,CAAA,CACH,EAED,OACIO,EAAAA,IAACC,EAAA,CACG,SAAU,QACV,QAASnB,EACT,SAAUc,EAEV,SAAAI,EAAAA,IAAC,IAAA,CACG,IAAAN,EACA,KAAAX,EACA,aAAYa,EAAO,OAAYd,EAC/B,UAAWoB,EAAAA,GACPC,EAAAA,mBAAmB,OAAO,CAAE,QAAAf,EAAS,MAAAC,EAAO,EAC5CE,CAAA,EAEJ,MAAAC,EACA,QAASM,EACR,GAAGD,EACH,GAAGF,EAEJ,SAAAK,EAAAA,IAACI,EAAA,CACG,MAAAtB,EACA,UAAAE,EACA,SAAAC,EACA,SAAAK,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,CAGZ,CAAC,EAEDV,EAAc,YAAc"}

package/dist/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { DrawerNavItemProps } from './types/DrawerNavItem.props.ts';
+/**
+ * A navigation row rendered inside a `Drawer`.
+ *
+ * Behaves like a link, supports icons, an active state and graceful close
+ * animation when the drawer is dismissed.
+ */
+declare const DrawerNavItem: FC<DrawerNavItemProps>;
+export default DrawerNavItem;