npm - frosted-ui - Versions diffs - 0.0.1-canary.9 → 0.0.1-canary.91 - Mend

frosted-ui 0.0.1-canary.9 → 0.0.1-canary.91

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2178) hide show

package/README.md ADDED Viewed

@@ -0,0 +1,58 @@
+<h1 align="center">Frosted UI</h1>
+<p align="center">Design system used by <a href="https://whop.com/">Whop</a></p>
+<h3 align="center">
+  <a href="https://storybook.whop.dev/">Storybook</a> -
+  <a href="https://www.figma.com/design/JoDwTV19wxmaK3iv5NLa0Z">Figma UI kit</a> -
+  <a href="https://github.com/whopio/frosted-ui/tree/main/packages/frosted-ui">Source code</a>
+</h3>
+> [!WARNING]
+> The design system is still a work in progress so you can expect some breaking changes.
+![Screenshot 2023-12-07 at 13 11 26](https://github.com/whopio/frosted-ui-v2/assets/28541613/8a0d694e-e7f8-40bc-a672-f0a617053271)
+## Getting Started
+Install Frosted UI:
+```sh
+$ pnpm add frosted-ui
+```
+Import the global CSS file at the root of your application:
+```tsx
+import 'frosted-ui/styles.css';
+```
+Add the Theme component:
+```tsx
+import { Theme } from 'frosted-ui';
+export default function () {
+  return (
+    <html>
+      <body>
+        <Theme>
+          <MyApp />
+        </Theme>
+      </body>
+    </html>
+  );
+}
+```
+## Guides
+- [Setup steps](https://storybook.whop.dev/?path=/docs/guides-1-getting-started--docs)
+- [Typography](https://storybook.whop.dev/?path=/docs/guides-2-typography--docs)
+- [Color system](https://storybook.whop.dev/?path=/docs/guides-3-color--docs)
+- [Breakpoints](https://storybook.whop.dev/?path=/docs/guides-4-breakpoints--docs)
+- [Tailwind plugin](https://storybook.whop.dev/?path=/docs/guides-5-tailwind-plugin--docs)
+## Acknowledgments
+Frosted UI is heavily based on [Radix Themes](https://www.radix-ui.com/) design system and [Radix Icons](https://github.com/radix-ui/icons).

package/dist/cjs/components/accessible-icon/accessible-icon.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { AccessibleIcon } from 'radix-ui';

package/dist/cjs/components/accessible-icon/accessible-icon.js ADDED Viewed

@@ -0,0 +1,7 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccessibleIcon = void 0;
+var radix_ui_1 = require("radix-ui");
+Object.defineProperty(exports, "AccessibleIcon", { enumerable: true, get: function () { return radix_ui_1.AccessibleIcon; } });
+//# sourceMappingURL=accessible-icon.js.map

package/dist/cjs/components/accessible-icon/accessible-icon.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"accessible-icon.js","sourceRoot":"","sources":["../../../../src/components/accessible-icon/accessible-icon.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,qCAA0C;AAAjC,0GAAA,cAAc,OAAA"}

package/dist/cjs/components/accessible-icon/accessible-icon.stories.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { AccessibleIcon } from '..';
+declare const meta: {
+    title: string;
+    component: React.FC<AccessibleIcon.AccessibleIconProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/cjs/components/accessible-icon/accessible-icon.stories.js ADDED Viewed

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("..");
+const CrossIcon = () => (react_1.default.createElement("svg", { viewBox: "0 0 32 32", width: 24, height: 24, fill: "none", stroke: "currentColor" },
+    react_1.default.createElement("path", { d: "M2 30 L30 2 M30 30 L2 2" })));
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Utilities/AccessibleIcon',
+    component: __1.AccessibleIcon.Root,
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    args: {
+        label: 'Close',
+    },
+    render: (args) => (react_1.default.createElement(__1.IconButton, { size: "4" },
+        react_1.default.createElement(__1.AccessibleIcon.Root, { ...args },
+            react_1.default.createElement(CrossIcon, null)))),
+};
+//# sourceMappingURL=accessible-icon.stories.js.map

package/dist/cjs/components/accessible-icon/accessible-icon.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"accessible-icon.stories.js","sourceRoot":"","sources":["../../../../src/components/accessible-icon/accessible-icon.stories.tsx"],"names":[],"mappings":";;;;AAEA,0DAA0B;AAC1B,0BAAgD;AAEhD,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,uCAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc;IAC/E,wCAAM,CAAC,EAAC,yBAAyB,GAAG,CAChC,CACP,CAAC;AAEF,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,kBAAc,CAAC,IAAI;IAC9B,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACwB,CAAC;AAE7C,kBAAe,IAAI,CAAC;AAGpB,8FAA8F;AACjF,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;KACf;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8BAAC,cAAU,IAAC,IAAI,EAAC,GAAG;QAIlB,8BAAC,kBAAc,CAAC,IAAI,OAAK,IAAI;YAC3B,8BAAC,SAAS,OAAG,CACO,CACX,CACd;CACF,CAAC"}

package/dist/cjs/components/accessible-icon/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './accessible-icon';

package/dist/cjs/components/accessible-icon/index.js ADDED Viewed

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./accessible-icon"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/accessible-icon/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/accessible-icon/index.ts"],"names":[],"mappings":";;;AAAA,4DAAkC"}

package/dist/cjs/components/accordion/accordion.d.ts ADDED Viewed

@@ -0,0 +1,26 @@
+import { Accordion as AccordionPrimitive } from 'radix-ui';
+import * as React from 'react';
+import type { PropsWithoutColor } from '../../helpers';
+type AccordionRootProps = React.ComponentProps<typeof AccordionPrimitive.Root>;
+declare const AccordionRoot: {
+    (props: AccordionRootProps): React.JSX.Element;
+    displayName: string;
+};
+interface AccordionItemProps extends PropsWithoutColor<typeof AccordionPrimitive.Item> {
+}
+declare const AccordionItem: {
+    (props: AccordionItemProps): React.JSX.Element;
+    displayName: string;
+};
+type AccordionTriggerProps = React.ComponentProps<typeof AccordionPrimitive.Trigger>;
+declare const AccordionTrigger: {
+    (props: AccordionTriggerProps): React.JSX.Element;
+    displayName: string;
+};
+type AccordionContentProps = React.ComponentProps<typeof AccordionPrimitive.Content>;
+declare const AccordionContent: {
+    ({ className, children, ...props }: AccordionContentProps): React.JSX.Element;
+    displayName: string;
+};
+export { AccordionContent as Content, AccordionItem as Item, AccordionRoot as Root, AccordionTrigger as Trigger };
+export type { AccordionContentProps as ContentProps, AccordionItemProps as ItemProps, AccordionRootProps as RootProps, AccordionTriggerProps as TriggerProps, };

package/dist/cjs/components/accordion/accordion.js ADDED Viewed

@@ -0,0 +1,34 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Trigger = exports.Root = exports.Item = exports.Content = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const AccordionRoot = (props) => {
+    const { className, ...accordionRootProps } = props;
+    return React.createElement(radix_ui_1.Accordion.Root, { className: (0, classnames_1.default)('fui-AccordionRoot', className), ...accordionRootProps });
+};
+exports.Root = AccordionRoot;
+AccordionRoot.displayName = 'Root';
+const AccordionItem = (props) => {
+    const { className, ...accordionItemProps } = props;
+    return React.createElement(radix_ui_1.Accordion.Item, { className: (0, classnames_1.default)('fui-AccordionItem', className), ...accordionItemProps });
+};
+exports.Item = AccordionItem;
+AccordionItem.displayName = 'Item';
+const AccordionTrigger = (props) => {
+    const { className, children, ...accordionTriggerProps } = props;
+    return (React.createElement(radix_ui_1.Accordion.Trigger, { className: (0, classnames_1.default)('fui-AccordionTrigger', 'fui-reset', className), ...accordionTriggerProps },
+        React.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "fui-AccordionTriggerIcon" },
+            React.createElement("path", { d: "M6 12L9.64645 8.35355C9.84171 8.15829 10.1583 8.15829 10.3536 8.35355L14 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })),
+        children));
+};
+exports.Trigger = AccordionTrigger;
+AccordionTrigger.displayName = 'AccordionTrigger';
+const AccordionContent = ({ className, children, ...props }) => (React.createElement(radix_ui_1.Accordion.Content, { className: "fui-AccordionContent", ...props },
+    React.createElement("div", { className: (0, classnames_1.default)('fui-AccordionContentInner', className) }, children)));
+exports.Content = AccordionContent;
+AccordionContent.displayName = 'AccordionContent';
+//# sourceMappingURL=accordion.js.map

package/dist/cjs/components/accordion/accordion.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,uCAA2D;AAC3D,qDAA+B;AAK/B,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,oBAAC,oBAAkB,CAAC,IAAI,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,CAAC,KAAM,kBAAkB,GAAI,CAAC;AACpH,CAAC,CAAC;AAkD4E,6BAAI;AAjDlF,aAAa,CAAC,WAAW,GAAG,MAAM,CAAC;AAInC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,oBAAC,oBAAkB,CAAC,IAAI,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,CAAC,KAAM,kBAAkB,GAAI,CAAC;AACpH,CAAC,CAAC;AAyCqD,6BAAI;AAxC3D,aAAa,CAAC,WAAW,GAAG,MAAM,CAAC;AAGnC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,GAAG,KAAK,CAAC;IAChE,OAAO,CACL,oBAAC,oBAAkB,CAAC,OAAO,IACzB,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAsB,EAAE,WAAW,EAAE,SAAS,CAAC,KACjE,qBAAqB;QAEzB,6BACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,0BAA0B;YAEpC,8BACE,CAAC,EAAC,6EAA6E,EAC/E,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,GACrB,CACE;QAEL,QAAQ,CACkB,CAC9B,CAAC;AACJ,CAAC,CAAC;AAWsG,mCAAO;AAV/G,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAGlD,MAAM,gBAAgB,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE,CAAC,CACrF,oBAAC,oBAAkB,CAAC,OAAO,IAAC,SAAS,EAAC,sBAAsB,KAAK,KAAK;IACpE,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CACzD,CAC9B,CAAC;AAG2B,mCAAO;AAFpC,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/cjs/components/accordion/accordion.stories.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { RootProps as AccordionRootProps } from '../../../src/components/accordion/accordion';
+declare const meta: {
+    title: string;
+    component: {
+        (props: AccordionRootProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {};
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Single: Story;
+export declare const Multiple: Story;

package/dist/cjs/components/accordion/accordion.stories.js ADDED Viewed

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Multiple = exports.Single = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("..");
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Layout/Accordion',
+    component: __1.Accordion.Root,
+    args: {},
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Single = {
+    args: {
+        defaultValue: 'item-1',
+        type: 'single',
+        collapsible: false,
+    },
+    render: (args) => (react_1.default.createElement("div", null,
+        react_1.default.createElement(__1.Accordion.Root
+        // collapsible
+        , {
+            // collapsible
+            style: { width: 600 }, ...args },
+            react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-4)' } },
+                react_1.default.createElement(__1.Accordion.Item, { value: "item-1" },
+                    react_1.default.createElement(__1.Accordion.Trigger, null, "Is it accessible?"),
+                    react_1.default.createElement(__1.Accordion.Content, null, "Yes. It adheres to the WAI-ARIA design pattern.")),
+                react_1.default.createElement(__1.Accordion.Item, { value: "item-2" },
+                    react_1.default.createElement(__1.Accordion.Trigger, null, "Is it unstyled?"),
+                    react_1.default.createElement(__1.Accordion.Content, null, "Yes. It's unstyled by default, giving you freedom over the look and feel.")),
+                react_1.default.createElement(__1.Accordion.Item, { value: "item-3" },
+                    react_1.default.createElement(__1.Accordion.Trigger, null, "Can it be animated?"),
+                    react_1.default.createElement(__1.Accordion.Content, null, "Yes! You can animate the Accordion with CSS or JavaScript.")))))),
+};
+exports.Multiple = {
+    args: {
+        defaultValue: ['item-1', 'item-2'],
+        type: 'multiple',
+    },
+    render: (args) => (react_1.default.createElement("div", null,
+        react_1.default.createElement(__1.Accordion.Root, { style: { width: 600 }, ...args },
+            react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-4)' } },
+                react_1.default.createElement(__1.Accordion.Item, { value: "item-1" },
+                    react_1.default.createElement(__1.Accordion.Trigger, null, "Is it accessible?"),
+                    react_1.default.createElement(__1.Accordion.Content, null, "Yes. It adheres to the WAI-ARIA design pattern.")),
+                react_1.default.createElement(__1.Accordion.Item, { value: "item-2" },
+                    react_1.default.createElement(__1.Accordion.Trigger, null, "Is it unstyled?"),
+                    react_1.default.createElement(__1.Accordion.Content, null, "Yes. It's unstyled by default, giving you freedom over the look and feel.")),
+                react_1.default.createElement(__1.Accordion.Item, { value: "item-3" },
+                    react_1.default.createElement(__1.Accordion.Trigger, null, "Can it be animated?"),
+                    react_1.default.createElement(__1.Accordion.Content, null, "Yes! You can animate the Accordion with CSS or JavaScript.")))))),
+};
+//# sourceMappingURL=accordion.stories.js.map

package/dist/cjs/components/accordion/accordion.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.stories.tsx"],"names":[],"mappings":";;;;AAEA,0DAA0B;AAC1B,0BAA+B;AAG/B,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAS,CAAC,IAAI;IACzB,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IAED,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACmB,CAAC;AAExC,kBAAe,IAAI,CAAC;AAGpB,8FAA8F;AACjF,QAAA,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,YAAY,EAAE,QAAQ;QACtB,IAAI,EAAE,QAAQ;QACd,WAAW,EAAE,KAAK;KACnB;IACD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,CACpC;QACE,8BAAC,aAAS,CAAC,IAAI;QACb,cAAc;;YAAd,cAAc;YACd,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KACjB,IAAI;YAER,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE;gBAC7E,8BAAC,aAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,8BAAC,aAAS,CAAC,OAAO,4BAAsC;oBACxD,8BAAC,aAAS,CAAC,OAAO,0DAAoE,CACvE;gBAEjB,8BAAC,aAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,8BAAC,aAAS,CAAC,OAAO,0BAAoC;oBACtD,8BAAC,aAAS,CAAC,OAAO,oFAEE,CACL;gBAEjB,8BAAC,aAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,8BAAC,aAAS,CAAC,OAAO,8BAAwC;oBAC1D,8BAAC,aAAS,CAAC,OAAO,qEAA+E,CAClF,CACb,CACS,CACb,CACP;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;QAClC,IAAI,EAAE,UAAU;KACjB;IACD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,CACpC;QACE,8BAAC,aAAS,CAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,KAAM,IAAI;YAC7C,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE;gBAC7E,8BAAC,aAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,8BAAC,aAAS,CAAC,OAAO,4BAAsC;oBACxD,8BAAC,aAAS,CAAC,OAAO,0DAAoE,CACvE;gBAEjB,8BAAC,aAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,8BAAC,aAAS,CAAC,OAAO,0BAAoC;oBACtD,8BAAC,aAAS,CAAC,OAAO,oFAEE,CACL;gBAEjB,8BAAC,aAAS,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ;oBAC5B,8BAAC,aAAS,CAAC,OAAO,8BAAwC;oBAC1D,8BAAC,aAAS,CAAC,OAAO,qEAA+E,CAClF,CACb,CACS,CACb,CACP;CACF,CAAC"}

package/dist/cjs/components/accordion/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * as Accordion from './accordion';

package/dist/cjs/components/accordion/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+const tslib_1 = require("tslib");
+exports.Accordion = tslib_1.__importStar(require("./accordion"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/accordion/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/accordion/index.ts"],"names":[],"mappings":";;;;AAAA,iEAAyC"}

package/dist/cjs/components/alert-dialog/alert-dialog.d.ts ADDED Viewed

@@ -0,0 +1,47 @@
+import { AlertDialog as AlertDialogPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { Heading } from '../heading';
+import { Text } from '../text';
+import { alertDialogContentPropDefs } from './alert-dialog.props';
+import type { ExtractPropsForTag, GetPropDefTypes } from '../../helpers';
+interface AlertDialogRootProps extends React.ComponentProps<typeof AlertDialogPrimitive.Root> {
+}
+declare const AlertDialogRoot: React.FC<AlertDialogRootProps>;
+interface AlertDialogTriggerProps extends Omit<React.ComponentProps<typeof AlertDialogPrimitive.Trigger>, 'asChild'> {
+}
+declare const AlertDialogTrigger: {
+    (props: AlertDialogTriggerProps): React.JSX.Element;
+    displayName: string;
+};
+type AlertDialogContentOwnProps = GetPropDefTypes<typeof alertDialogContentPropDefs>;
+interface AlertDialogContentProps extends Omit<React.ComponentProps<typeof AlertDialogPrimitive.Content>, 'asChild'>, AlertDialogContentOwnProps {
+    container?: React.ComponentProps<typeof AlertDialogPrimitive.Portal>['container'];
+}
+declare const AlertDialogContent: {
+    (props: AlertDialogContentProps): React.JSX.Element;
+    displayName: string;
+};
+type AlertDialogTitleProps = React.ComponentProps<typeof Heading>;
+declare const AlertDialogTitle: {
+    ({ size: sizeProp, className, ...props }: AlertDialogTitleProps): React.JSX.Element;
+    displayName: string;
+};
+type AlertDialogDescriptionProps = ExtractPropsForTag<typeof Text, 'p'>;
+declare const AlertDialogDescription: {
+    ({ size: sizeProp, className, ...props }: AlertDialogDescriptionProps): React.JSX.Element;
+    displayName: string;
+};
+interface AlertDialogActionProps extends Omit<React.ComponentProps<typeof AlertDialogPrimitive.Action>, 'asChild'> {
+}
+declare const AlertDialogAction: {
+    (props: AlertDialogActionProps): React.JSX.Element;
+    displayName: string;
+};
+interface AlertDialogCancelProps extends Omit<React.ComponentProps<typeof AlertDialogPrimitive.Cancel>, 'asChild'> {
+}
+declare const AlertDialogCancel: {
+    (props: AlertDialogCancelProps): React.JSX.Element;
+    displayName: string;
+};
+export { AlertDialogAction as Action, AlertDialogCancel as Cancel, AlertDialogContent as Content, AlertDialogDescription as Description, AlertDialogRoot as Root, AlertDialogTitle as Title, AlertDialogTrigger as Trigger, };
+export type { AlertDialogActionProps as ActionProps, AlertDialogCancelProps as CancelProps, AlertDialogContentProps as ContentProps, AlertDialogDescriptionProps as DescriptionProps, AlertDialogRootProps as RootProps, AlertDialogTitleProps as TitleProps, AlertDialogTriggerProps as TriggerProps, };

package/dist/cjs/components/alert-dialog/alert-dialog.js ADDED Viewed

@@ -0,0 +1,70 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Trigger = exports.Title = exports.Root = exports.Description = exports.Content = exports.Cancel = exports.Action = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const theme_1 = require("../../theme");
+const heading_1 = require("../heading");
+const text_1 = require("../text");
+const alert_dialog_props_1 = require("./alert-dialog.props");
+const AlertDialogRoot = (props) => React.createElement(radix_ui_1.AlertDialog.Root, { ...props });
+exports.Root = AlertDialogRoot;
+AlertDialogRoot.displayName = 'AlertDialogRoot';
+const AlertDialogTrigger = (props) => React.createElement(radix_ui_1.AlertDialog.Trigger, { ...props, asChild: true });
+exports.Trigger = AlertDialogTrigger;
+AlertDialogTrigger.displayName = 'AlertDialogTrigger';
+const AlertDialogContentContext = React.createContext({
+    size: alert_dialog_props_1.alertDialogContentPropDefs.size.default,
+});
+const AlertDialogContent = (props) => {
+    const { className, children, forceMount, container, size = alert_dialog_props_1.alertDialogContentPropDefs.size.default, ...contentProps } = props;
+    return (React.createElement(radix_ui_1.AlertDialog.Portal, { container: container, forceMount: forceMount },
+        React.createElement(theme_1.Theme, { asChild: true },
+            React.createElement(radix_ui_1.AlertDialog.Overlay, { className: "fui-DialogOverlay fui-AlertDialogOverlay" },
+                React.createElement(radix_ui_1.AlertDialog.Content, { ...contentProps, className: (0, classnames_1.default)('fui-DialogContent', 'fui-AlertDialogContent', className, `fui-r-size-${size}`) },
+                    React.createElement(AlertDialogContentContext.Provider, { value: React.useMemo(() => ({ size }), [size]) }, children))))));
+};
+exports.Content = AlertDialogContent;
+AlertDialogContent.displayName = 'AlertDialogContent';
+const AlertDialogTitle = ({ size: sizeProp, className, ...props }) => {
+    const { size: contextSize } = React.useContext(AlertDialogContentContext);
+    let size;
+    if (contextSize) {
+        size = {
+            '1': '3',
+            '2': '5',
+            '3': '5',
+            '4': '6',
+        }[contextSize];
+    }
+    return (React.createElement(radix_ui_1.AlertDialog.Title, { asChild: true },
+        React.createElement(heading_1.Heading, { size: sizeProp || size, trim: "start", className: (0, classnames_1.default)('fui-DialogTitle', className), ...props })));
+};
+exports.Title = AlertDialogTitle;
+AlertDialogTitle.displayName = 'AlertDialogTitle';
+const AlertDialogDescription = ({ size: sizeProp, className, ...props }) => {
+    const { size: contextSize } = React.useContext(AlertDialogContentContext);
+    let size;
+    if (contextSize) {
+        size = {
+            '1': '1',
+            '2': '2',
+            '3': '2',
+            '4': '3',
+        }[contextSize];
+    }
+    return (React.createElement(radix_ui_1.AlertDialog.Description, { asChild: true },
+        React.createElement(text_1.Text, { as: "p", size: sizeProp || size, className: (0, classnames_1.default)('fui-DialogDescription', className), ...props })));
+};
+exports.Description = AlertDialogDescription;
+AlertDialogDescription.displayName = 'AlertDialogDescription';
+const AlertDialogAction = (props) => React.createElement(radix_ui_1.AlertDialog.Action, { ...props, asChild: true });
+exports.Action = AlertDialogAction;
+AlertDialogAction.displayName = 'AlertDialogAction';
+const AlertDialogCancel = (props) => React.createElement(radix_ui_1.AlertDialog.Cancel, { ...props, asChild: true });
+exports.Cancel = AlertDialogCancel;
+AlertDialogCancel.displayName = 'AlertDialogCancel';
+//# sourceMappingURL=alert-dialog.js.map

package/dist/cjs/components/alert-dialog/alert-dialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../../src/components/alert-dialog/alert-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/alert-dialog/alert-dialog.props.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { dialogContentPropDefs as alertDialogContentPropDefs } from '../dialog';

package/dist/cjs/components/alert-dialog/alert-dialog.props.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.alertDialogContentPropDefs = void 0;
+var dialog_1 = require("../dialog");
+Object.defineProperty(exports, "alertDialogContentPropDefs", { enumerable: true, get: function () { return dialog_1.dialogContentPropDefs; } });
+//# sourceMappingURL=alert-dialog.props.js.map

package/dist/cjs/components/alert-dialog/alert-dialog.props.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"alert-dialog.props.js","sourceRoot":"","sources":["../../../../src/components/alert-dialog/alert-dialog.props.ts"],"names":[],"mappings":";;;AAAA,oCAAgF;AAAvE,oHAAA,qBAAqB,OAA8B"}

package/dist/cjs/components/alert-dialog/alert-dialog.stories.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { AlertDialog } from '..';
+declare const meta: {
+    title: string;
+    component: {
+        (props: AlertDialog.ContentProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        size: "3";
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const InsetContent: Story;

package/dist/cjs/components/alert-dialog/alert-dialog.stories.js ADDED Viewed

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InsetContent = exports.Sizes = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("..");
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Components/AlertDialog',
+    component: __1.AlertDialog.Content,
+    args: {
+        size: __1.alertDialogContentPropDefs.size.default,
+    },
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    render: (args) => (react_1.default.createElement(__1.AlertDialog.Root, null,
+        react_1.default.createElement(__1.AlertDialog.Trigger, null,
+            react_1.default.createElement(__1.Button, { variant: "classic", color: "red" }, "Revoke access")),
+        react_1.default.createElement(__1.AlertDialog.Content, { style: { maxWidth: 450 }, ...args },
+            react_1.default.createElement(__1.AlertDialog.Title, null, "Revoke access"),
+            react_1.default.createElement(__1.AlertDialog.Description, null, "Are you sure? This application will no longer be accessible and any existing sessions will be expired."),
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)', marginTop: 'var(--space-4)', justifyContent: 'flex-end' } },
+                react_1.default.createElement(__1.AlertDialog.Cancel, null,
+                    react_1.default.createElement(__1.Button, { variant: "soft", color: "gray" }, "Cancel")),
+                react_1.default.createElement(__1.AlertDialog.Action, null,
+                    react_1.default.createElement(__1.Button, { variant: "classic", color: "red" }, "Revoke access")))))),
+};
+exports.Sizes = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-4)' } },
+        react_1.default.createElement(__1.AlertDialog.Root, null,
+            react_1.default.createElement(__1.AlertDialog.Trigger, null,
+                react_1.default.createElement(__1.Button, { variant: "classic", color: "red" }, "Size 1")),
+            react_1.default.createElement(__1.AlertDialog.Content, { style: { maxWidth: 350 }, ...args, size: "1" },
+                react_1.default.createElement(__1.AlertDialog.Title, null, "Revoke access"),
+                react_1.default.createElement(__1.AlertDialog.Description, null, "Are you sure? This application will no longer be accessible and any existing sessions will be expired."),
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', justifyContent: 'flex-end' } },
+                    react_1.default.createElement(__1.AlertDialog.Cancel, null,
+                        react_1.default.createElement(__1.Button, { size: "1", variant: "soft", color: "gray" }, "Cancel")),
+                    react_1.default.createElement(__1.AlertDialog.Action, null,
+                        react_1.default.createElement(__1.Button, { size: "1", variant: "classic", color: "red" }, "Revoke access"))))),
+        react_1.default.createElement(__1.AlertDialog.Root, null,
+            react_1.default.createElement(__1.AlertDialog.Trigger, null,
+                react_1.default.createElement(__1.Button, { variant: "classic", color: "red" }, "Size 2")),
+            react_1.default.createElement(__1.AlertDialog.Content, { style: { maxWidth: 350 }, size: "2" },
+                react_1.default.createElement(__1.AlertDialog.Title, null, "Revoke access"),
+                react_1.default.createElement(__1.AlertDialog.Description, null, "Are you sure? This application will no longer be accessible and any existing sessions will be expired."),
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', justifyContent: 'flex-end' } },
+                    react_1.default.createElement(__1.AlertDialog.Cancel, null,
+                        react_1.default.createElement(__1.Button, { size: "2", variant: "soft", color: "gray" }, "Cancel")),
+                    react_1.default.createElement(__1.AlertDialog.Action, null,
+                        react_1.default.createElement(__1.Button, { size: "2", variant: "classic", color: "red" }, "Revoke access"))))),
+        react_1.default.createElement(__1.AlertDialog.Root, null,
+            react_1.default.createElement(__1.AlertDialog.Trigger, null,
+                react_1.default.createElement(__1.Button, { variant: "classic", color: "red" }, "Size 3")),
+            react_1.default.createElement(__1.AlertDialog.Content, { style: { maxWidth: 350 }, size: "3" },
+                react_1.default.createElement(__1.AlertDialog.Title, null, "Revoke access"),
+                react_1.default.createElement(__1.AlertDialog.Description, null, "Are you sure? This application will no longer be accessible and any existing sessions will be expired."),
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)', justifyContent: 'flex-end' } },
+                    react_1.default.createElement(__1.AlertDialog.Cancel, null,
+                        react_1.default.createElement(__1.Button, { size: "2", variant: "soft", color: "gray" }, "Cancel")),
+                    react_1.default.createElement(__1.AlertDialog.Action, null,
+                        react_1.default.createElement(__1.Button, { size: "2", variant: "classic", color: "red" }, "Revoke access"))))),
+        react_1.default.createElement(__1.AlertDialog.Root, null,
+            react_1.default.createElement(__1.AlertDialog.Trigger, null,
+                react_1.default.createElement(__1.Button, { variant: "classic", color: "red" }, "Size 4")),
+            react_1.default.createElement(__1.AlertDialog.Content, { style: { maxWidth: 350 }, size: "4" },
+                react_1.default.createElement(__1.AlertDialog.Title, null, "Revoke access"),
+                react_1.default.createElement(__1.AlertDialog.Description, null, "Are you sure? This application will no longer be accessible and any existing sessions will be expired."),
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)', justifyContent: 'flex-end' } },
+                    react_1.default.createElement(__1.AlertDialog.Cancel, null,
+                        react_1.default.createElement(__1.Button, { size: "3", variant: "soft", color: "gray" }, "Cancel")),
+                    react_1.default.createElement(__1.AlertDialog.Action, null,
+                        react_1.default.createElement(__1.Button, { size: "3", variant: "classic", color: "red" }, "Revoke access"))))))),
+};
+exports.InsetContent = {
+    name: 'With inset content',
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 'var(--space-6)' } },
+        react_1.default.createElement(__1.Text, null,
+            "Use the ",
+            react_1.default.createElement(__1.Code, null, "Inset"),
+            " component to align content flush with the sides of the dialog (bypassing its padding)."),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(__1.AlertDialog.Root, null,
+                react_1.default.createElement(__1.AlertDialog.Trigger, null,
+                    react_1.default.createElement(__1.Button, { color: "red", variant: "classic" }, "Delete users")),
+                react_1.default.createElement(__1.AlertDialog.Content, { style: { maxWidth: 500 }, ...args },
+                    react_1.default.createElement(__1.AlertDialog.Title, null, "Delete Users"),
+                    react_1.default.createElement(__1.AlertDialog.Description, null, "Are you sure you want to delete these users? This action is permanent and cannot be undone."),
+                    react_1.default.createElement(__1.Inset, { side: "x", style: { marginTop: 'var(--space-5)', marginBottom: 'var(--space-5)' } },
+                        react_1.default.createElement(__1.Table.Root, null,
+                            react_1.default.createElement(__1.Table.Header, null,
+                                react_1.default.createElement(__1.Table.Row, null,
+                                    react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Full name"),
+                                    react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Email"),
+                                    react_1.default.createElement(__1.Table.ColumnHeaderCell, null, "Group"))),
+                            react_1.default.createElement(__1.Table.Body, null,
+                                react_1.default.createElement(__1.Table.Row, null,
+                                    react_1.default.createElement(__1.Table.RowHeaderCell, null, "Danilo Sousa"),
+                                    react_1.default.createElement(__1.Table.Cell, null, "danilo@example.com"),
+                                    react_1.default.createElement(__1.Table.Cell, null, "Developer")),
+                                react_1.default.createElement(__1.Table.Row, null,
+                                    react_1.default.createElement(__1.Table.RowHeaderCell, null, "Zahra Ambessa"),
+                                    react_1.default.createElement(__1.Table.Cell, null, "zahra@example.com"),
+                                    react_1.default.createElement(__1.Table.Cell, null, "Admin"))))),
+                    react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)', justifyContent: 'flex-end' } },
+                        react_1.default.createElement(__1.AlertDialog.Cancel, null,
+                            react_1.default.createElement(__1.Button, { variant: "soft", color: "gray" }, "Cancel")),
+                        react_1.default.createElement(__1.AlertDialog.Action, null,
+                            react_1.default.createElement(__1.Button, { color: "red", variant: "classic" }, "Delete users")))))))),
+};
+//# sourceMappingURL=alert-dialog.stories.js.map

package/dist/cjs/components/alert-dialog/alert-dialog.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"alert-dialog.stories.js","sourceRoot":"","sources":["../../../../src/components/alert-dialog/alert-dialog.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/alert-dialog/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * as AlertDialog from './alert-dialog';
2	+ export * from './alert-dialog.props';