@arbor-education/design-system.components 0.3.6 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## 0.4.1
+
+### Patch Changes
+
+- [#126](https://github.com/arbor-education/design-system.components/pull/126) [`3c0783e`](https://github.com/arbor-education/design-system.components/commit/3c0783e66d6babf6a835991e1c1ff2df8903d269) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-68964 UserDropdown component
+
+## 0.4.0
+
+### Minor Changes
+
+- [#124](https://github.com/arbor-education/design-system.components/pull/124) [`202615f`](https://github.com/arbor-education/design-system.components/commit/202615f09a42e564dd418b7bd1b9c6a3de38b33f) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-66715 add banner component
+
+### Patch Changes
+
+- [#125](https://github.com/arbor-education/design-system.components/pull/125) [`f01b121`](https://github.com/arbor-education/design-system.components/commit/f01b1216f60898647910fd64af9262e59d7e3060) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-67797 added global default styles for DS components
+
 ## 0.3.6
 
 ### Patch Changes

package/CLAUDE.md

@@ -130,6 +130,15 @@ The Table component is a wrapper around AG Grid:
 - lint-staged runs ESLint on TypeScript files and stylelint on SCSS files
 - All linters run with `--fix` flag to auto-fix issues when possible
 
+## Branch rules
+- Never try to push directly to main, all work must be on a branch
+- Branch namining conventions are: 
+- The branch must have a jira ticket number in it i.e. `MIS-68964`
+- The branch should start with `feature/` `bugfix/` `issue/`
+
+## Commit rules
+- Each commit message should start with the same Jira ticket number as the branch name followed by a description of whats being committed. i.e. `MIS-68964 changed x prop to be a string`
+
 ## Notes for Claude
 - This is an active production codebase serving educational institutions
 - Changes can affect millions of users - be thoughtful and careful

package/dist/components/avatar/Avatar.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export type AvatarSize = 'small' | 'medium' | 'large' | 'extra-large';
+export type AvatarProps = {
+    size?: AvatarSize;
+    src?: string;
+    alt?: string;
+    initials?: string;
+    className?: string;
+} & React.HTMLAttributes<HTMLDivElement>;
+export declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/components/avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAsDxC,CAAC"}

package/dist/components/avatar/Avatar.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import React from 'react';
+export const Avatar = (props) => {
+    const { size = 'medium', src, alt = '', initials, className, ...rest } = props;
+    const renderContent = () => {
+        if (src) {
+            return (_jsx("img", { src: src, alt: alt, className: "ds-avatar__image" }));
+        }
+        if (initials) {
+            return (_jsx("span", { className: "ds-avatar__initials", "aria-label": alt, children: initials }));
+        }
+        return (_jsx("span", { className: "ds-avatar__placeholder", "aria-label": alt || 'User avatar', children: _jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "ds-avatar__placeholder-icon", children: _jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }) }));
+    };
+    return (_jsx("div", { className: classNames('ds-avatar', `ds-avatar--${size}`, className), ...rest, children: renderContent() }));
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,IAAI,GAAG,QAAQ,EACf,GAAG,EACH,GAAG,GAAG,EAAE,EACR,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,GAAG,EAAE,CAAC;YACR,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,kBAAkB,GAC5B,CACH,CAAC;QACJ,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO,CACL,eAAM,SAAS,EAAC,qBAAqB,gBAAa,GAAG,YAClD,QAAQ,GACJ,CACR,CAAC;QACJ,CAAC;QAED,OAAO,CACL,eAAM,SAAS,EAAC,wBAAwB,gBAAa,GAAG,IAAI,aAAa,YACvE,cACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,6BAA6B,YAEvC,eAAM,CAAC,EAAC,+GAA+G,GAAG,GACtH,GACD,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,WAAW,EACX,cAAc,IAAI,EAAE,EACpB,SAAS,CACV,KACG,IAAI,YAEP,aAAa,EAAE,GACZ,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/avatar/Avatar.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { Avatar } from './Avatar';
+declare const meta: Meta<typeof Avatar>;
+type Story = StoryObj<typeof Avatar>;
+export declare const Default: Story;
+export declare const WithInitials: Story;
+export declare const Placeholder: Story;
+export declare const Small: Story;
+export declare const Medium: Story;
+export declare const Large: Story;
+export declare const ExtraLarge: Story;
+export declare const AllSizes: Story;
+export default meta;
+//# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/components/avatar/Avatar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAU7B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/avatar/Avatar.stories.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar } from './Avatar';
+const meta = {
+    title: 'Components/Avatar',
+    component: Avatar,
+    tags: ['autodocs'],
+    argTypes: {
+        size: {
+            control: 'select',
+            options: ['small', 'medium', 'large', 'extra-large'],
+        },
+    },
+};
+export const Default = {
+    args: {
+        size: 'medium',
+        src: 'https://i.pravatar.cc/150?img=1',
+        alt: 'User avatar',
+    },
+};
+export const WithInitials = {
+    args: {
+        size: 'medium',
+        initials: 'CM',
+        alt: 'Christine Montgomery',
+    },
+};
+export const Placeholder = {
+    args: {
+        size: 'medium',
+        alt: 'User avatar',
+    },
+};
+export const Small = {
+    args: {
+        size: 'small',
+        src: 'https://i.pravatar.cc/150?img=2',
+        alt: 'User avatar',
+    },
+};
+export const Medium = {
+    args: {
+        size: 'medium',
+        src: 'https://i.pravatar.cc/150?img=3',
+        alt: 'User avatar',
+    },
+};
+export const Large = {
+    args: {
+        size: 'large',
+        src: 'https://i.pravatar.cc/150?img=4',
+        alt: 'User avatar',
+    },
+};
+export const ExtraLarge = {
+    args: {
+        size: 'extra-large',
+        src: 'https://i.pravatar.cc/150?img=5',
+        alt: 'User avatar',
+    },
+};
+export const AllSizes = {
+    render: () => (_jsxs("div", { style: { display: 'flex', gap: '16px', alignItems: 'center' }, children: [_jsx(Avatar, { size: "small", src: "https://i.pravatar.cc/150?img=6", alt: "Small avatar" }), _jsx(Avatar, { size: "medium", src: "https://i.pravatar.cc/150?img=7", alt: "Medium avatar" }), _jsx(Avatar, { size: "large", src: "https://i.pravatar.cc/150?img=8", alt: "Large avatar" }), _jsx(Avatar, { size: "extra-large", src: "https://i.pravatar.cc/150?img=9", alt: "Extra large avatar" })] })),
+};
+export default meta;
+//# sourceMappingURL=Avatar.stories.js.map

package/dist/components/avatar/Avatar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,CAAC;SACrD;KACF;CACF,CAAC;AAIF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,iCAAiC;QACtC,GAAG,EAAE,aAAa;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,IAAI;QACd,GAAG,EAAE,sBAAsB;KAC5B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,aAAa;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,iCAAiC;QACtC,GAAG,EAAE,aAAa;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,iCAAiC;QACtC,GAAG,EAAE,aAAa;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,iCAAiC;QACtC,GAAG,EAAE,aAAa;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,GAAG,EAAE,iCAAiC;QACtC,GAAG,EAAE,aAAa;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aAChE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,cAAc,GAAG,EAChF,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,eAAe,GAAG,EAClF,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,cAAc,GAAG,EAChF,KAAC,MAAM,IAAC,IAAI,EAAC,aAAa,EAAC,GAAG,EAAC,iCAAiC,EAAC,GAAG,EAAC,oBAAoB,GAAG,IACxF,CACP;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/avatar/Avatar.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=Avatar.test.d.ts.map

package/dist/components/avatar/Avatar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.test.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}

package/dist/components/avatar/Avatar.test.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test, describe } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import { Avatar } from './Avatar';
+import '@testing-library/jest-dom/vitest';
+describe('Avatar', () => {
+    test('renders with image when src is provided', () => {
+        render(_jsx(Avatar, { src: "https://example.com/avatar.jpg", alt: "Test User" }));
+        const image = screen.getByRole('img', { hidden: true });
+        expect(image).toBeInTheDocument();
+        expect(image).toHaveAttribute('src', 'https://example.com/avatar.jpg');
+        expect(image).toHaveAttribute('alt', 'Test User');
+    });
+    test('renders with initials when no src is provided', () => {
+        render(_jsx(Avatar, { initials: "CM", alt: "Christine Montgomery" }));
+        expect(screen.getByText('CM')).toBeInTheDocument();
+        expect(screen.getByLabelText('Christine Montgomery')).toBeInTheDocument();
+    });
+    test('renders placeholder when no src or initials provided', () => {
+        render(_jsx(Avatar, { alt: "User avatar" }));
+        expect(screen.getByLabelText('User avatar')).toBeInTheDocument();
+    });
+    test('renders placeholder with default label when no alt provided', () => {
+        render(_jsx(Avatar, {}));
+        expect(screen.getByLabelText('User avatar')).toBeInTheDocument();
+    });
+    test('applies size variant class', () => {
+        const { container, rerender } = render(_jsx(Avatar, { size: "small" }));
+        expect(container.firstChild).toHaveClass('ds-avatar--small');
+        rerender(_jsx(Avatar, { size: "medium" }));
+        expect(container.firstChild).toHaveClass('ds-avatar--medium');
+        rerender(_jsx(Avatar, { size: "large" }));
+        expect(container.firstChild).toHaveClass('ds-avatar--large');
+        rerender(_jsx(Avatar, { size: "extra-large" }));
+        expect(container.firstChild).toHaveClass('ds-avatar--extra-large');
+    });
+    test('applies default medium size when no size specified', () => {
+        const { container } = render(_jsx(Avatar, {}));
+        expect(container.firstChild).toHaveClass('ds-avatar--medium');
+    });
+    test('applies custom className', () => {
+        const { container } = render(_jsx(Avatar, { className: "custom-class" }));
+        expect(container.firstChild).toHaveClass('ds-avatar');
+        expect(container.firstChild).toHaveClass('custom-class');
+    });
+    test('spreads additional HTML attributes', () => {
+        const { container } = render(_jsx(Avatar, { "data-testid": "avatar-test" }));
+        expect(container.firstChild).toHaveAttribute('data-testid', 'avatar-test');
+    });
+});
+//# sourceMappingURL=Avatar.test.js.map

package/dist/components/avatar/Avatar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.test.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/banner/Banner.d.ts

@@ -0,0 +1,19 @@
+import type { IconName } from '../icon/allowedIcons';
+export declare enum BANNER_LEVEL {
+    INFO = "info",
+    NEUTRAL = "neutral",
+    WARNING = "warning",
+    DESTRUCTIVE = "destructive"
+}
+export type BannerProps = {
+    className?: string;
+    level?: BANNER_LEVEL;
+    icon?: IconName;
+    title?: string;
+    buttonText?: string;
+    buttonOnClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    text?: string;
+    hideIcon?: boolean;
+};
+export declare const Banner: (props: BannerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Banner.d.ts.map

package/dist/components/banner/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAG7D,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,WAAW,gBAAgB;CAC5B;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoBF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAsCxC,CAAC"}

package/dist/components/banner/Banner.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { Button } from '../button/Button';
+import { Icon } from '../icon/Icon';
+export var BANNER_LEVEL;
+(function (BANNER_LEVEL) {
+    BANNER_LEVEL["INFO"] = "info";
+    BANNER_LEVEL["NEUTRAL"] = "neutral";
+    BANNER_LEVEL["WARNING"] = "warning";
+    BANNER_LEVEL["DESTRUCTIVE"] = "destructive";
+})(BANNER_LEVEL || (BANNER_LEVEL = {}));
+const bannerClassName = cva(['ds-banner'], {
+    variants: {
+        level: {
+            [BANNER_LEVEL.INFO]: 'ds-banner--info',
+            [BANNER_LEVEL.NEUTRAL]: 'ds-banner--neutral',
+            [BANNER_LEVEL.WARNING]: 'ds-banner--warning',
+            [BANNER_LEVEL.DESTRUCTIVE]: 'ds-banner--destructive',
+        },
+    },
+});
+const DEFAULT_ICON_MAP = {
+    [BANNER_LEVEL.INFO]: 'info',
+    [BANNER_LEVEL.NEUTRAL]: 'info',
+    [BANNER_LEVEL.WARNING]: 'triangle-alert',
+    [BANNER_LEVEL.DESTRUCTIVE]: 'circle-alert',
+};
+export const Banner = (props) => {
+    const { className, level = BANNER_LEVEL.NEUTRAL, icon: rawIcon, hideIcon = false, title, buttonText, buttonOnClick, text, } = props;
+    const icon = hideIcon ? null : rawIcon ?? DEFAULT_ICON_MAP[level];
+    return (_jsxs("div", { className: bannerClassName({ level, className }), children: [icon && _jsx(Icon, { size: 24, name: icon }), _jsxs("div", { className: "ds-banner__central-container", children: [title && (_jsx("h3", { className: "ds-banner__title", children: title })), text && _jsx("span", { children: text })] }), buttonText && (_jsx(Button, { onClick: buttonOnClick, className: "ds-banner__button", variant: "text-link", children: buttonText }))] }));
+};
+//# sourceMappingURL=Banner.js.map

package/dist/components/banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,2CAA2B,CAAA;AAC7B,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAaD,MAAM,eAAe,GAAG,GAAG,CAAC,CAAC,WAAW,CAAC,EAAE;IACzC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,iBAAiB;YACtC,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,oBAAoB;YAC5C,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,oBAAoB;YAC5C,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,wBAAwB;SACrD;KACF;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAmC;IACvD,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,MAAM;IAC3B,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM;IAC9B,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,gBAAgB;IACxC,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,cAAc;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,SAAS,EACT,KAAK,GAAG,YAAY,CAAC,OAAO,EAC5B,IAAI,EAAE,OAAO,EACb,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,UAAU,EACV,aAAa,EACb,IAAI,GACL,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACL,eACE,SAAS,EAAE,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,aAE/C,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,EACvC,eAAK,SAAS,EAAC,8BAA8B,aAC1C,KAAK,IAAI,CACR,aAAI,SAAS,EAAC,kBAAkB,YAC7B,KAAK,GACH,CACN,EACA,IAAI,IAAI,yBAAO,IAAI,GAAQ,IACxB,EACL,UAAU,IAAI,CACb,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,WAAW,YAElB,UAAU,GACJ,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/banner/Banner.stories.d.ts

@@ -0,0 +1,72 @@
+import type { Meta } from '@storybook/react-vite';
+import { Banner, BANNER_LEVEL } from './Banner';
+declare const meta: Meta<typeof Banner>;
+export declare const Neutral: {
+    args: {
+        text: string;
+    };
+};
+export declare const Info: {
+    args: {
+        level: BANNER_LEVEL;
+        text: string;
+    };
+};
+export declare const Warning: {
+    args: {
+        level: BANNER_LEVEL;
+        text: string;
+    };
+};
+export declare const Destructive: {
+    args: {
+        level: BANNER_LEVEL;
+        text: string;
+    };
+};
+export declare const WithTitle: {
+    args: {
+        level: BANNER_LEVEL;
+        title: string;
+        text: string;
+    };
+};
+export declare const WithButton: {
+    args: {
+        level: BANNER_LEVEL;
+        text: string;
+        buttonText: string;
+        buttonOnClick: () => void;
+    };
+};
+export declare const WithTitleAndButton: {
+    args: {
+        level: BANNER_LEVEL;
+        title: string;
+        text: string;
+        buttonText: string;
+        buttonOnClick: () => void;
+    };
+};
+export declare const TitleOnly: {
+    args: {
+        level: BANNER_LEVEL;
+        title: string;
+    };
+};
+export declare const CustomIcon: {
+    args: {
+        level: BANNER_LEVEL;
+        icon: string;
+        text: string;
+    };
+};
+export declare const HideIcon: {
+    args: {
+        level: BANNER_LEVEL;
+        hideIcon: boolean;
+        text: string;
+    };
+};
+export default meta;
+//# sourceMappingURL=Banner.stories.d.ts.map

package/dist/components/banner/Banner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/banner/Banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAa7B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;CAKhB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;CAQ9B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/banner/Banner.stories.js

@@ -0,0 +1,84 @@
+import { Banner, BANNER_LEVEL } from './Banner';
+const meta = {
+    tags: ['autodocs'],
+    title: 'Components/Banner',
+    component: Banner,
+    argTypes: {
+        level: {
+            control: { type: 'select' },
+            options: Object.values(BANNER_LEVEL),
+        },
+    },
+    args: {
+        buttonOnClick: () => { console.log('click!'); },
+    },
+};
+export const Neutral = {
+    args: {
+        text: 'This is a neutral banner message with some useful information for the user.',
+    },
+};
+export const Info = {
+    args: {
+        level: BANNER_LEVEL.INFO,
+        text: 'Your session will expire in 10 minutes. Save your work to avoid losing changes.',
+    },
+};
+export const Warning = {
+    args: {
+        level: BANNER_LEVEL.WARNING,
+        text: 'This action may affect student records. Please review before proceeding.',
+    },
+};
+export const Destructive = {
+    args: {
+        level: BANNER_LEVEL.DESTRUCTIVE,
+        text: 'Something went wrong. Please contact your system administrator.',
+    },
+};
+export const WithTitle = {
+    args: {
+        level: BANNER_LEVEL.INFO,
+        title: 'Important Update',
+        text: 'A new version of the system is available. Refresh the page to apply updates.',
+    },
+};
+export const WithButton = {
+    args: {
+        level: BANNER_LEVEL.WARNING,
+        text: 'You have unsaved changes that will be lost.',
+        buttonText: 'Undo changes',
+        buttonOnClick: () => { console.log('Banner button clicked'); },
+    },
+};
+export const WithTitleAndButton = {
+    args: {
+        level: BANNER_LEVEL.INFO,
+        title: 'Scheduled Maintenance',
+        text: 'The system will be unavailable on Saturday 1st March between 2am–4am.',
+        buttonText: 'Learn more',
+        buttonOnClick: () => { console.log('Banner button clicked'); },
+    },
+};
+export const TitleOnly = {
+    args: {
+        level: BANNER_LEVEL.NEUTRAL,
+        title: 'No results found for the selected filters.',
+    },
+};
+export const CustomIcon = {
+    args: {
+        level: BANNER_LEVEL.INFO,
+        icon: 'circle-check',
+        text: 'Your changes have been saved successfully.',
+    },
+};
+export const HideIcon = {
+    args: {
+        level: BANNER_LEVEL.WARNING,
+        hideIcon: true,
+        text: 'This banner has its icon hidden.',
+    },
+};
+export default meta;
+//# sourceMappingURL=Banner.stories.js.map

package/dist/components/banner/Banner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.stories.js","sourceRoot":"","sources":["../../../src/components/banner/Banner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,IAAI,GAAwB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;SACrC;KACF;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;KAChD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,6EAA6E;KACpF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,IAAI;QACxB,IAAI,EAAE,iFAAiF;KACxF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,OAAO;QAC3B,IAAI,EAAE,0EAA0E;KACjF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,WAAW;QAC/B,IAAI,EAAE,iEAAiE;KACxE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,IAAI;QACxB,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,8EAA8E;KACrF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,OAAO;QAC3B,IAAI,EAAE,6CAA6C;QACnD,UAAU,EAAE,cAAc;QAC1B,aAAa,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;KAC/D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,IAAI;QACxB,KAAK,EAAE,uBAAuB;QAC9B,IAAI,EAAE,uEAAuE;QAC7E,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;KAC/D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,OAAO;QAC3B,KAAK,EAAE,4CAA4C;KACpD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,IAAI;QACxB,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,4CAA4C;KACnD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,OAAO;QAC3B,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,kCAAkC;KACzC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/banner/Banner.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=Banner.test.d.ts.map

package/dist/components/banner/Banner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.test.d.ts","sourceRoot":"","sources":["../../../src/components/banner/Banner.test.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC"}

package/dist/components/banner/Banner.test.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+import { Banner, BANNER_LEVEL } from './Banner';
+describe('Banner', () => {
+    describe('text', () => {
+        test('renders text content', () => {
+            render(_jsx(Banner, { text: "Something important happened." }));
+            expect(screen.getByText('Something important happened.')).toBeInTheDocument();
+        });
+        test('renders title', () => {
+            render(_jsx(Banner, { title: "Scheduled Maintenance" }));
+            expect(screen.getByRole('heading', { name: 'Scheduled Maintenance' })).toBeInTheDocument();
+        });
+        test('does not render a heading when title is not provided', () => {
+            render(_jsx(Banner, { text: "No title here." }));
+            expect(screen.queryByRole('heading')).not.toBeInTheDocument();
+        });
+    });
+    describe('level', () => {
+        test('applies neutral class by default', () => {
+            const { container } = render(_jsx(Banner, {}));
+            expect(container.firstChild).toHaveClass('ds-banner--neutral');
+        });
+        test.each(Object.values(BANNER_LEVEL))('applies correct class for level %s', (level) => {
+            const { container } = render(_jsx(Banner, { level: level }));
+            expect(container.firstChild).toHaveClass(`ds-banner--${level.toLowerCase()}`);
+        });
+    });
+    describe('icon', () => {
+        test('renders the default icon based on level', () => {
+            const { container } = render(_jsx(Banner, {}));
+            expect(container.querySelector('svg')).toBeInTheDocument();
+        });
+        test('renders a custom icon when icon prop is provided', () => {
+            const { container } = render(_jsx(Banner, { icon: "circle-check" }));
+            expect(container.querySelector('svg')).toBeInTheDocument();
+        });
+        test('does not render an icon when hideIcon is true', () => {
+            const { container } = render(_jsx(Banner, { hideIcon: true }));
+            expect(container.querySelector('svg')).not.toBeInTheDocument();
+        });
+        test('does not render an icon when hideIcon is true even if icon prop is provided', () => {
+            const { container } = render(_jsx(Banner, { icon: "info", hideIcon: true }));
+            expect(container.querySelector('svg')).not.toBeInTheDocument();
+        });
+    });
+    describe('button', () => {
+        test('renders a button when buttonText is provided', () => {
+            render(_jsx(Banner, { buttonText: "Learn more" }));
+            expect(screen.getByRole('button')).toBeInTheDocument();
+        });
+        test('does not render a button when buttonText is not provided', () => {
+            render(_jsx(Banner, { text: "No button here." }));
+            expect(screen.queryByRole('button')).not.toBeInTheDocument();
+        });
+        test('calls buttonOnClick when button is clicked', () => {
+            const handleClick = vi.fn();
+            render(_jsx(Banner, { buttonText: "Learn more", buttonOnClick: handleClick }));
+            fireEvent.click(screen.getByRole('button'));
+            expect(handleClick).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('className', () => {
+        test('applies custom className', () => {
+            const { container } = render(_jsx(Banner, { className: "my-custom-class" }));
+            expect(container.firstChild).toHaveClass('my-custom-class');
+        });
+    });
+});
+//# sourceMappingURL=Banner.test.js.map

package/dist/components/banner/Banner.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.test.js","sourceRoot":"","sources":["../../../src/components/banner/Banner.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/dropdown/Dropdown.d.ts

@@ -12,5 +12,7 @@ export declare const Dropdown: {
     }) => import("react/jsx-runtime").JSX.Element;
     Item: (props: DropdownMenu.DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
     SelectItem: (props: import("./items/DropdownSelectItem").DropdowSelectItemProps) => import("react/jsx-runtime").JSX.Element;
+    Separator: (props: DropdownMenu.DropdownMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+    Group: (props: DropdownMenu.DropdownMenuGroupProps) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAMxC,eAAO,MAAM,QAAQ;YAAW,YAAY,CAAC,iBAAiB;;;;;;;;;;;;CAO7D,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAQxC,eAAO,MAAM,QAAQ;YAAW,YAAY,CAAC,iBAAiB;;;;;;;;;;;;;;CAO7D,CAAC"}

package/dist/components/dropdown/Dropdown.js

@@ -4,12 +4,16 @@ import { DropdownTrigger } from './DropdownTrigger';
 import { DropdownContent } from './DropdownContent';
 import { DropdownItem } from './items/DropdownItem';
 import { DropdownSelectItem } from './items/DropdownSelectItem';
+import { DropdownSeparator } from './items/DropdownSeparator';
+import { DropdownGroup } from './items/DropdownGroup';
 export const Dropdown = (props) => {
     const { children, ...rest } = props;
-    return (_jsx(DropdownMenu.Root, { ...rest, children: children }));
+    return (_jsx(DropdownMenu.Root, { modal: false, ...rest, children: children }));
 };
 Dropdown.Trigger = DropdownTrigger;
 Dropdown.Content = DropdownContent;
 Dropdown.Item = DropdownItem;
 Dropdown.SelectItem = DropdownSelectItem;
+Dropdown.Separator = DropdownSeparator;
+Dropdown.Group = DropdownGroup;
 //# sourceMappingURL=Dropdown.js.map

package/dist/components/dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAqC,EAAE,EAAE;IAChE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,YAAY,CAAC,IAAI,OAAK,IAAI,YACxB,QAAQ,GACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC;AACnC,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC;AACnC,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC;AAC7B,QAAQ,CAAC,UAAU,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAqC,EAAE,EAAE;IAChE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,YAAY,CAAC,IAAI,IAAC,KAAK,EAAE,KAAK,KAAM,IAAI,YACtC,QAAQ,GACS,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC;AACnC,QAAQ,CAAC,OAAO,GAAG,eAAe,CAAC;AACnC,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC;AAC7B,QAAQ,CAAC,UAAU,GAAG,kBAAkB,CAAC;AACzC,QAAQ,CAAC,SAAS,GAAG,iBAAiB,CAAC;AACvC,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAC"}

package/dist/components/dropdown/items/DropdownGroup.d.ts

@@ -0,0 +1,3 @@
+import { DropdownMenu } from 'radix-ui';
+export declare const DropdownGroup: (props: DropdownMenu.DropdownMenuGroupProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownGroup.d.ts.map

package/dist/components/dropdown/items/DropdownGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown/items/DropdownGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,aAAa,GAAI,OAAO,YAAY,CAAC,sBAAsB,4CAOvE,CAAC"}

package/dist/components/dropdown/items/DropdownGroup.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DropdownMenu } from 'radix-ui';
+import classNames from 'classnames';
+export const DropdownGroup = (props) => {
+    const { children, className = '', ...rest } = props;
+    return (_jsx(DropdownMenu.Group, { className: classNames('ds-dropdown__group', className), ...rest, children: children }));
+};
+//# sourceMappingURL=DropdownGroup.js.map

package/dist/components/dropdown/items/DropdownGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownGroup.js","sourceRoot":"","sources":["../../../../src/components/dropdown/items/DropdownGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;IAC1E,MAAM,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACpD,OAAO,CACL,KAAC,YAAY,CAAC,KAAK,IAAC,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,IAAI,YACjF,QAAQ,GACU,CACtB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/dropdown/items/DropdownSeparator.d.ts

@@ -0,0 +1,3 @@
+import { DropdownMenu } from 'radix-ui';
+export declare const DropdownSeparator: (props: DropdownMenu.DropdownMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownSeparator.d.ts.map