@accelint/design-toolkit 8.1.1 → 9.0.0

package/dist/components/drawer/types.d.ts

@@ -1,14 +1,26 @@
-import { Payload } from '@accelint/bus';
-import { UniqueId } from '@accelint/core';
-import { FocusableElement } from '@react-types/shared';
-import { ComponentPropsWithRef, RefAttributes, ReactElement, DOMAttributes } from 'react';
-import { HeadingProps } from 'react-aria-components';
-import { AriaAttributesWithRef } from '../../lib/types.js';
-import { ToggleButtonProps } from '../button/types.js';
-import { ViewStackEvent } from '../view-stack/types.js';
-import { DrawerEventTypes } from './events.js';
-import '../view-stack/events.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import { AriaAttributesWithRef } from "../../lib/types.js";
+import { ToggleButtonProps as ToggleButtonProps$1 } from "../button/types.js";
+import { ViewStackEvent } from "../view-stack/types.js";
+import { DrawerEventTypes } from "./events.js";
+import { ComponentPropsWithRef, DOMAttributes, ReactElement, RefAttributes } from "react";
+import { HeadingProps } from "react-aria-components";
+import { Payload } from "@accelint/bus";
+import { UniqueId } from "@accelint/core";
+import { FocusableElement } from "@react-types/shared";
 
+//#region src/components/drawer/types.d.ts
 type Top = 'top';
 type Bottom = 'bottom';
 type YAxisUnion = Top | Bottom;
@@ -18,182 +30,183 @@ type Left = 'left';
 type XAxisUnion = Right | Left;
 type XAxisIntersection = `${Right} ${Left}` | `${Left} ${Right}`;
 type DrawerLayoutProps = ComponentPropsWithRef<'div'> & {
-    /**
-     * Which drawers should extend to full container dimensions.
-     * Determines the overall layout structure and drawer relationships in regard to space.
-     *
-     * @default 'left right'
-     *
-     * Extended Drawer Layout Configurations
-     *
-     * The layout system supports four different drawer extension modes that determine
-     * how drawers are arranged and which drawers extend to the full container dimensions.
-     *
-     * extend: "left right"
-     * ┌──────┬──────────┬───────┐
-     * │      │   top    │       │
-     * │      ├──────────┤       │
-     * │ left │   main   │ right │
-     * │      ├──────────┤       │
-     * │      │  bottom  │       │
-     * └──────┴──────────┴───────┘
-     *
-     * extend: "top bottom"
-     * ┌─────────────────────────┐
-     * │          top            │
-     * ├──────┬──────────┬───────┤
-     * │ left │   main   │ right │
-     * ├──────┴──────────┴───────┤
-     * │         bottom          │
-     * └─────────────────────────┘
-     *
-     * extend: "top"
-     * ┌─────────────────────────┐
-     * │          top            │
-     * ├──────┬──────────┬───────┤
-     * │      │   main   │       │
-     * │ left ├──────────┤ right │
-     * │      │  bottom  │       │
-     * └──────┴──────────┴───────┘
-     *
-     * extend: "bottom"
-     * ┌──────┬──────────┬───────┐
-     * │      │   top    │       │
-     * │ left ├──────────┤ right │
-     * │      │   main   │       │
-     * ├──────┴──────────┴───────┤
-     * │         bottom          │
-     * └─────────────────────────┘
-     *
-     * extend: "left"
-     * ┌──────┬──────────────────┐
-     * │      │   top            │
-     * │      ├──────────┬───────│
-     * │ left │   main   │ right │
-     * │      ├──────────┴───────┤
-     * │      │  bottom          │
-     * └──────┴──────────────────┘
-     *
-     * extend: "right"
-     * ┌─────────────────┬───────┐
-     * │          top    │       │
-     * ├──────┬──────────┤       │
-     * │ left │   main   │ right │
-     * ├──────┴──────────┤       │
-     * │         bottom  │       │
-     * └─────────────────┴───────┘
-     */
-    extend?: XAxisUnion | XAxisIntersection | YAxisUnion | YAxisIntersection;
-    /**
-     * Determines how drawer interact with the main content area and overall layout:
-     *
-     * - `'push'`: Drawer pushes the main content aside, reducing its available width.
-     *   Content area shrinks to accommodate the panel space.
-     *   If no placements are defined for push, the default behavior for a drawer is to float over the main content without affecting its layout or dimensions.
-     *   Content remains at full width, panel appears as an overlay.
-     */
-    push?: XAxisUnion | YAxisUnion | XAxisIntersection | YAxisIntersection | `${XAxisUnion} ${YAxisUnion}` | `${YAxisUnion} ${XAxisUnion}` | `${XAxisUnion} ${YAxisIntersection}` | `${YAxisIntersection} ${XAxisUnion}` | `${YAxisUnion} ${XAxisIntersection}` | `${XAxisIntersection} ${YAxisUnion}` | `${XAxisIntersection} ${YAxisIntersection}` | `${YAxisIntersection} ${XAxisIntersection}`;
+  /**
+   * Which drawers should extend to full container dimensions.
+   * Determines the overall layout structure and drawer relationships in regard to space.
+   *
+   * @default 'left right'
+   *
+   * Extended Drawer Layout Configurations
+   *
+   * The layout system supports four different drawer extension modes that determine
+   * how drawers are arranged and which drawers extend to the full container dimensions.
+   *
+   * extend: "left right"
+   * ┌──────┬──────────┬───────┐
+   * │      │   top    │       │
+   * │      ├──────────┤       │
+   * │ left │   main   │ right │
+   * │      ├──────────┤       │
+   * │      │  bottom  │       │
+   * └──────┴──────────┴───────┘
+   *
+   * extend: "top bottom"
+   * ┌─────────────────────────┐
+   * │          top            │
+   * ├──────┬──────────┬───────┤
+   * │ left │   main   │ right │
+   * ├──────┴──────────┴───────┤
+   * │         bottom          │
+   * └─────────────────────────┘
+   *
+   * extend: "top"
+   * ┌─────────────────────────┐
+   * │          top            │
+   * ├──────┬──────────┬───────┤
+   * │      │   main   │       │
+   * │ left ├──────────┤ right │
+   * │      │  bottom  │       │
+   * └──────┴──────────┴───────┘
+   *
+   * extend: "bottom"
+   * ┌──────┬──────────┬───────┐
+   * │      │   top    │       │
+   * │ left ├──────────┤ right │
+   * │      │   main   │       │
+   * ├──────┴──────────┴───────┤
+   * │         bottom          │
+   * └─────────────────────────┘
+   *
+   * extend: "left"
+   * ┌──────┬──────────────────┐
+   * │      │   top            │
+   * │      ├──────────┬───────│
+   * │ left │   main   │ right │
+   * │      ├──────────┴───────┤
+   * │      │  bottom          │
+   * └──────┴──────────────────┘
+   *
+   * extend: "right"
+   * ┌─────────────────┬───────┐
+   * │          top    │       │
+   * ├──────┬──────────┤       │
+   * │ left │   main   │ right │
+   * ├──────┴──────────┤       │
+   * │         bottom  │       │
+   * └─────────────────┴───────┘
+   */
+  extend?: XAxisUnion | XAxisIntersection | YAxisUnion | YAxisIntersection;
+  /**
+   * Determines how drawer interact with the main content area and overall layout:
+   *
+   * - `'push'`: Drawer pushes the main content aside, reducing its available width.
+   *   Content area shrinks to accommodate the panel space.
+   *   If no placements are defined for push, the default behavior for a drawer is to float over the main content without affecting its layout or dimensions.
+   *   Content remains at full width, panel appears as an overlay.
+   */
+  push?: XAxisUnion | YAxisUnion | XAxisIntersection | YAxisIntersection | `${XAxisUnion} ${YAxisUnion}` | `${YAxisUnion} ${XAxisUnion}` | `${XAxisUnion} ${YAxisIntersection}` | `${YAxisIntersection} ${XAxisUnion}` | `${YAxisUnion} ${XAxisIntersection}` | `${XAxisIntersection} ${YAxisUnion}` | `${XAxisIntersection} ${YAxisIntersection}` | `${YAxisIntersection} ${XAxisIntersection}`;
 };
 type DrawerProps = Omit<ComponentPropsWithRef<'div'>, 'onChange'> & {
-    id: UniqueId;
-    defaultView?: UniqueId;
-    /**
-     * The placement of the drawer.
-     * @default 'left'
-     */
-    placement?: XAxisUnion | YAxisUnion;
-    /**
-     * The size of the drawer.
-     * @default 'medium'
-     */
-    size?: 'small' | 'medium' | 'large';
-    onChange?: (view: UniqueId | null) => void;
+  id: UniqueId;
+  defaultView?: UniqueId;
+  /**
+   * The placement of the drawer.
+   * @default 'left'
+   */
+  placement?: XAxisUnion | YAxisUnion;
+  /**
+   * The size of the drawer.
+   * @default 'medium'
+   */
+  size?: 'small' | 'medium' | 'large';
+  onChange?: (view: UniqueId | null) => void;
 };
 type DrawerMenuProps = ComponentPropsWithRef<'nav'> & {
-    /**
-     * The position of the menu.
-     * @default 'center'
-     */
-    position?: 'start' | 'center' | 'end';
+  /**
+   * The position of the menu.
+   * @default 'center'
+   */
+  position?: 'start' | 'center' | 'end';
 };
 /**
  * DrawerMenuItem implements DrawerTrigger with the default behavior of
  * the trigger's `open` event type, which resets the stack before pushing the new view
  */
-type DrawerMenuItemProps = Omit<ToggleButtonProps, 'id' | 'isSelected' | 'className'> & {
-    /**
-     * The unique identifier of the view that this menu item controls.
-     *
-     * Links the menu item to a specific view, enabling it to open or toggle the associated view when activated.
-     *
-     * The value should match the `id` of the target view component. This prop is required for correct association and interaction.
-     *
-     * If the menu item is intended to control multiple views, use the `views` prop for additional associations; do not include the `for` id in the `views` array.
-     */
-    for: UniqueId;
-    /**
-     * If set to `true`, the menu item will toggle the visibility of the associated view each time it is activated.
-     *
-     * By default, the menu item only opens the view. Use this prop to enable toggling between open and closed states.
-     */
-    toggle?: boolean;
-    /**
-     * When set this will be the text for the tooltip
-     */
-    textValue: string;
-    /**
-     * Class names to be applied to the item and tooltip
-     */
-    classNames?: {
-        item?: string;
-        tooltip?: string;
-    };
+type DrawerMenuItemProps = Omit<ToggleButtonProps$1, 'id' | 'isSelected' | 'className'> & {
+  /**
+   * The unique identifier of the view that this menu item controls.
+   *
+   * Links the menu item to a specific view, enabling it to open or toggle the associated view when activated.
+   *
+   * The value should match the `id` of the target view component. This prop is required for correct association and interaction.
+   *
+   * If the menu item is intended to control multiple views, use the `views` prop for additional associations; do not include the `for` id in the `views` array.
+   */
+  for: UniqueId;
+  /**
+   * If set to `true`, the menu item will toggle the visibility of the associated view each time it is activated.
+   *
+   * By default, the menu item only opens the view. Use this prop to enable toggling between open and closed states.
+   */
+  toggle?: boolean;
+  /**
+   * When set this will be the text for the tooltip
+   */
+  textValue: string;
+  /**
+   * Class names to be applied to the item and tooltip
+   */
+  classNames?: {
+    item?: string;
+    tooltip?: string;
+  };
 };
 type DrawerTitleProps = Omit<HeadingProps, 'level'> & AriaAttributesWithRef<HTMLHeadingElement> & {
-    level?: 1 | 2 | 3 | 4 | 5 | 6;
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
 };
 type DrawerOpenEvent = Payload<typeof DrawerEventTypes.open, {
-    view: UniqueId;
+  view: UniqueId;
 }>;
 type DrawerToggleEvent = Payload<typeof DrawerEventTypes.toggle, {
-    view: UniqueId;
+  view: UniqueId;
 }>;
 type DrawerEvent = DrawerOpenEvent | DrawerToggleEvent | ViewStackEvent;
 type SimpleEvents = 'back' | 'clear' | 'close' | 'reset' | UniqueId;
 type TargetedEvents = `back:${UniqueId}` | `clear:${UniqueId}` | `close:${UniqueId}` | `open:${UniqueId}` | `toggle:${UniqueId}` | `reset:${UniqueId}`;
 type ChainedEvents = (SimpleEvents | TargetedEvents)[];
 type DrawerTriggerProps = RefAttributes<FocusableElement> & {
-    children: ReactElement<DOMAttributes<FocusableElement>, string>;
-    /**
-     * __SimpleEvents__ allow the easiest implementation of events, but come with some restrictions:
-     * - The literal commands `back | clear | close | reset` will only work inside of the context of a Drawer
-     * - When passing a view's UniqueId the behavior is always to push that id onto it's parent's stack
-     *
-     * __TargetedEvents__ allow for external control of a Drawer, the UniqueId of a Drawer is passed to know which drawer to affect
-     *
-     * __ChainedEvents__ allow a list of events from a single control to enable multiple behaviors
-     *
-     * _NOTE_: Open differs from Push (just a UniqueId), Open clears the stack before pushing the new view
-     *
-     * @example
-     * // Reset a drawer stack and then push a view on:
-     * ['reset', myViewId]
-     *
-     * // Open multiple drawers:
-     * [`open:${tabOneId}`, `open:${tabCId}`]
-     *
-     * // Push multiple views to multiple drawers:
-     * [viewOneId, viewTwoId, viewThreeId]
-     *
-     * // Close the current drawer from inside its context:
-     * 'close'
-     */
-    for: SimpleEvents | TargetedEvents | ChainedEvents;
+  children: ReactElement<DOMAttributes<FocusableElement>, string>;
+  /**
+   * __SimpleEvents__ allow the easiest implementation of events, but come with some restrictions:
+   * - The literal commands `back | clear | close | reset` will only work inside of the context of a Drawer
+   * - When passing a view's UniqueId the behavior is always to push that id onto it's parent's stack
+   *
+   * __TargetedEvents__ allow for external control of a Drawer, the UniqueId of a Drawer is passed to know which drawer to affect
+   *
+   * __ChainedEvents__ allow a list of events from a single control to enable multiple behaviors
+   *
+   * _NOTE_: Open differs from Push (just a UniqueId), Open clears the stack before pushing the new view
+   *
+   * @example
+   * // Reset a drawer stack and then push a view on:
+   * ['reset', myViewId]
+   *
+   * // Open multiple drawers:
+   * [`open:${tabOneId}`, `open:${tabCId}`]
+   *
+   * // Push multiple views to multiple drawers:
+   * [viewOneId, viewTwoId, viewThreeId]
+   *
+   * // Close the current drawer from inside its context:
+   * 'close'
+   */
+  for: SimpleEvents | TargetedEvents | ChainedEvents;
 };
 type DrawerContextValue = {
-    register: (view: UniqueId) => void;
-    unregister: (view: UniqueId) => void;
-    placement: XAxisUnion | YAxisUnion;
+  register: (view: UniqueId) => void;
+  unregister: (view: UniqueId) => void;
+  placement: XAxisUnion | YAxisUnion;
 };
-
-export type { DrawerContextValue, DrawerEvent, DrawerLayoutProps, DrawerMenuItemProps, DrawerMenuProps, DrawerOpenEvent, DrawerProps, DrawerTitleProps, DrawerToggleEvent, DrawerTriggerProps };
+//#endregion
+export { DrawerContextValue, DrawerEvent, DrawerLayoutProps, DrawerMenuItemProps, DrawerMenuProps, DrawerOpenEvent, DrawerProps, DrawerTitleProps, DrawerToggleEvent, DrawerTriggerProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/drawer/types.js

@@ -1,2 +1,12 @@
-//# sourceMappingURL=types.js.map
-//# sourceMappingURL=types.js.map
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+

package/dist/components/drawer/view.d.ts

@@ -1,11 +1,27 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithRef } from 'react';
-import { ViewStackViewProps } from '../view-stack/types.js';
-import '@accelint/bus';
-import '@accelint/core';
-import 'react-aria-components';
-import '../view-stack/events.js';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
-declare function DrawerView({ id, children, className, ...rest }: ViewStackViewProps & ComponentPropsWithRef<'div'>): react_jsx_runtime.JSX.Element;
+import { ViewStackViewProps } from "../view-stack/types.js";
+import "client-only";
+import { ComponentPropsWithRef } from "react";
+import * as react_jsx_runtime88 from "react/jsx-runtime";
 
+//#region src/components/drawer/view.d.ts
+declare function DrawerView({
+  id,
+  children,
+  className,
+  ...rest
+}: ViewStackViewProps & ComponentPropsWithRef<'div'>): react_jsx_runtime88.JSX.Element;
+//#endregion
 export { DrawerView };
+//# sourceMappingURL=view.d.ts.map

package/dist/components/drawer/view.js

@@ -1,4 +1,48 @@
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
 'use client';
 
-import {jsx}from'react/jsx-runtime';import'client-only';import {clsx}from'@accelint/design-foundation/lib/utils';import {useContext,useEffect}from'react';import {ViewStackView}from'../view-stack/view.js';import {DrawerContext}from'./context.js';import c from'./styles.module.css';function C({id:e,children:i,className:p,...s}){const{register:t,unregister:r}=useContext(DrawerContext);return useEffect(()=>(t(e),()=>r(e)),[t,r,e]),jsx(ViewStackView,{id:e,children:jsx("div",{...s,className:clsx(c.view,p),role:"tabpanel",children:i})})}export{C as DrawerView};//# sourceMappingURL=view.js.map
+import { DrawerContext } from "./context.js";
+import { ViewStackView } from "../view-stack/view.js";
+import "client-only";
+import { useContext, useEffect } from "react";
+import { clsx } from "@accelint/design-foundation/lib/utils";
+import { jsx } from "react/jsx-runtime";
+import styles from "./styles.module.css";
+
+//#region src/components/drawer/view.tsx
+function DrawerView({ id, children, className, ...rest }) {
+	const { register, unregister } = useContext(DrawerContext);
+	useEffect(() => {
+		register(id);
+		return () => unregister(id);
+	}, [
+		register,
+		unregister,
+		id
+	]);
+	return /* @__PURE__ */ jsx(ViewStackView, {
+		id,
+		children: /* @__PURE__ */ jsx("div", {
+			...rest,
+			className: clsx(styles.view, className),
+			role: "tabpanel",
+			children
+		})
+	});
+}
+
+//#endregion
+export { DrawerView };
 //# sourceMappingURL=view.js.map

package/dist/components/drawer/view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/drawer/view.tsx"],"names":["DrawerView","children","register","n","a","useEffect","id","unregister","jsx","ViewStackView","o","className"],"mappings":"wRAqBgBA,SAEd,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAAC,QACA,CAAA,CAAA,CAAA,SAEoD,CACpD,CAAA,CAAA,GAAM,CAAE,CAAA,CAAA,CAAA,KAAA,CAAAC,QAAU,CAAA,CAAA,CAAA,UAElB,CAAA,CAAA,CAAA,CAAAC,UAAA,CAAAC,aAAAC,CAAAA,CAAU,OACCC,SAAE,CAAA,KAEEC,EAAWD,CAAE,CAAA,CAAA,IACdC,CAAAA,CAAYD,CAAE,CAAC,CAAA,CAG3BE,CAAAA,CAACC,CAAAA,CAAA,CAAc,CAAA,CAAA,CAAIH,CAAAA,GACjB,qBAAAE,QAAC,CAAKE,SAAS,CAAA,CAAA,GAAA,CAAA,CAAA,SAAuB,CAAMC,IAAS,CAAA,CAAG,CAAA,IAAK,mBAC1D,CAAAV,QAIT,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"view.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { type ComponentPropsWithRef, useContext, useEffect } from 'react';\nimport { ViewStackView } from '../view-stack/view';\nimport { DrawerContext } from './context';\nimport styles from './styles.module.css';\nimport type { ViewStackViewProps } from '../view-stack/types';\n\nexport function DrawerView({\n  id,\n  children,\n  className,\n  ...rest\n}: ViewStackViewProps & ComponentPropsWithRef<'div'>) {\n  const { register, unregister } = useContext(DrawerContext);\n\n  useEffect(() => {\n    register(id);\n\n    return () => unregister(id);\n  }, [register, unregister, id]);\n\n  return (\n    <ViewStackView id={id}>\n      <div {...rest} className={clsx(styles.view, className)} role='tabpanel'>\n        {children}\n      </div>\n    </ViewStackView>\n  );\n}\n"]}
+{"version":3,"file":"view.js","names":[],"sources":["../../../src/components/drawer/view.tsx"],"sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n'use client';\n\nimport 'client-only';\nimport { clsx } from '@accelint/design-foundation/lib/utils';\nimport { type ComponentPropsWithRef, useContext, useEffect } from 'react';\nimport { ViewStackView } from '../view-stack/view';\nimport { DrawerContext } from './context';\nimport styles from './styles.module.css';\nimport type { ViewStackViewProps } from '../view-stack/types';\n\nexport function DrawerView({\n  id,\n  children,\n  className,\n  ...rest\n}: ViewStackViewProps & ComponentPropsWithRef<'div'>) {\n  const { register, unregister } = useContext(DrawerContext);\n\n  useEffect(() => {\n    register(id);\n\n    return () => unregister(id);\n  }, [register, unregister, id]);\n\n  return (\n    <ViewStackView id={id}>\n      <div {...rest} className={clsx(styles.view, className)} role='tabpanel'>\n        {children}\n      </div>\n    </ViewStackView>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,SAAgB,WAAW,EACzB,IACA,UACA,WACA,GAAG,QACiD;CACpD,MAAM,EAAE,UAAU,eAAe,WAAW,cAAc;AAE1D,iBAAgB;AACd,WAAS,GAAG;AAEZ,eAAa,WAAW,GAAG;IAC1B;EAAC;EAAU;EAAY;EAAG,CAAC;AAE9B,QACE,oBAAC;EAAkB;YACjB,oBAAC;GAAI,GAAI;GAAM,WAAW,KAAK,OAAO,MAAM,UAAU;GAAE,MAAK;GAC1D;IACG;GACQ"}

package/dist/components/flashcard/index.d.ts

@@ -1,10 +1,22 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { FlashcardProps, FlashcardComponentProps, FlashcardDetailsListProps } from './types.js';
-import '../details-list/types.js';
-import 'react-aria-components';
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
 
-declare const FlashcardContext: react.Context<FlashcardProps>;
+import { FlashcardComponentProps, FlashcardDetailsListProps, FlashcardProps } from "./types.js";
+import "client-only";
+import * as react35 from "react";
+import * as react_jsx_runtime133 from "react/jsx-runtime";
+
+//#region src/components/flashcard/index.d.ts
+declare const FlashcardContext: react35.Context<FlashcardProps>;
 /**
  * Example usage.
  *
@@ -29,29 +41,30 @@ declare const FlashcardContext: react.Context<FlashcardProps>;
  * </Flashcard>
  * ```
  */
-declare function Flashcard(props: FlashcardProps): react_jsx_runtime.JSX.Element;
+declare function Flashcard(props: FlashcardProps): react_jsx_runtime133.JSX.Element;
 declare namespace Flashcard {
-    var displayName: string;
+  var displayName: string;
 }
-declare function FlashcardHero(props: FlashcardComponentProps): react_jsx_runtime.JSX.Element;
+declare function FlashcardHero(props: FlashcardComponentProps): react_jsx_runtime133.JSX.Element;
 declare namespace FlashcardHero {
-    var displayName: string;
+  var displayName: string;
 }
-declare function FlashcardAdditionalData(props: FlashcardComponentProps): react_jsx_runtime.JSX.Element | null;
+declare function FlashcardAdditionalData(props: FlashcardComponentProps): react_jsx_runtime133.JSX.Element | null;
 declare namespace FlashcardAdditionalData {
-    var displayName: string;
+  var displayName: string;
 }
-declare function FlashcardDetailsList(props: FlashcardDetailsListProps): react_jsx_runtime.JSX.Element;
+declare function FlashcardDetailsList(props: FlashcardDetailsListProps): react_jsx_runtime133.JSX.Element;
 declare namespace FlashcardDetailsList {
-    var displayName: string;
+  var displayName: string;
 }
-declare function FlashcardDetailsLabel(props: FlashcardComponentProps): react_jsx_runtime.JSX.Element;
+declare function FlashcardDetailsLabel(props: FlashcardComponentProps): react_jsx_runtime133.JSX.Element;
 declare namespace FlashcardDetailsLabel {
-    var displayName: string;
+  var displayName: string;
 }
-declare function FlashcardDetailsValue(props: FlashcardComponentProps): react_jsx_runtime.JSX.Element;
+declare function FlashcardDetailsValue(props: FlashcardComponentProps): react_jsx_runtime133.JSX.Element;
 declare namespace FlashcardDetailsValue {
-    var displayName: string;
+  var displayName: string;
 }
-
+//#endregion
 export { Flashcard, FlashcardAdditionalData, FlashcardContext, FlashcardDetailsLabel, FlashcardDetailsList, FlashcardDetailsValue, FlashcardHero };
+//# sourceMappingURL=index.d.ts.map