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

package/dist/esm/components/switch/switch.stories.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Switch, Text, switchPropDefs } from '..';
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Controls/Switch',
+    component: Switch,
+    args: {
+        disabled: false,
+    },
+    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'],
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Default = {
+    args: {
+        size: switchPropDefs.size.default,
+        color: switchPropDefs.color.default,
+        highContrast: switchPropDefs.highContrast.default,
+    },
+};
+export const Size = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+        React.createElement(Switch, { ...args, size: "1", defaultChecked: true }),
+        React.createElement(Switch, { ...args, size: "2", defaultChecked: true }),
+        React.createElement(Switch, { ...args, size: "3", defaultChecked: true }))),
+};
+export const Color = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+        React.createElement(Switch, { ...args, color: "indigo", defaultChecked: true }),
+        React.createElement(Switch, { ...args, color: "cyan", defaultChecked: true }),
+        React.createElement(Switch, { ...args, color: "orange", defaultChecked: true }),
+        React.createElement(Switch, { ...args, color: "crimson", defaultChecked: true }))),
+};
+export const HighContrast = {
+    name: 'High Contrast',
+    render: (args) => (React.createElement("div", { style: {
+            display: 'inline-grid',
+            gridTemplateRows: 'repeat(2, 1fr)',
+            gap: 'var(--space-2)',
+            gridAutoFlow: 'column',
+        } },
+        React.createElement(Switch, { ...args, color: "indigo", defaultChecked: true }),
+        React.createElement(Switch, { ...args, color: "indigo", defaultChecked: true, highContrast: true }),
+        React.createElement(Switch, { ...args, color: "cyan", defaultChecked: true }),
+        React.createElement(Switch, { ...args, color: "cyan", defaultChecked: true, highContrast: true }),
+        React.createElement(Switch, { ...args, color: "orange", defaultChecked: true }),
+        React.createElement(Switch, { ...args, color: "orange", defaultChecked: true, highContrast: true }),
+        React.createElement(Switch, { ...args, color: "crimson", defaultChecked: true }),
+        React.createElement(Switch, { ...args, color: "crimson", defaultChecked: true, highContrast: true }))),
+};
+export const Alignment = {
+    name: 'Alignment with text',
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)' } },
+        React.createElement(Text, { as: "label", size: "2" },
+            React.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                React.createElement(Switch, { ...args, size: "1", defaultChecked: true }),
+                " Sync settings")),
+        React.createElement(Text, { as: "label", size: "3" },
+            React.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                React.createElement(Switch, { ...args, size: "2", defaultChecked: true }),
+                " Sync settings")),
+        React.createElement(Text, { as: "label", size: "4" },
+            React.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                React.createElement(Switch, { ...args, size: "3", defaultChecked: true }),
+                " Sync settings")))),
+};
+//# sourceMappingURL=switch.stories.js.map

package/dist/esm/components/switch/switch.stories.js.map

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

package/dist/esm/components/table/index.d.ts

@@ -0,0 +1,2 @@
+export * as Table from './table';
+export * from './table.props';

package/dist/esm/components/table/index.js

@@ -0,0 +1,3 @@
+export * as Table from './table';
+export * from './table.props';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/dist/esm/components/table/table.d.ts

@@ -0,0 +1,85 @@
+import * as React from 'react';
+import type { GetPropDefTypes } from '../../helpers';
+import { Button } from '../button';
+import { tableCellPropDefs, tableRootPropDefs, tableRowPropDefs } from './table.props';
+type TableRootOwnProps = GetPropDefTypes<typeof tableRootPropDefs>;
+interface TableRootProps extends React.ComponentProps<'div'>, TableRootOwnProps {
+}
+declare const TableRoot: {
+    (props: TableRootProps): React.JSX.Element;
+    displayName: string;
+};
+type TableTableOwnProps = GetPropDefTypes<typeof tableRootPropDefs>;
+interface TableTableProps extends React.ComponentProps<'table'>, TableTableOwnProps {
+}
+declare const TableTable: {
+    (props: TableTableProps): React.JSX.Element;
+    displayName: string;
+};
+interface TableHeaderProps extends React.ComponentProps<'thead'> {
+}
+declare const TableHeader: {
+    (props: TableHeaderProps): React.JSX.Element;
+    displayName: string;
+};
+interface TableBodyProps extends React.ComponentProps<'tbody'> {
+}
+declare const TableBody: {
+    (props: TableBodyProps): React.JSX.Element;
+    displayName: string;
+};
+interface TableFooterProps extends React.ComponentProps<'tfoot'> {
+}
+declare const TableFooter: {
+    (props: TableFooterProps): React.JSX.Element;
+    displayName: string;
+};
+type TableRowOwnProps = GetPropDefTypes<typeof tableRowPropDefs>;
+interface TableRowProps extends Omit<React.ComponentProps<'tr'>, keyof TableRowOwnProps>, TableRowOwnProps {
+}
+declare const TableRow: {
+    (props: TableRowProps): React.JSX.Element;
+    displayName: string;
+};
+type TableCellImplOwnProps = GetPropDefTypes<typeof tableCellPropDefs>;
+interface TableCellImplProps extends Omit<React.ComponentProps<'td'>, keyof TableCellImplOwnProps>, TableCellImplOwnProps {
+    tag?: 'td' | 'th';
+}
+declare const TableCellImpl: {
+    (props: TableCellImplProps): React.JSX.Element;
+    displayName: string;
+};
+interface TableCellProps extends Omit<React.ComponentProps<typeof TableCellImpl>, 'tag'> {
+}
+declare const TableCell: {
+    (props: TableCellProps): React.JSX.Element;
+    displayName: string;
+};
+interface TableColumnHeaderCellProps extends Omit<React.ComponentProps<'th'>, keyof TableCellImplOwnProps>, TableCellImplOwnProps {
+}
+declare const TableColumnHeaderCell: {
+    (props: TableColumnHeaderCellProps): React.JSX.Element;
+    displayName: string;
+};
+interface TableRowHeaderCellProps extends Omit<React.ComponentProps<'th'>, keyof TableCellImplOwnProps>, TableCellImplOwnProps {
+}
+declare const TableRowHeaderCell: {
+    (props: TableRowHeaderCellProps): React.JSX.Element;
+    displayName: string;
+};
+interface TableBottomBarProps extends React.ComponentProps<'div'> {
+}
+declare const TableBottomBar: {
+    (props: TableBottomBarProps): React.JSX.Element;
+    displayName: string;
+};
+interface TableColumnHeaderCellButtonProps extends Omit<React.ComponentProps<typeof Button>, 'highContrast' | 'color' | 'variant' | 'size'> {
+    sortDirection?: 'asc' | 'desc' | false;
+    isSortable?: boolean;
+}
+declare const TableColumnHeaderCellButton: {
+    (props: TableColumnHeaderCellButtonProps): React.JSX.Element;
+    displayName: string;
+};
+export { TableBody as Body, TableBottomBar as BottomBar, TableCell as Cell, TableColumnHeaderCell as ColumnHeaderCell, TableColumnHeaderCellButton as ColumnHeaderCellButton, TableFooter as Footer, TableHeader as Header, TableRoot as Root, TableRow as Row, TableRowHeaderCell as RowHeaderCell, TableTable as Table, };
+export type { TableBodyProps as BodyProps, TableBottomBarProps as BottomBarProps, TableCellProps as CellProps, TableColumnHeaderCellButtonProps as ColumnHeaderCellButtonProps, TableColumnHeaderCellProps as ColumnHeaderCellProps, TableFooterProps as FooterProps, TableHeaderProps as HeaderProps, TableRootProps as RootProps, TableRowHeaderCellProps as RowHeaderCellProps, TableRowProps as RowProps, TableTableProps as TableProps, };

package/dist/esm/components/table/table.js

@@ -0,0 +1,65 @@
+import classNames from 'classnames';
+import * as React from 'react';
+import { Button } from '../button';
+import { tableCellPropDefs, tableRootPropDefs, tableRowPropDefs } from './table.props';
+const TableRoot = (props) => {
+    const { className, children, size = tableRootPropDefs.size.default, variant = tableRootPropDefs.variant.default, ...rootProps } = props;
+    return (React.createElement("div", { ...rootProps, className: classNames('fui-TableRoot', 
+        // This class name applies size related variables to a table.
+        // This class name will allow us to implement things like
+        // column cells Drag and Drop with DragOverlay. (dnd-kit)
+        'fui-TableRoot-vars', className, `fui-variant-${variant}`, `fui-r-size-${size}`) }, children));
+};
+TableRoot.displayName = 'TableRoot';
+const TableTable = (props) => {
+    const { className, ...otherProps } = props;
+    return React.createElement("table", { ...otherProps, className: classNames('fui-TableTable', className) });
+};
+TableTable.displayName = 'TableTable';
+const TableHeader = (props) => (React.createElement("thead", { ...props, className: classNames('fui-TableHeader', props.className) }));
+TableHeader.displayName = 'TableHeader';
+const TableBody = (props) => (React.createElement("tbody", { ...props, className: classNames('fui-TableBody', props.className) }));
+TableBody.displayName = 'TableBody';
+const TableFooter = (props) => (React.createElement("tfoot", { ...props, className: classNames('fui-TableFooter', props.className) }));
+TableFooter.displayName = 'TableFooter';
+const alignMap = {
+    baseline: 'baseline',
+    start: 'top',
+    center: 'middle',
+    end: 'bottom',
+};
+const TableRow = (props) => {
+    const { className, align = tableRowPropDefs.align.default, ...rowProps } = props;
+    return (React.createElement("tr", { ...rowProps, className: classNames('fui-TableRow', className, align ? `fui-r-va-${alignMap[align]}` : undefined) }));
+};
+TableRow.displayName = 'TableRow';
+const justifyMap = {
+    start: 'left',
+    center: 'center',
+    end: 'right',
+};
+const TableCellImpl = (props) => {
+    const { tag: Tag = 'td', className, style, justify = tableCellPropDefs.justify.default, width = tableCellPropDefs.width.default, ...cellProps } = props;
+    return (React.createElement(Tag, { ...cellProps, className: classNames('fui-TableCell', className, justify ? `fui-r-ta-${justifyMap[justify]}` : undefined), style: { width, ...style } }));
+};
+TableCellImpl.displayName = 'TableCellImpl';
+const TableCell = (props) => React.createElement(TableCellImpl, { ...props, tag: "td" });
+TableCell.displayName = 'TableCell';
+const TableColumnHeaderCell = (props) => (React.createElement(TableCellImpl, { scope: "col", ...props, tag: "th", className: classNames('fui-TableColumnHeaderCell', props.className) }));
+TableColumnHeaderCell.displayName = 'TableColumnHeaderCell';
+const TableRowHeaderCell = (props) => (React.createElement(TableCellImpl, { scope: "row", ...props, tag: "th", className: classNames('fui-TableRowHeaderCell', props.className) }));
+TableRowHeaderCell.displayName = 'TableRowHeaderCell';
+const TableBottomBar = (props) => (React.createElement("div", { ...props, className: classNames('fui-TableBottomBar', props.className) }));
+TableBottomBar.displayName = 'TableBottomBar';
+const TableColumnHeaderCellButton = (props) => {
+    const { children, className, sortDirection, isSortable = false, ...buttonProps } = props;
+    return (React.createElement(Button, { variant: "ghost", color: "gray", highContrast: true, ...buttonProps, className: classNames('fui-TableColumnHeaderCellButton', {
+            'fui-sortable': isSortable,
+            'fui-active': sortDirection,
+            'fui-asc': sortDirection === 'asc',
+            'fui-desc': sortDirection === 'desc',
+        }, className) }, children));
+};
+TableColumnHeaderCellButton.displayName = 'TableColumnHeaderCellButton';
+export { TableBody as Body, TableBottomBar as BottomBar, TableCell as Cell, TableColumnHeaderCell as ColumnHeaderCell, TableColumnHeaderCellButton as ColumnHeaderCellButton, TableFooter as Footer, TableHeader as Header, TableRoot as Root, TableRow as Row, TableRowHeaderCell as RowHeaderCell, TableTable as Table, };
+//# sourceMappingURL=table.js.map

package/dist/esm/components/table/table.js.map

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

package/dist/esm/components/table/table.props.d.ts

@@ -0,0 +1,31 @@
+declare const tableRootPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["1", "2"];
+        default: "2";
+    };
+    variant: {
+        type: "enum";
+        values: readonly ["surface", "ghost"];
+        default: "surface";
+    };
+};
+declare const tableRowPropDefs: {
+    align: {
+        type: "enum";
+        values: readonly ["start", "center", "end", "baseline"];
+        default: undefined;
+    };
+};
+declare const tableCellPropDefs: {
+    justify: {
+        type: "enum";
+        values: readonly ["start", "center", "end"];
+        default: undefined;
+    };
+    width: {
+        type: "string | number";
+        default: undefined;
+    };
+};
+export { tableCellPropDefs, tableRootPropDefs, tableRowPropDefs };

package/dist/esm/components/table/table.props.js

@@ -0,0 +1,25 @@
+const sizes = ['1', '2'];
+const variants = ['surface', 'ghost'];
+const tableRootPropDefs = {
+    size: { type: 'enum', values: sizes, default: '2' },
+    variant: { type: 'enum', values: variants, default: 'surface' },
+};
+const rowAlign = ['start', 'center', 'end', 'baseline'];
+const tableRowPropDefs = {
+    align: {
+        type: 'enum',
+        values: rowAlign,
+        default: undefined,
+    },
+};
+const cellJustify = ['start', 'center', 'end'];
+const tableCellPropDefs = {
+    justify: {
+        type: 'enum',
+        values: cellJustify,
+        default: undefined,
+    },
+    width: { type: 'string | number', default: undefined },
+};
+export { tableCellPropDefs, tableRootPropDefs, tableRowPropDefs };
+//# sourceMappingURL=table.props.js.map

package/dist/esm/components/table/table.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.props.js","sourceRoot":"","sources":["../../../../src/components/table/table.props.ts"],"names":[],"mappings":"AAEA,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,CAAU,CAAC;AAClC,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,OAAO,CAAU,CAAC;AAE/C,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;IACnD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;CAIhE,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,CAAU,CAAC;AAEjE,MAAM,gBAAgB,GAAG;IACvB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;KACnB;CAGF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,CAAU,CAAC;AAExD,MAAM,iBAAiB,GAAG;IACxB,OAAO,EAAE;QACP,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,WAAW;QACnB,OAAO,EAAE,SAAS;KACnB;IACD,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,SAAS,EAAE;CAIvD,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/esm/components/table/table.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { Table } from '..';
+declare const meta: {
+    title: string;
+    component: {
+        (props: Table.RootProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        size: "2";
+        variant: "surface";
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variant: Story;
+export declare const TableFooter: Story;
+export declare const HorizontalScroll: Story;
+export declare const TanstackTable: Story;