@economic/taco 1.14.3 → 1.15.1

package/README.md

@@ -1,82 +1,82 @@
-# @economic/taco
-
-> UI React component library
-
-## Usage
-
-```bash
-npm install --save @economic/taco
-```
-
-```javascript
-import { Button } from '@economic/taco';
-
-const MyComponent = () => <Button>Tada!</Button>;
-```
-
-## Development
-
-### Guidelines for new components
-
-Start by creating a folder under `src/` with the name of the component, e.g. `<MyAwesomeComponent />`:
-
-```
-src/
-├── ...
-├── components
-│   ├── MyAwesomeComponent
-│   │   ├── MyAwesomeComponent.css
-│   │   ├── MyAwesomeComponent.mdx
-│   │   ├── MyAwesomeComponent.test.tsx
-│   │   ├── MyAwesomeComponent.tsx
-├── index.tsx
-└── ...
-```
-
-Conceptually, the component's style, implementation, tests & documentation are co-located in its own folder.
-
-`MyAwesomeComponent/MyAwesomeComponent.css` Holds the component's style, directly imported in the implementation
-`MyAwesomeComponent/MyAwesomeComponent.mdx` Holds the component's documentation
-`MyAwesomeComponent/MyAwesomeComponent.test.tsx` Holds the component's tests - if applicable
-`MyAwesomeComponent/MyAwesomeComponent.tsx` Holds the component's implementation
-
-> If the component has a special (_snowflake_) case/variation, it's best advised to implement as separate component within the same folder (e.g. `<Button />` and `<IconButton />`)
-
-# Consumption
-
-#### Components
-
-Import individual components from tailwind as you need them.
-
-#### Styling
-
-Taco uses tailwind, but does not process its css before exporting. It exports css _with_ tailwind commands present - you must process the stylesheet with tailwind yourself.
-
-Browser targeting, purging and minification should be performed _by the consumer_.
-
-Your postcss config probably looks something like this:
-
-```js
-module.exports = {
-    plugins: ['tailwindcss', 'autoprefixer'],
-};
-```
-
-Your `tailwind.config.js` should look something like this:
-
-```js
-const tailwindConfig = require('@economic/taco/tailwind.config.js');
-
-module.exports = {
-    presets: [require('@economic/taco/tailwind.config.js'))],
-    content: {
-        files: ['../src/**/*.{mdx,tsx}', './node_modules/@economic/taco/dist/taco.esm.js'],
-    },
-};
-```
-
-You should then import the taco stylesheet in your application:
-
-```css
-import '@economic/taco/dist/index.css';
-```
+# @economic/taco
+
+> UI React component library
+
+## Usage
+
+```bash
+npm install --save @economic/taco
+```
+
+```javascript
+import { Button } from '@economic/taco';
+
+const MyComponent = () => <Button>Tada!</Button>;
+```
+
+## Development
+
+### Guidelines for new components
+
+Start by creating a folder under `src/` with the name of the component, e.g. `<MyAwesomeComponent />`:
+
+```
+src/
+├── ...
+├── components
+│   ├── MyAwesomeComponent
+│   │   ├── MyAwesomeComponent.css
+│   │   ├── MyAwesomeComponent.mdx
+│   │   ├── MyAwesomeComponent.test.tsx
+│   │   ├── MyAwesomeComponent.tsx
+├── index.tsx
+└── ...
+```
+
+Conceptually, the component's style, implementation, tests & documentation are co-located in its own folder.
+
+`MyAwesomeComponent/MyAwesomeComponent.css` Holds the component's style, directly imported in the implementation
+`MyAwesomeComponent/MyAwesomeComponent.mdx` Holds the component's documentation
+`MyAwesomeComponent/MyAwesomeComponent.test.tsx` Holds the component's tests - if applicable
+`MyAwesomeComponent/MyAwesomeComponent.tsx` Holds the component's implementation
+
+> If the component has a special (_snowflake_) case/variation, it's best advised to implement as separate component within the same folder (e.g. `<Button />` and `<IconButton />`)
+
+# Consumption
+
+#### Components
+
+Import individual components from tailwind as you need them.
+
+#### Styling
+
+Taco uses tailwind, but does not process its css before exporting. It exports css _with_ tailwind commands present - you must process the stylesheet with tailwind yourself.
+
+Browser targeting, purging and minification should be performed _by the consumer_.
+
+Your postcss config probably looks something like this:
+
+```js
+module.exports = {
+    plugins: ['tailwindcss', 'autoprefixer'],
+};
+```
+
+Your `tailwind.config.js` should look something like this:
+
+```js
+const tailwindConfig = require('@economic/taco/tailwind.config.js');
+
+module.exports = {
+    presets: [require('@economic/taco/tailwind.config.js'))],
+    content: {
+        files: ['../src/**/*.{mdx,tsx}', './node_modules/@economic/taco/dist/taco.esm.js'],
+    },
+};
+```
+
+You should then import the taco stylesheet in your application:
+
+```css
+import '@economic/taco/dist/index.css';
+```

package/dist/components/Button/Button.stories.d.ts

@@ -19,6 +19,9 @@ declare const _default: {
         popover?: ((props: Partial<React.PropsWithChildren<{
             modal?: boolean | undefined;
             trigger?: JSX.Element | undefined;
+            defaultOpen?: boolean | undefined;
+            open?: boolean | undefined;
+            onChange?: ((open: boolean) => void) | undefined;
         }>>) => JSX.Element) | undefined;
         tooltip?: string | undefined;
     } & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;

package/dist/components/IconButton/IconButton.stories.d.ts

@@ -14,6 +14,9 @@ declare const _default: {
         popover?: ((props: Partial<React.PropsWithChildren<{
             modal?: boolean | undefined;
             trigger?: JSX.Element | undefined;
+            defaultOpen?: boolean | undefined;
+            open?: boolean | undefined;
+            onChange?: ((open: boolean) => void) | undefined;
         }>>) => JSX.Element) | undefined;
         rounded?: boolean | undefined;
         tooltip?: string | undefined;

package/dist/components/Popover/Popover.d.ts

@@ -15,6 +15,12 @@ export declare type PopoverProps = React.PropsWithChildren<{
     modal?: boolean;
     /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */
     trigger?: JSX.Element;
+    /** Set whether the popover is open by default or not, use when not providing a trigger  */
+    defaultOpen?: boolean;
+    /** Control the open state of the popover from outside the component  */
+    open?: boolean;
+    /** Called when the popover opens or closes, must be used in conjunction with open  */
+    onChange?: (open: boolean) => void;
 }>;
 export declare type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {
     Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;

package/dist/components/Popover/Popover.stories.d.ts

@@ -1,14 +1,29 @@
 /// <reference types="react" />
+import { PopoverProps } from '../../index';
 declare const _default: {
     title: string;
     component: import("./Popover").ForwardedPopoverWithStatics;
 };
 export default _default;
-export declare const Basic: () => JSX.Element;
+export declare const Basic: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const BasicControlled: {
+    (args: PopoverProps): JSX.Element;
+    storyName: string;
+};
 export declare const Placement: () => JSX.Element;
 export declare const Close: () => JSX.Element;
 export declare const RenderProp: {
     (): JSX.Element;
     storyName: string;
 };
-export declare const Test: () => JSX.Element;
+export declare const OtherTriggers: {
+    (): JSX.Element;
+    storyName: string;
+};
+export declare const OpenByDefault: {
+    (args: PopoverProps): JSX.Element;
+    storyName: string;
+};

package/dist/esm/index.css

@@ -1,189 +1,189 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-    *,
-    *::before,
-    *::after {
-        box-sizing: border-box;
-    }
-
-    html {
-        @apply font-display h-screen;
-        -moz-osx-font-smoothing: grayscale;
-        -webkit-font-smoothing: antialiased;
-    }
-
-    body {
-        @apply h-screen bg-white text-sm leading-5 text-black;
-    }
-
-    blockquote,
-    dl,
-    dd,
-    hr,
-    figure,
-    p,
-    pre,
-    ol,
-    ul,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        max-width: 100ch;
-    }
-
-    blockquote,
-    dl,
-    dd,
-    hr,
-    figure,
-    p,
-    pre,
-    ol,
-    ul {
-        @apply mb-10;
-    }
-
-    ol ol,
-    ul ul,
-    ol ul,
-    ul ol {
-        @apply mb-0;
-    }
-
-    ul.list-disc,
-    ul.list-decimal,
-    ul.list-circle,
-    ol.list-disc,
-    ol.list-decimal,
-    ol.list-circle {
-        @apply pl-4;
-    }
-
-    dt {
-        @apply font-bold;
-    }
-
-    blockquote {
-        @apply pl-8;
-    }
-
-    hr {
-        @apply bg-grey-light my-5 flex h-px border-none;
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-        @apply font-normal;
-    }
-
-    h1 {
-        @apply mb-5 text-3xl;
-    }
-
-    h2 {
-        @apply mb-2 text-2xl;
-    }
-
-    h3 {
-        @apply mb-2 text-xl;
-    }
-
-    h4 {
-        @apply mb-1 text-base font-bold;
-    }
-
-    h5 {
-        @apply mb-1 text-sm font-bold;
-    }
-
-    h6 {
-        @apply mb-1 text-xs font-bold;
-    }
-
-    b,
-    strong {
-        @apply font-bold;
-    }
-
-    a {
-        @apply text-blue no-underline;
-    }
-
-    a:hover,
-    a:focus {
-        @apply text-blue-light;
-    }
-
-    a:active {
-        @apply text-blue-dark;
-    }
-
-    button::-moz-focus-inner {
-        @apply border-none;
-    }
-
-    input[type='search']::-webkit-search-decoration,
-    input[type='search']::-webkit-search-cancel-button,
-    input[type='search']::-webkit-search-results-button,
-    input[type='search']::-webkit-search-results-decoration {
-        @apply block cursor-pointer;
-    }
-
-    table.yt-table {
-        @apply focus:yt-focus flex flex-col focus:rounded-sm;
-    }
-    table.yt-table thead.yt-table__head tr.yt-table__row {
-        @apply border-grey-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold;
-    }
-
-    table.yt-table thead.yt-table__head tr.yt-table__row th.yt-table__cell {
-        @apply text-grey-darkest flex flex-1 justify-center truncate p-2 text-center align-middle hover:text-black;
-    }
-
-    table.yt-table tbody.yt-table__body tr.yt-table__row {
-        @apply border-grey-light hover:bg-grey-light flex min-h-[2.5rem] border-b;
-    }
-
-    table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {
-        @apply flex-1 truncate p-2 text-center align-middle;
-    }
-
-    [aria-hidden] > [data-taco='menu'],
-    [aria-hidden] > [data-taco='hanger'] {
-        @apply invisible;
-    }
-
-    @keyframes fade-in {
-        from {
-            @apply opacity-0;
-        }
-        to {
-            @apply opacity-100;
-        }
-    }
-}
-
-[data-taco='badge'] > [data-taco='spinner'] {
-    @apply ml-2 h-3 w-3;
-}
-
-[data-taco='badge'] > [data-taco='spinner'] svg circle {
-    stroke-width: 15px;
-}
-
-[data-taco='badge'] > * {
-    @apply max-h-full p-0;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    *,
+    *::before,
+    *::after {
+        box-sizing: border-box;
+    }
+
+    html {
+        @apply font-display h-screen;
+        -moz-osx-font-smoothing: grayscale;
+        -webkit-font-smoothing: antialiased;
+    }
+
+    body {
+        @apply h-screen bg-white text-sm leading-5 text-black;
+    }
+
+    blockquote,
+    dl,
+    dd,
+    hr,
+    figure,
+    p,
+    pre,
+    ol,
+    ul,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        max-width: 100ch;
+    }
+
+    blockquote,
+    dl,
+    dd,
+    hr,
+    figure,
+    p,
+    pre,
+    ol,
+    ul {
+        @apply mb-10;
+    }
+
+    ol ol,
+    ul ul,
+    ol ul,
+    ul ol {
+        @apply mb-0;
+    }
+
+    ul.list-disc,
+    ul.list-decimal,
+    ul.list-circle,
+    ol.list-disc,
+    ol.list-decimal,
+    ol.list-circle {
+        @apply pl-4;
+    }
+
+    dt {
+        @apply font-bold;
+    }
+
+    blockquote {
+        @apply pl-8;
+    }
+
+    hr {
+        @apply bg-grey-light my-5 flex h-px border-none;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        @apply font-normal;
+    }
+
+    h1 {
+        @apply mb-5 text-3xl;
+    }
+
+    h2 {
+        @apply mb-2 text-2xl;
+    }
+
+    h3 {
+        @apply mb-2 text-xl;
+    }
+
+    h4 {
+        @apply mb-1 text-base font-bold;
+    }
+
+    h5 {
+        @apply mb-1 text-sm font-bold;
+    }
+
+    h6 {
+        @apply mb-1 text-xs font-bold;
+    }
+
+    b,
+    strong {
+        @apply font-bold;
+    }
+
+    a {
+        @apply text-blue no-underline;
+    }
+
+    a:hover,
+    a:focus {
+        @apply text-blue-light;
+    }
+
+    a:active {
+        @apply text-blue-dark;
+    }
+
+    button::-moz-focus-inner {
+        @apply border-none;
+    }
+
+    input[type='search']::-webkit-search-decoration,
+    input[type='search']::-webkit-search-cancel-button,
+    input[type='search']::-webkit-search-results-button,
+    input[type='search']::-webkit-search-results-decoration {
+        @apply block cursor-pointer;
+    }
+
+    table.yt-table {
+        @apply focus:yt-focus flex flex-col focus:rounded-sm;
+    }
+    table.yt-table thead.yt-table__head tr.yt-table__row {
+        @apply border-grey-light flex h-auto min-h-[2.5rem] w-full select-none border-t-0 border-b-2 font-bold;
+    }
+
+    table.yt-table thead.yt-table__head tr.yt-table__row th.yt-table__cell {
+        @apply text-grey-darkest flex flex-1 justify-center truncate p-2 text-center align-middle hover:text-black;
+    }
+
+    table.yt-table tbody.yt-table__body tr.yt-table__row {
+        @apply border-grey-light hover:bg-grey-light flex min-h-[2.5rem] border-b;
+    }
+
+    table.yt-table tbody.yt-table__body tr.yt-table__row td.yt-table__cell {
+        @apply flex-1 truncate p-2 text-center align-middle;
+    }
+
+    [aria-hidden] > [data-taco='menu'],
+    [aria-hidden] > [data-taco='hanger'] {
+        @apply invisible;
+    }
+
+    @keyframes fade-in {
+        from {
+            @apply opacity-0;
+        }
+        to {
+            @apply opacity-100;
+        }
+    }
+}
+
+[data-taco='badge'] > [data-taco='spinner'] {
+    @apply ml-2 h-3 w-3;
+}
+
+[data-taco='badge'] > [data-taco='spinner'] svg circle {
+    stroke-width: 15px;
+}
+
+[data-taco='badge'] > * {
+    @apply max-h-full p-0;
+}
 
 [data-taco='button'] > [data-taco='icon'] {
     @apply pointer-events-none -ml-2 -mt-2 -mb-2 inline p-px;
@@ -393,10 +393,10 @@
     @apply mr-2 mt-2 h-5 w-5 opacity-75;
 }
 
-[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul,
-[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul:hover {
-    @apply border-blue;
-}
+[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul,
+[data-taco='combobox'] > [aria-expanded='true'] + [role='dialog'] > ul:hover {
+    @apply border-blue;
+}
 
 .yt-dialog__drag::before,
 .yt-dialog__drag::after {

package/dist/esm/packages/taco/src/components/AlertDialog/AlertDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.js","sources":["../../../../../../../src/components/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { AlertDialogContext } from './Context';\nimport { Trigger, AlertDialogTriggerProps } from './components/Trigger';\nimport {\n    Cancel,\n    Action,\n    Footer,\n    AlertDialogCancelProps,\n    AlertDialogActionProps,\n    AlertDialogFooterProps,\n} from './components/Footer';\nimport { Title, Content, AlertDialogContentProps, AlertDialogTitleProps } from './components/Content';\n\nexport type AlertDialogProps = {\n    children: React.ReactNode | React.ReactNode[];\n    /** Set whether the alert dialog is open by default or not, use when not providing a trigger  */\n    defaultOpen?: boolean;\n    /** Called when the alert dialog opens or closes, must be used in conjunction with open  */\n    onChange?: (open: boolean) => void;\n    /** Control the open state of the dialog from outside the component  */\n    open?: boolean;\n    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\n\nexport type ForwardedAlertDialogWithStatics = React.ForwardRefExoticComponent<\n    AlertDialogProps & React.RefAttributes<HTMLElement>\n> & {\n    Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\n    Content: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;\n    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\n    Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;\n    Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;\n    Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;\n};\n\nexport const AlertDialog = React.forwardRef(function AlertDialog(props: AlertDialogProps, ref: React.Ref<HTMLElement>) {\n    const { children: initialChildren, defaultOpen, onChange, open, trigger, ...otherProps } = props;\n\n    const context = React.useMemo(\n        () => ({\n            props: otherProps,\n            ref,\n        }),\n        [open, otherProps]\n    );\n\n    return (\n        <AlertDialogContext.Provider value={context}>\n            <AlertDialogPrimitive.Root {...props} defaultOpen={defaultOpen} open={open} onOpenChange={onChange}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {props.children}\n            </AlertDialogPrimitive.Root>\n        </AlertDialogContext.Provider>\n    );\n}) as ForwardedAlertDialogWithStatics;\n\nAlertDialog.Trigger = Trigger;\nAlertDialog.Content = Content;\nAlertDialog.Title = Title;\nAlertDialog.Cancel = Cancel;\nAlertDialog.Action = Action;\nAlertDialog.Footer = Footer;\n"],"names":["AlertDialog","React","props","ref","children","initialChildren","defaultOpen","onChange","open","trigger","otherProps","context","AlertDialogContext","Provider","value","AlertDialogPrimitive","onOpenChange","Trigger","Content","Title","Cancel","Action","Footer"],"mappings":";;;;;;;MAqCaA,WAAW,gBAAGC,UAAgB,CAAC,SAASD,WAAW,CAACE,KAAuB,EAAEC,GAA2B;EACjH,MAAM;IAAEC,QAAQ,EAAEC,eAAe;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGR,KAAK;EAEhG,MAAMS,OAAO,GAAGV,OAAa,CACzB,OAAO;IACHC,KAAK,EAAEQ,UAAU;IACjBP;GACH,CAAC,EACF,CAACK,IAAI,EAAEE,UAAU,CAAC,CACrB;EAED,oBACIT,cAACW,kBAAkB,CAACC,QAAQ;IAACC,KAAK,EAAEH;kBAChCV,cAACc,IAAyB,oBAAKb,KAAK;IAAEI,WAAW,EAAEA,WAAW;IAAEE,IAAI,EAAEA,IAAI;IAAEQ,YAAY,EAAET;MACrFE,OAAO,iBAAIR,cAACgB,OAAO,QAAER,OAAO,CAAW,EACvCP,KAAK,CAACE,QAAQ,CACS,CACF;AAEtC,CAAC;AAEDJ,WAAW,CAACiB,OAAO,GAAGA,OAAO;AAC7BjB,WAAW,CAACkB,OAAO,GAAGA,OAAO;AAC7BlB,WAAW,CAACmB,KAAK,GAAGA,KAAK;AACzBnB,WAAW,CAACoB,MAAM,GAAGA,MAAM;AAC3BpB,WAAW,CAACqB,MAAM,GAAGA,MAAM;AAC3BrB,WAAW,CAACsB,MAAM,GAAGA,MAAM;;;;"}
+{"version":3,"file":"AlertDialog.js","sources":["../../../../../../../src/components/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\nimport { AlertDialogContext } from './Context';\r\nimport { Trigger, AlertDialogTriggerProps } from './components/Trigger';\r\nimport {\r\n    Cancel,\r\n    Action,\r\n    Footer,\r\n    AlertDialogCancelProps,\r\n    AlertDialogActionProps,\r\n    AlertDialogFooterProps,\r\n} from './components/Footer';\r\nimport { Title, Content, AlertDialogContentProps, AlertDialogTitleProps } from './components/Content';\r\n\r\nexport type AlertDialogProps = {\r\n    children: React.ReactNode | React.ReactNode[];\r\n    /** Set whether the alert dialog is open by default or not, use when not providing a trigger  */\r\n    defaultOpen?: boolean;\r\n    /** Called when the alert dialog opens or closes, must be used in conjunction with open  */\r\n    onChange?: (open: boolean) => void;\r\n    /** Control the open state of the dialog from outside the component  */\r\n    open?: boolean;\r\n    /** A trigger to be used for the alert dialog, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n};\r\n\r\nexport type ForwardedAlertDialogWithStatics = React.ForwardRefExoticComponent<\r\n    AlertDialogProps & React.RefAttributes<HTMLElement>\r\n> & {\r\n    Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;\r\n    Content: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;\r\n    Title: React.ForwardRefExoticComponent<AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;\r\n    Footer: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;\r\n    Action: React.ForwardRefExoticComponent<AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;\r\n    Cancel: React.ForwardRefExoticComponent<AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;\r\n};\r\n\r\nexport const AlertDialog = React.forwardRef(function AlertDialog(props: AlertDialogProps, ref: React.Ref<HTMLElement>) {\r\n    const { children: initialChildren, defaultOpen, onChange, open, trigger, ...otherProps } = props;\r\n\r\n    const context = React.useMemo(\r\n        () => ({\r\n            props: otherProps,\r\n            ref,\r\n        }),\r\n        [open, otherProps]\r\n    );\r\n\r\n    return (\r\n        <AlertDialogContext.Provider value={context}>\r\n            <AlertDialogPrimitive.Root {...props} defaultOpen={defaultOpen} open={open} onOpenChange={onChange}>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {props.children}\r\n            </AlertDialogPrimitive.Root>\r\n        </AlertDialogContext.Provider>\r\n    );\r\n}) as ForwardedAlertDialogWithStatics;\r\n\r\nAlertDialog.Trigger = Trigger;\r\nAlertDialog.Content = Content;\r\nAlertDialog.Title = Title;\r\nAlertDialog.Cancel = Cancel;\r\nAlertDialog.Action = Action;\r\nAlertDialog.Footer = Footer;\r\n"],"names":["AlertDialog","React","props","ref","children","initialChildren","defaultOpen","onChange","open","trigger","otherProps","context","AlertDialogContext","Provider","value","AlertDialogPrimitive","onOpenChange","Trigger","Content","Title","Cancel","Action","Footer"],"mappings":";;;;;;;MAqCaA,WAAW,gBAAGC,UAAgB,CAAC,SAASD,WAAW,CAACE,KAAuB,EAAEC,GAA2B;EACjH,MAAM;IAAEC,QAAQ,EAAEC,eAAe;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,OAAO;IAAE,GAAGC;GAAY,GAAGR,KAAK;EAEhG,MAAMS,OAAO,GAAGV,OAAa,CACzB,OAAO;IACHC,KAAK,EAAEQ,UAAU;IACjBP;GACH,CAAC,EACF,CAACK,IAAI,EAAEE,UAAU,CAAC,CACrB;EAED,oBACIT,cAACW,kBAAkB,CAACC,QAAQ;IAACC,KAAK,EAAEH;kBAChCV,cAACc,IAAyB,oBAAKb,KAAK;IAAEI,WAAW,EAAEA,WAAW;IAAEE,IAAI,EAAEA,IAAI;IAAEQ,YAAY,EAAET;MACrFE,OAAO,iBAAIR,cAACgB,OAAO,QAAER,OAAO,CAAW,EACvCP,KAAK,CAACE,QAAQ,CACS,CACF;AAEtC,CAAC;AAEDJ,WAAW,CAACiB,OAAO,GAAGA,OAAO;AAC7BjB,WAAW,CAACkB,OAAO,GAAGA,OAAO;AAC7BlB,WAAW,CAACmB,KAAK,GAAGA,KAAK;AACzBnB,WAAW,CAACoB,MAAM,GAAGA,MAAM;AAC3BpB,WAAW,CAACqB,MAAM,GAAGA,MAAM;AAC3BrB,WAAW,CAACsB,MAAM,GAAGA,MAAM;;;;"}

package/dist/esm/packages/taco/src/components/AlertDialog/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/AlertDialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\nimport React from 'react';\n\nexport type AlertDialogContext = {\n    props: {};\n    ref: React.Ref<HTMLElement>;\n};\n\nexport const AlertDialogContext = React.createContext<AlertDialogContext>({\n    props: {},\n    ref: null,\n});\n\nexport const useCurrentAlertDialog = () => {\n    return React.useContext(AlertDialogContext);\n};\n"],"names":["AlertDialogContext","React","createContext","props","ref","useCurrentAlertDialog","useContext"],"mappings":";;AAAA;MAQaA,kBAAkB,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EACtEC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE;CACR;MAEYC,qBAAqB,GAAG;EACjC,OAAOJ,cAAK,CAACK,UAAU,CAACN,kBAAkB,CAAC;AAC/C;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../../../../src/components/AlertDialog/Context.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\r\nimport React from 'react';\r\n\r\nexport type AlertDialogContext = {\r\n    props: {};\r\n    ref: React.Ref<HTMLElement>;\r\n};\r\n\r\nexport const AlertDialogContext = React.createContext<AlertDialogContext>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport const useCurrentAlertDialog = () => {\r\n    return React.useContext(AlertDialogContext);\r\n};\r\n"],"names":["AlertDialogContext","React","createContext","props","ref","useCurrentAlertDialog","useContext"],"mappings":";;AAAA;MAQaA,kBAAkB,gBAAGC,cAAK,CAACC,aAAa,CAAqB;EACtEC,KAAK,EAAE,EAAE;EACTC,GAAG,EAAE;CACR;MAEYC,qBAAqB,GAAG;EACjC,OAAOJ,cAAK,CAACK,UAAU,CAACN,kBAAkB,CAAC;AAC/C;;;;"}

package/dist/esm/packages/taco/src/components/AlertDialog/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/AlertDialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport cn from 'classnames';\nimport { Backdrop } from '../../Backdrop/Backdrop';\nimport { getDialogPositionClassnames, getDialogSizeClassnames, getDialogStylingClassnames } from '../../Dialog/util';\n\nexport type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\nexport const Title = React.forwardRef(function AlertDialogTitle(\n    props: AlertDialogTitleProps,\n    ref: React.Ref<HTMLHeadingElement>\n) {\n    const className = cn('text-center', props.className);\n    return <AlertDialogPrimitive.Title {...props} className={className} ref={ref} />;\n});\n\nexport type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    /** An accessible label to be announced when the dialog is opened */\n    'aria-label': string;\n    children: React.ReactNode;\n};\nexport const Content = React.forwardRef(function AlertDialogContent(\n    props: AlertDialogContentProps,\n    ref: React.Ref<HTMLDivElement>\n) {\n    const className = cn('p-6', getDialogPositionClassnames(), getDialogStylingClassnames(), getDialogSizeClassnames('dialog'));\n\n    return (\n        <AlertDialogPrimitive.Portal>\n            <AlertDialogPrimitive.Overlay asChild>\n                <Backdrop>\n                    <AlertDialogPrimitive.Content\n                        {...props}\n                        ref={ref}\n                        className={className}\n                        onEscapeKeyDown={event => event.preventDefault()}>\n                        {props.children}\n                    </AlertDialogPrimitive.Content>\n                </Backdrop>\n            </AlertDialogPrimitive.Overlay>\n        </AlertDialogPrimitive.Portal>\n    );\n});\n"],"names":["Title","React","AlertDialogTitle","props","ref","className","cn","AlertDialogPrimitive","Content","AlertDialogContent","getDialogPositionClassnames","getDialogStylingClassnames","getDialogSizeClassnames","asChild","Backdrop","onEscapeKeyDown","event","preventDefault","children"],"mappings":";;;;;;MAOaA,KAAK,gBAAGC,UAAgB,CAAC,SAASC,gBAAgB,CAC3DC,KAA4B,EAC5BC,GAAkC;EAElC,MAAMC,SAAS,GAAGC,EAAE,CAAC,aAAa,EAAEH,KAAK,CAACE,SAAS,CAAC;EACpD,oBAAOJ,cAACM,OAA0B,oBAAKJ,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AACpF,CAAC;MAOYI,OAAO,gBAAGP,UAAgB,CAAC,SAASQ,kBAAkB,CAC/DN,KAA8B,EAC9BC,GAA8B;EAE9B,MAAMC,SAAS,GAAGC,EAAE,CAAC,KAAK,EAAEI,2BAA2B,EAAE,EAAEC,0BAA0B,EAAE,EAAEC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;EAE3H,oBACIX,cAACM,MAA2B,qBACxBN,cAACM,OAA4B;IAACM,OAAO;kBACjCZ,cAACa,QAAQ,qBACLb,cAACM,SAA4B,oBACrBJ,KAAK;IACTC,GAAG,EAAEA,GAAG;IACRC,SAAS,EAAEA,SAAS;IACpBU,eAAe,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc;MAC7Cd,KAAK,CAACe,QAAQ,CACY,CACxB,CACgB,CACL;AAEtC,CAAC;;;;"}
+{"version":3,"file":"Content.js","sources":["../../../../../../../../src/components/AlertDialog/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\r\nimport cn from 'classnames';\r\nimport { Backdrop } from '../../Backdrop/Backdrop';\r\nimport { getDialogPositionClassnames, getDialogSizeClassnames, getDialogStylingClassnames } from '../../Dialog/util';\r\n\r\nexport type AlertDialogTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\r\nexport const Title = React.forwardRef(function AlertDialogTitle(\r\n    props: AlertDialogTitleProps,\r\n    ref: React.Ref<HTMLHeadingElement>\r\n) {\r\n    const className = cn('text-center', props.className);\r\n    return <AlertDialogPrimitive.Title {...props} className={className} ref={ref} />;\r\n});\r\n\r\nexport type AlertDialogContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    /** An accessible label to be announced when the dialog is opened */\r\n    'aria-label': string;\r\n    children: React.ReactNode;\r\n};\r\nexport const Content = React.forwardRef(function AlertDialogContent(\r\n    props: AlertDialogContentProps,\r\n    ref: React.Ref<HTMLDivElement>\r\n) {\r\n    const className = cn('p-6', getDialogPositionClassnames(), getDialogStylingClassnames(), getDialogSizeClassnames('dialog'));\r\n\r\n    return (\r\n        <AlertDialogPrimitive.Portal>\r\n            <AlertDialogPrimitive.Overlay asChild>\r\n                <Backdrop>\r\n                    <AlertDialogPrimitive.Content\r\n                        {...props}\r\n                        ref={ref}\r\n                        className={className}\r\n                        onEscapeKeyDown={event => event.preventDefault()}>\r\n                        {props.children}\r\n                    </AlertDialogPrimitive.Content>\r\n                </Backdrop>\r\n            </AlertDialogPrimitive.Overlay>\r\n        </AlertDialogPrimitive.Portal>\r\n    );\r\n});\r\n"],"names":["Title","React","AlertDialogTitle","props","ref","className","cn","AlertDialogPrimitive","Content","AlertDialogContent","getDialogPositionClassnames","getDialogStylingClassnames","getDialogSizeClassnames","asChild","Backdrop","onEscapeKeyDown","event","preventDefault","children"],"mappings":";;;;;;MAOaA,KAAK,gBAAGC,UAAgB,CAAC,SAASC,gBAAgB,CAC3DC,KAA4B,EAC5BC,GAAkC;EAElC,MAAMC,SAAS,GAAGC,EAAE,CAAC,aAAa,EAAEH,KAAK,CAACE,SAAS,CAAC;EACpD,oBAAOJ,cAACM,OAA0B,oBAAKJ,KAAK;IAAEE,SAAS,EAAEA,SAAS;IAAED,GAAG,EAAEA;KAAO;AACpF,CAAC;MAOYI,OAAO,gBAAGP,UAAgB,CAAC,SAASQ,kBAAkB,CAC/DN,KAA8B,EAC9BC,GAA8B;EAE9B,MAAMC,SAAS,GAAGC,EAAE,CAAC,KAAK,EAAEI,2BAA2B,EAAE,EAAEC,0BAA0B,EAAE,EAAEC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;EAE3H,oBACIX,cAACM,MAA2B,qBACxBN,cAACM,OAA4B;IAACM,OAAO;kBACjCZ,cAACa,QAAQ,qBACLb,cAACM,SAA4B,oBACrBJ,KAAK;IACTC,GAAG,EAAEA,GAAG;IACRC,SAAS,EAAEA,SAAS;IACpBU,eAAe,EAAEC,KAAK,IAAIA,KAAK,CAACC,cAAc;MAC7Cd,KAAK,CAACe,QAAQ,CACY,CACxB,CACgB,CACL;AAEtC,CAAC;;;;"}