@zonos/amino 5.5.30 → 5.5.32

package/components/currency/DualCurrency.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("clsx"),a=require("./Currency.js"),n=require("../../icons/ArrowSwapIcon.js"),u=require("../../utils/formatCurrency.js"),i=require("../../style-inject.es-d4ddeae4.js");function c(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var o=c(r),t="Amino_DualCurrency-module__dualCurrencyWrapper--3BrVC";i.styleInject(".Amino_DualCurrency-module__dualCurrencyWrapper--3BrVC{grid-column-gap:var(--amino-space-8);align-items:center;display:var(--amino-dual-currency-display);font-variant-numeric:var(--amino-dual-currency-font-variant-numeric);gap:var(--amino-space-8);grid-template-columns:var(--amino-dual-currency-grid-template-columns);justify-items:right}");exports.DualCurrency=function(r){var i=r.className,c=r.conversionRate,l=r.foreignCode,s=void 0===l?"USD":l,m=r.hideForeign,d=void 0!==m&&m,y=r.hideLocal,v=void 0!==y&&y,g=r.isTabular,f=void 0!==g&&g,p=r.localCode,C=void 0===p?"USD":p,_=r.style,j=r.value,q=r.valueIsForeign,D=void 0!==q&&q,I=u.getDualCurrency({conversionRate:c,foreignCode:s,localCode:C,value:j,valueIsForeign:D}),R=I.foreign,b=I.local,x=function(){return b?React.createElement(a.Currency,{amount:b.amount,className:i,code:C}):null},h=function(){return R?React.createElement(a.Currency,{amount:R.amount,className:i,code:s}):null};return b&&R&&!v&&!d?React.createElement("div",{className:o.default(t,i),style:e.__assign(e.__assign({},_),{"--amino-dual-currency-display":f?"grid":"flex","--amino-dual-currency-font-variant-numberic":f?"tabular-nums":"","--amino-dual-currency-grid-template-columns":f?"1.25fr 0fr 1.25fr":""})},x(),React.createElement(n.ArrowSwapIcon,{color:"gray800",size:12}),h()):b&&!v?x():R&&!d?h():null};
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("clsx"),a=require("./Currency.js"),n=require("../../icons/ArrowSwapIcon.js"),u=require("../../utils/formatCurrency.js"),i=require("../../style-inject.es-d4ddeae4.js"),o=require("react/jsx-runtime");function l(e){return e&&e.__esModule?e:{default:e}}require("../text/Text.js"),require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../styles/constants/theme.js"),require("react"),require("../../icons/icon-base/_IconBase.js");var s=l(r),c="Amino_DualCurrency-module__dualCurrencyWrapper--3BrVC";i.styleInject(".Amino_DualCurrency-module__dualCurrencyWrapper--3BrVC{grid-column-gap:var(--amino-space-8);align-items:center;display:var(--amino-dual-currency-display);font-variant-numeric:var(--amino-dual-currency-font-variant-numeric);gap:var(--amino-space-8);grid-template-columns:var(--amino-dual-currency-grid-template-columns);justify-items:right}");exports.DualCurrency=function(r){var i=r.className,l=r.conversionRate,t=r.foreignCode,d=void 0===t?"USD":t,m=r.hideForeign,y=void 0!==m&&m,v=r.hideLocal,g=void 0!==v&&v,p=r.isTabular,f=void 0!==p&&p,j=r.localCode,C=void 0===j?"USD":j,_=r.style,q=r.value,x=r.valueIsForeign,b=void 0!==x&&x,D=u.getDualCurrency({conversionRate:l,foreignCode:d,localCode:C,value:q,valueIsForeign:b}),I=D.foreign,h=D.local,w=function(){return h?o.jsx(a.Currency,{amount:h.amount,className:i,code:C}):null},A=function(){return I?o.jsx(a.Currency,{amount:I.amount,className:i,code:d}):null};return h&&I&&!g&&!y?o.jsxs("div",{className:s.default(c,i),style:e.__assign(e.__assign({},_),{"--amino-dual-currency-display":f?"grid":"flex","--amino-dual-currency-font-variant-numberic":f?"tabular-nums":"","--amino-dual-currency-grid-template-columns":f?"1.25fr 0fr 1.25fr":""}),children:[w(),o.jsx(n.ArrowSwapIcon,{color:"gray800",size:12}),A()]}):h&&!g?w():I&&!y?A():null};

package/components/danger-zone/DangerZone.d.ts

@@ -0,0 +1,71 @@
+import type { ReactNode } from 'react';
+import { type CardProps } from "../card/Card";
+import type { BaseProps } from "../../types/BaseProps";
+/**
+ * DangerZone component visually highlights areas containing destructive or irreversible actions.
+ * It's a specialized Card component with warning styling to make users cautious about the actions within.
+ *
+ * @example Basic usage
+ * <DangerZone>
+ *   <Text type="bold">Delete Account</Text>
+ *   <Text>This action cannot be undone. All data will be permanently deleted.</Text>
+ *   <Button variant="danger">Delete Account</Button>
+ * </DangerZone>
+ *
+ * @example With multiple actions
+ * <DangerZone>
+ *   <VStack spacing={16}>
+ *     <div>
+ *       <Text type="bold">Reset Settings</Text>
+ *       <Text>Restore all settings to their default values.</Text>
+ *       <Button variant="danger">Reset</Button>
+ *     </div>
+ *     <Divider />
+ *     <div>
+ *       <Text type="bold">Delete Account</Text>
+ *       <Text>This action cannot be undone.</Text>
+ *       <Button variant="danger">Delete</Button>
+ *     </div>
+ *   </VStack>
+ * </DangerZone>
+ *
+ * @example With confirmation UI
+ * const [showConfirmation, setShowConfirmation] = useState(false);
+ *
+ * <DangerZone>
+ *   <Text type="bold">Delete Project</Text>
+ *   <Text>This will permanently delete the project and all associated resources.</Text>
+ *
+ *   {!showConfirmation ? (
+ *     <Button
+ *       variant="danger"
+ *       onClick={() => setShowConfirmation(true)}
+ *     >
+ *       Delete Project
+ *     </Button>
+ *   ) : (
+ *     <VStack>
+ *       <Text fontWeight="bold">Are you sure?</Text>
+ *       <HStack>
+ *         <Button variant="standard" onClick={() => setShowConfirmation(false)}>
+ *           Cancel
+ *         </Button>
+ *         <Button variant="danger" onClick={handleDeleteProject}>
+ *           Yes, Delete
+ *         </Button>
+ *       </HStack>
+ *     </VStack>
+ *   )}
+ * </DangerZone>
+ *
+ * @example With custom styling
+ * <DangerZone
+ *   style={{ maxWidth: '500px' }}
+ *   className="custom-danger-zone"
+ * >
+ *   <Text type="bold">Danger Zone Content</Text>
+ * </DangerZone>
+ */
+export declare const DangerZone: ({ children, className, style, ...props }: BaseProps & CardProps & {
+    children: ReactNode;
+}) => import("react").JSX.Element;

package/components/danger-zone/DangerZone.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-77a6284f.js"),r=require("../../tslib.es6-8c21e256.js"),n=require("clsx"),a=require("../card/Card.js"),s=require("../../style-inject.es-d4ddeae4.js");function o(e){return e&&e.__esModule?e:{default:e}}require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../styles/constants/theme.js");var t=o(n),l="Amino_DangerZone-module__dangerZone--mTIeY";s.styleInject(".Amino_DangerZone-module__dangerZone--mTIeY{border-color:var(--amino-red-200);box-shadow:0 1px 5px #ff000030}.Amino_DangerZone-module__dangerZone--mTIeY header{border-color:var(--amino-red-200)}.Amino_DangerZone-module__dangerZone--mTIeY h4{color:var(--amino-red-600)}");exports.DangerZone=function(n){var s=n.children,o=n.className,d=n.style,i=r.__rest(n,["children","className","style"]);return React.createElement(a.Card,e._extends({className:t.default(l,o),style:d},i),s)};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../tslib.es6-8c21e256.js"),a=require("clsx"),n=require("../card/Card.js"),o=require("../../style-inject.es-d4ddeae4.js"),s=require("react/jsx-runtime");function t(e){return e&&e.__esModule?e:{default:e}}require("../stack/HStack.js"),require("../stack/Stack.js"),require("../text/Text.js"),require("../../styles/constants/theme.js");var l=t(a),i="Amino_DangerZone-module__dangerZone--mTIeY";o.styleInject(".Amino_DangerZone-module__dangerZone--mTIeY{border-color:var(--amino-red-200);box-shadow:0 1px 5px #ff000030}.Amino_DangerZone-module__dangerZone--mTIeY header{border-color:var(--amino-red-200)}.Amino_DangerZone-module__dangerZone--mTIeY h4{color:var(--amino-red-600)}");exports.DangerZone=function(a){var o=a.children,t=a.className,d=a.style,u=r.__rest(a,["children","className","style"]);return s.jsx(n.Card,e._objectSpread2(e._objectSpread2({className:l.default(i,t),style:d},u),{},{children:o}))};

package/components/dialog/BaseDialog.d.ts

@@ -0,0 +1,49 @@
+import React, { type ReactNode } from 'react';
+import { type MotionProps } from 'framer-motion';
+import type { BaseProps } from "../../types/BaseProps";
+import type { Theme } from "../../types/Theme";
+export type BaseDialogProps = BaseProps & {
+    children: ReactNode;
+    fullWindowWidth?: boolean;
+    /** Don't close when clicking outside dialog (on the backdrop)
+     * @default false
+     */
+    noCloseOnBlur?: boolean;
+    /** Don't close on pressing 'escape' key
+     * @default false
+     */
+    noCloseOnEsc?: boolean;
+    onClose?: () => void;
+    open: boolean;
+    /**
+     * framer-motion props for the popup container.
+     *
+     * Gets shallowly combined with defaults.
+     *
+     * @default
+     *
+     * {
+     *   animate: { opacity: 1, scale: 1 },
+     *   exit: { opacity: 0, scale: 0.95 },
+     *   initial: { opacity: 0, scale: 0.95 },
+     *   transition: { duration: 0.3, ease: [0.4, 0, 0.2, 1] },
+     * }
+     */
+    popupMotionProps?: MotionProps;
+    /**
+     * the selector for the root element to append the dialog to
+     * @default 'body'
+     */
+    rootSelector?: string;
+    themeOverride?: Theme;
+    /**
+     * @default 444
+     */
+    width?: number;
+    /**
+     * Disable the backdrop color
+     * @default false
+     */
+    withBackdrop?: boolean;
+};
+export declare const BaseDialog: ({ children, className, fullWindowWidth, noCloseOnBlur, noCloseOnEsc, onClose, open, popupMotionProps, rootSelector, style, themeOverride, width, withBackdrop, }: BaseDialogProps) => React.ReactPortal | null;

package/components/dialog/BaseDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-77a6284f.js"),o=require("../../tslib.es6-8c21e256.js"),t=require("react"),n=require("react-dom"),a=require("clsx"),i=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}var d=l(t),u=l(a),c="Amino_BaseDialog-module__backdrop--Tykyp",s="Amino_BaseDialog-module__popup--1AFN-";r.styleInject(".Amino_BaseDialog-module__backdrop--Tykyp{align-items:center;color:var(--amino-text-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Amino_BaseDialog-module__popup--1AFN-{background:var(--amino-page-background);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xxl);display:flex;flex-direction:column;max-height:90vh;outline:none;overflow:hidden;width:var(--amino-base-dialog-width);z-index:1001}");exports.BaseDialog=function(a){var r=a.children,l=a.className,m=a.fullWindowWidth,p=a.noCloseOnBlur,f=void 0!==p&&p,v=a.noCloseOnEsc,g=void 0!==v&&v,y=a.onClose,b=a.open,h=a.popupMotionProps,x=a.rootSelector,_=a.style,k=a.themeOverride,w=a.width,q=void 0===w?444:w,B=a.withBackdrop,A=void 0!==B&&B,C=t.useRef(null),D=t.useRef(null);t.useEffect((function(){var e,o;(null===(e=D.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(o=D.current)||void 0===o||o.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=b?"hidden":"auto")}),[b]);var E=A?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},j=o.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},h);if("undefined"!=typeof document){var P=document.querySelector(x||"body");if(P)return n.createPortal(d.default.createElement(i.AnimatePresence,null,b&&d.default.createElement(i.motion.div,e._extends({className:c},E,{key:"dialog-backdrop",ref:D,"data-theme":k,onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),y&&!g&&y())},onMouseDown:function(e){C.current=e.target},onMouseUp:function(e){var o=e.target===C.current,t=y&&!f&&e.target===D.current;o&&t&&y(),C.current=null},style:{"--amino-base-dialog-width":m?"100%":"".concat(q,"px")},tabIndex:-1,transition:{duration:.3}}),d.default.createElement(i.motion.div,e._extends({},j,{key:"dialog",className:u.default(l,s,"elevated"),onClick:function(e){e.stopPropagation()},style:_}),r))),P)}return null};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),o=require("../../tslib.es6-8c21e256.js"),t=require("react"),n=require("react-dom"),i=require("clsx"),a=require("framer-motion"),r=require("../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function d(e){return e&&e.__esModule?e:{default:e}}var u=d(i),c="Amino_BaseDialog-module__backdrop--Tykyp",s="Amino_BaseDialog-module__popup--1AFN-";r.styleInject(".Amino_BaseDialog-module__backdrop--Tykyp{align-items:center;color:var(--amino-text-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.Amino_BaseDialog-module__popup--1AFN-{background:var(--amino-page-background);border-radius:var(--amino-radius-12);box-shadow:var(--amino-v3-shadow-xxl);display:flex;flex-direction:column;max-height:90vh;outline:none;overflow:hidden;width:var(--amino-base-dialog-width);z-index:1001}");exports.BaseDialog=function(i){var r=i.children,d=i.className,m=i.fullWindowWidth,p=i.noCloseOnBlur,v=void 0!==p&&p,f=i.noCloseOnEsc,g=void 0!==f&&f,b=i.onClose,y=i.open,h=i.popupMotionProps,_=i.rootSelector,x=i.style,k=i.themeOverride,w=i.width,j=void 0===w?444:w,q=i.withBackdrop,B=void 0!==q&&q,A=t.useRef(null),C=t.useRef(null);t.useEffect((function(){var e,o;(null===(e=C.current)||void 0===e?void 0:e.contains(document.activeElement))||null===(o=C.current)||void 0===o||o.focus(),(null===document||void 0===document?void 0:document.body)&&(document.body.style.overflow=y?"hidden":"auto")}),[y]);var D=B?{animate:{backgroundColor:"rgba(16, 17, 22, 0.65)"},exit:{backgroundColor:"rgba(16, 17, 22, 0)"},initial:{backgroundColor:"rgba(16, 17, 22, 0)"}}:{},E=o.__assign({animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},initial:{opacity:0,scale:.95},transition:{duration:.3,ease:[.4,0,.2,1]}},h);if("undefined"!=typeof document){var P=document.querySelector(_||"body");if(P)return n.createPortal(l.jsx(a.AnimatePresence,{children:y&&t.createElement(a.motion.div,e._objectSpread2(e._objectSpread2({className:c},D),{},{key:"dialog-backdrop",ref:C,"data-theme":k,onKeyDown:function(e){"Escape"===e.key&&(e.stopPropagation(),b&&!g&&b())},onMouseDown:function(e){A.current=e.target},onMouseUp:function(e){var o=e.target===A.current,t=b&&!v&&e.target===C.current;o&&t&&b(),A.current=null},style:{"--amino-base-dialog-width":m?"100%":"".concat(j,"px")},tabIndex:-1,transition:{duration:.3}}),t.createElement(a.motion.div,e._objectSpread2(e._objectSpread2({},E),{},{key:"dialog",className:u.default(d,s,"elevated"),onClick:function(e){e.stopPropagation()},style:x}),r))}),P)}return null};

package/components/dialog/Dialog.d.ts

@@ -0,0 +1,105 @@
+import { type ReactNode } from 'react';
+import { type BaseDialogProps } from "./BaseDialog";
+export type DialogProps = BaseDialogProps & {
+    actions?: ReactNode;
+    label?: ReactNode;
+    leftActions?: ReactNode;
+    onClose: () => void;
+    subtitle?: ReactNode;
+};
+/**
+ * Dialog component displays important content in a modal window that requires user attention or interaction.
+ * It includes a header with title, optional subtitle, content area, and an optional footer with actions.
+ *
+ * @example Basic dialog
+ * <Dialog
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   label="Dialog Title"
+ * >
+ *   <Text>This is the dialog content.</Text>
+ * </Dialog>
+ *
+ * @example With actions
+ * <Dialog
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   label="Confirmation"
+ *   actions={
+ *     <>
+ *       <Button onClick={() => setIsOpen(false)}>Cancel</Button>
+ *       <Button variant="primary" onClick={handleConfirm}>Confirm</Button>
+ *     </>
+ *   }
+ * >
+ *   <Text>Are you sure you want to proceed with this action?</Text>
+ * </Dialog>
+ *
+ * @example With subtitle
+ * <Dialog
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   label="Account Settings"
+ *   subtitle="Manage your personal information and preferences"
+ * >
+ *   <VStack spacing={16}>
+ *     <Input label="Name" value={name} onChange={(e) => setName(e.target.value)} />
+ *     <Input label="Email" value={email} onChange={(e) => setEmail(e.target.value)} />
+ *   </VStack>
+ * </Dialog>
+ *
+ * @example With left actions
+ * <Dialog
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   label="Edit Item"
+ *   leftActions={<Button variant="danger">Delete</Button>}
+ *   actions={
+ *     <>
+ *       <Button onClick={() => setIsOpen(false)}>Cancel</Button>
+ *       <Button variant="primary">Save</Button>
+ *     </>
+ *   }
+ * >
+ *   <Text>Edit the item details here.</Text>
+ * </Dialog>
+ *
+ * @example Non-modal dialog
+ * <Dialog
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   label="Help Information"
+ *   modal={false}
+ * >
+ *   <Text>This dialog doesn't block interaction with elements behind it.</Text>
+ * </Dialog>
+ *
+ * @example With custom width
+ * <Dialog
+ *   open={isOpen}
+ *   onClose={() => setIsOpen(false)}
+ *   label="Wide Dialog"
+ *   style={{ '--amino-dialog-width': '800px' }}
+ * >
+ *   <Text>This dialog has a custom width.</Text>
+ * </Dialog>
+ */
+export declare const Dialog: import("react").ForwardRefExoticComponent<import("../../types/BaseProps").BaseProps & {
+    children: ReactNode;
+    fullWindowWidth?: boolean;
+    noCloseOnBlur?: boolean;
+    noCloseOnEsc?: boolean;
+    onClose?: () => void;
+    open: boolean;
+    popupMotionProps?: import("framer-motion").MotionProps;
+    rootSelector?: string;
+    themeOverride?: import("../../types/Theme").Theme;
+    width?: number;
+    withBackdrop?: boolean;
+} & {
+    actions?: ReactNode;
+    label?: ReactNode;
+    leftActions?: ReactNode;
+    onClose: () => void;
+    subtitle?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/components/dialog/Dialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-77a6284f.js"),t=require("../../tslib.es6-8c21e256.js"),i=require("react"),o=require("clsx"),a=require("../button/ButtonIcon.js"),r=require("./BaseDialog.js"),l=require("../text/Text.js"),n=require("../../icons/RemoveCircleDuotoneIcon.js"),s=require("../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.js");var m=u(o),c="Amino_Dialog-module__header--w2nyw",d="Amino_Dialog-module__title--uKkuL",_="Amino_Dialog-module__styledActionBaseWrapper---KJzV",p="Amino_Dialog-module__styledLeftActionWrapper--5WF18",g="Amino_Dialog-module__styledRightActionWrapper--SKyAg",f="Amino_Dialog-module__footer--msAT6",A="Amino_Dialog-module__content--2s77C";s.styleInject(".Amino_Dialog-module__header--w2nyw{border-top-left-radius:var(--amino-radius-12);border-top-right-radius:var(--amino-radius-12);display:flex;flex-direction:column;gap:var(--amino-space-12);padding:var(--amino-space-24);padding-bottom:var(--amino-space-16)}.Amino_Dialog-module__title--uKkuL{align-items:center;display:flex;width:100%}.Amino_Dialog-module__title--uKkuL>:not(button){flex-grow:1;margin:0}.Amino_Dialog-module__styledActionBaseWrapper---KJzV{display:flex;flex-grow:1}.Amino_Dialog-module__styledLeftActionWrapper--5WF18{display:flex;gap:var(--amino-space-8);justify-content:flex-start}.Amino_Dialog-module__styledRightActionWrapper--SKyAg{display:flex;gap:var(--amino-space-8);justify-content:flex-end}.Amino_Dialog-module__footer--msAT6{align-items:center;border-bottom-left-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-radius-12);display:flex;padding:var(--amino-space-24)}.Amino_Dialog-module__footer--msAT6>div+div{margin-left:var(--amino-space-8)}.Amino_Dialog-module__content--2s77C{flex-grow:1;overflow-y:auto;padding:var(--amino-space-8) var(--amino-space-24)}");var v=i.forwardRef((function(i,o){var s=i.actions,u=i.children,v=i.label,y=i.leftActions,b=i.onClose,q=i.style,D=i.subtitle,j=t.__rest(i,["actions","children","label","leftActions","onClose","style","subtitle"]);return React.createElement(r.BaseDialog,e._extends({},j,{onClose:b,style:q}),React.createElement("div",{className:c},React.createElement("div",{className:d},React.createElement(l.Text,{type:"title"},v),React.createElement(a.ButtonIcon,{icon:React.createElement(n.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:b,variant:"text"})),D&&React.createElement(l.Text,{type:"subtitle"},D)),React.createElement("div",{ref:o,className:A},u),(s||y)&&React.createElement("div",{className:f},y&&React.createElement("div",{className:m.default(_,p)},y),s&&React.createElement("div",{className:m.default(_,g)},s)))}));exports.Dialog=v;
+"use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),i=require("../../tslib.es6-8c21e256.js"),o=require("react"),r=require("clsx"),t=require("../button/ButtonIcon.js"),a=require("./BaseDialog.js"),l=require("../text/Text.js"),s=require("../../icons/RemoveCircleDuotoneIcon.js"),n=require("../../style-inject.es-d4ddeae4.js"),u=require("react/jsx-runtime");function d(e){return e&&e.__esModule?e:{default:e}}require("../button/Button.js"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../../styles/constants/theme.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../../utils/getTestId.js"),require("react-dom"),require("../../icons/icon-base/_IconBase.js");var m=d(r),c="Amino_Dialog-module__header--w2nyw",_="Amino_Dialog-module__title--uKkuL",p="Amino_Dialog-module__styledActionBaseWrapper---KJzV",g="Amino_Dialog-module__styledLeftActionWrapper--5WF18",f="Amino_Dialog-module__styledRightActionWrapper--SKyAg",j="Amino_Dialog-module__footer--msAT6",x="Amino_Dialog-module__content--2s77C";n.styleInject(".Amino_Dialog-module__header--w2nyw{border-top-left-radius:var(--amino-radius-12);border-top-right-radius:var(--amino-radius-12);display:flex;flex-direction:column;gap:var(--amino-space-12);padding:var(--amino-space-24);padding-bottom:var(--amino-space-16)}.Amino_Dialog-module__title--uKkuL{align-items:center;display:flex;width:100%}.Amino_Dialog-module__title--uKkuL>:not(button){flex-grow:1;margin:0}.Amino_Dialog-module__styledActionBaseWrapper---KJzV{display:flex;flex-grow:1}.Amino_Dialog-module__styledLeftActionWrapper--5WF18{display:flex;gap:var(--amino-space-8);justify-content:flex-start}.Amino_Dialog-module__styledRightActionWrapper--SKyAg{display:flex;gap:var(--amino-space-8);justify-content:flex-end}.Amino_Dialog-module__footer--msAT6{align-items:center;border-bottom-left-radius:var(--amino-radius-12);border-bottom-right-radius:var(--amino-radius-12);display:flex;padding:var(--amino-space-24)}.Amino_Dialog-module__footer--msAT6>div+div{margin-left:var(--amino-space-8)}.Amino_Dialog-module__content--2s77C{flex-grow:1;overflow-y:auto;padding:var(--amino-space-8) var(--amino-space-24)}");var A=o.forwardRef((function(o,r){var n=o.actions,d=o.children,A=o.label,v=o.leftActions,y=o.onClose,b=o.style,q=o.subtitle,D=i.__rest(o,["actions","children","label","leftActions","onClose","style","subtitle"]);return u.jsxs(a.BaseDialog,e._objectSpread2(e._objectSpread2({},D),{},{onClose:y,style:b,children:[u.jsxs("div",{className:c,children:[u.jsxs("div",{className:_,children:[u.jsx(l.Text,{type:"title",children:A}),u.jsx(t.ButtonIcon,{icon:u.jsx(s.RemoveCircleDuotoneIcon,{size:24}),noRipple:!0,onClick:y,variant:"text"})]}),q&&u.jsx(l.Text,{type:"subtitle",children:q})]}),u.jsx("div",{ref:r,className:x,children:d}),(n||v)&&u.jsxs("div",{className:j,children:[v&&u.jsx("div",{className:m.default(p,g),children:v}),n&&u.jsx("div",{className:m.default(p,f),children:n})]})]}))}));exports.Dialog=A;

package/components/dialog/DismissableDialog.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+import type { Theme } from "../../types/Theme";
+export type DismissableDialogIntent = 'danger' | 'warning' | 'info';
+export type DismissableDialogBaseArgs = {
+    intent: DismissableDialogIntent;
+    label: string;
+    subtitle?: ReactNode;
+    /**
+     * @default 350
+     */
+    width?: number;
+};
+export type DismissableDialogProps = BaseProps & DismissableDialogBaseArgs & {
+    actions?: ReactNode;
+    dismissAction: () => void;
+    open: boolean;
+    themeOverride?: Theme;
+};
+export declare const _dismissableDialogGetButtonVariant: (intent: DismissableDialogIntent) => "primary" | "danger" | "warning";
+export declare const DismissableDialog: ({ actions, dismissAction, intent, label, open, style, subtitle, themeOverride, width, }: DismissableDialogProps) => import("react").JSX.Element;

package/components/dialog/DismissableDialog.js

@@ -1 +1 @@
-"use strict";var e=require("./BaseDialog.js"),t=require("../stack/VStack.js"),r=require("../text/Text.js"),a=require("../thumbnail/Thumbnail.js"),n=require("../../icons/ExclamationMarkDuotoneIcon.js"),i=require("../../icons/HelpDuotoneIcon.js"),o=require("../../icons/WarningDuotoneIcon.js"),s=require("../../style-inject.es-d4ddeae4.js");require("../../_rollupPluginBabelHelpers-77a6284f.js"),require("../../tslib.es6-8c21e256.js"),require("react"),require("react-dom"),require("clsx"),require("framer-motion"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var c="Amino_DismissableDialog-module__content--O83SC",l="Amino_DismissableDialog-module__footer--76u-9";s.styleInject(".Amino_DismissableDialog-module__content--O83SC{padding:var(--amino-space-24)}.Amino_DismissableDialog-module__content--O83SC>div{align-items:center;display:flex;flex-direction:column;text-align:center}.Amino_DismissableDialog-module__footer--76u-9{display:grid;gap:8px;grid-template-columns:1fr 1fr}");var u=function(e){switch(e){case"danger":return React.createElement(n.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return React.createElement(o.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return React.createElement(i.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},m=function(e){switch(e){case"danger":return"red";case"warning":return"orange";default:return"blue"}};exports.DismissableDialog=function(n){var i=n.actions,o=n.dismissAction,s=n.intent,d=n.label,g=n.open,b=n.style,D=n.subtitle,p=n.themeOverride,_=n.width,q=void 0===_?350:_;return React.createElement(e.BaseDialog,{"data-theme":p,onClose:o,open:g,style:b,width:q},React.createElement("div",{className:c},React.createElement(t.VStack,{spacing:24},React.createElement(a.Thumbnail,{color:m(s),icon:u(s),size:40}),React.createElement(t.VStack,{spacing:8},React.createElement(r.Text,{type:"subheader"},d),D&&React.createElement(r.Text,{color:"gray800",lineHeight:"base",type:"body"},D)),React.createElement("div",{className:l},i))))},exports._dismissableDialogGetButtonVariant=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};
+"use strict";var e=require("./BaseDialog.js"),r=require("../stack/VStack.js"),i=require("../text/Text.js"),n=require("../thumbnail/Thumbnail.js"),s=require("../../icons/ExclamationMarkDuotoneIcon.js"),o=require("../../icons/HelpDuotoneIcon.js"),a=require("../../icons/WarningDuotoneIcon.js"),t=require("../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../tslib.es6-8c21e256.js"),require("react"),require("react-dom"),require("clsx"),require("framer-motion"),require("../stack/Stack.js"),require("../../styles/constants/theme.js"),require("../../icons/icon-base/_IconBase.js");var c="Amino_DismissableDialog-module__content--O83SC",u="Amino_DismissableDialog-module__footer--76u-9";t.styleInject(".Amino_DismissableDialog-module__content--O83SC{padding:var(--amino-space-24)}.Amino_DismissableDialog-module__content--O83SC>div{align-items:center;display:flex;flex-direction:column;text-align:center}.Amino_DismissableDialog-module__footer--76u-9{display:grid;gap:8px;grid-template-columns:1fr 1fr}");var d=function(e){switch(e){case"danger":return l.jsx(s.ExclamationMarkDuotoneIcon,{color:"red800",secondaryColor:"red400"});case"warning":return l.jsx(a.WarningDuotoneIcon,{color:"orange800",secondaryColor:"orange400"});default:return l.jsx(o.HelpDuotoneIcon,{color:"blue800",secondaryColor:"blue400"})}},m=function(e){switch(e){case"danger":return"red";case"warning":return"orange";default:return"blue"}};exports.DismissableDialog=function(s){var o=s.actions,a=s.dismissAction,t=s.intent,g=s.label,j=s.open,x=s.style,b=s.subtitle,D=s.themeOverride,h=s.width,p=void 0===h?350:h;return l.jsx(e.BaseDialog,{"data-theme":D,onClose:a,open:j,style:x,width:p,children:l.jsx("div",{className:c,children:l.jsxs(r.VStack,{spacing:24,children:[l.jsx(n.Thumbnail,{color:m(t),icon:d(t),size:40}),l.jsxs(r.VStack,{spacing:8,children:[l.jsx(i.Text,{type:"subheader",children:g}),b&&l.jsx(i.Text,{color:"gray800",lineHeight:"base",type:"body",children:b})]}),l.jsx("div",{className:u,children:o})]})})})},exports._dismissableDialogGetButtonVariant=function(e){switch(e){case"danger":return"danger";case"warning":return"warning";default:return"primary"}};

package/components/dialog/alert/AlertContext.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+import type { DismissableDialogBaseArgs } from "../DismissableDialog";
+export type AlertDialogArgs = DismissableDialogBaseArgs & {
+    dismissText: string;
+    onDismiss: () => void;
+};
+export declare const AlertContext: import("react").Context<(opts: AlertDialogArgs) => void>;
+type Props = {
+    children: ReactNode;
+};
+export declare const AlertContextProvider: ({ children }: Props) => import("react").JSX.Element;
+export {};

package/components/dialog/alert/AlertContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),r=require("../../../tslib.es6-8c21e256.js"),t=require("react"),i=require("./AlertDialog.js");require("../../button/Button.js"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");var s=t.createContext((function(e){}));exports.AlertContext=s,exports.AlertContextProvider=function(u){var n=u.children,o=r.__read(t.useState(),2),a=o[0],l=o[1],c=r.__read(t.useState(!1),2),q=c[0],j=c[1],p=t.useCallback((function(e){l(e),j(!0)}),[]);return React.createElement(s.Provider,{value:p},n,a&&React.createElement(i.AlertDialog,e._extends({},a,{dismissAction:function(){j(!1),a.onDismiss()},open:q})))};
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../../tslib.es6-8c21e256.js"),i=require("react"),s=require("./AlertDialog.js"),t=require("react/jsx-runtime");require("../../button/Button.js"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");var u=i.createContext((function(e){}));exports.AlertContext=u,exports.AlertContextProvider=function(n){var o=n.children,a=r.__read(i.useState(),2),l=a[0],c=a[1],j=r.__read(i.useState(!1),2),q=j[0],p=j[1],b=i.useCallback((function(e){c(e),p(!0)}),[]);return t.jsxs(u.Provider,{value:b,children:[o,l&&t.jsx(s.AlertDialog,e._objectSpread2(e._objectSpread2({},l),{},{dismissAction:function(){p(!1),l.onDismiss()},open:q}))]})};

package/components/dialog/alert/AlertDialog.d.ts

@@ -0,0 +1,6 @@
+import { type DismissableDialogProps } from "../DismissableDialog";
+export type AlertDialogProps = DismissableDialogProps & {
+    dismissAction: () => void;
+    dismissText: string;
+};
+export declare const AlertDialog: ({ dismissAction, dismissText, ...props }: AlertDialogProps) => import("react").JSX.Element;

package/components/dialog/alert/AlertDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),i=require("../../../tslib.es6-8c21e256.js"),s=require("../../button/Button.js"),r=require("../DismissableDialog.js");require("react"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.AlertDialog=function(t){var n=t.dismissAction,u=t.dismissText,o=i.__rest(t,["dismissAction","dismissText"]);return React.createElement(r.DismissableDialog,e._extends({},o,{actions:React.createElement(s.Button,{onClick:n,size:"lg",style:{gridColumn:"span 2"},variant:r._dismissableDialogGetButtonVariant(o.intent)},u),dismissAction:n}))};
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),i=require("../../../tslib.es6-8c21e256.js"),r=require("../../button/Button.js"),s=require("../DismissableDialog.js"),t=require("react/jsx-runtime");require("react"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.AlertDialog=function(u){var n=u.dismissAction,o=u.dismissText,a=i.__rest(u,["dismissAction","dismissText"]);return t.jsx(s.DismissableDialog,e._objectSpread2(e._objectSpread2({},a),{},{actions:t.jsx(r.Button,{onClick:n,size:"lg",style:{gridColumn:"span 2"},variant:s._dismissableDialogGetButtonVariant(a.intent),children:o}),dismissAction:n}))};

package/components/dialog/alert/useAlert.d.ts

@@ -0,0 +1 @@
+export declare const useAlert: () => (opts: import("./AlertContext").AlertDialogArgs) => void;

package/components/dialog/alert/useAlert.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../../_rollupPluginBabelHelpers-77a6284f.js"),require("../../../tslib.es6-8c21e256.js"),require("./AlertDialog.js"),require("../../button/Button.js"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.useAlert=function(){return e.useContext(r.AlertContext)};
+"use strict";var e=require("react"),r=require("./AlertContext.js");require("../../../_rollupPluginBabelHelpers-697f213c.js"),require("../../../tslib.es6-8c21e256.js"),require("./AlertDialog.js"),require("../../button/Button.js"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("react/jsx-runtime"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.useAlert=function(){return e.useContext(r.AlertContext)};

package/components/dialog/announcement/AnnouncementDialog.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode } from 'react';
+import { type BaseDialogProps } from "../BaseDialog";
+export type AnnouncementDialogProps = BaseDialogProps & {
+    announcementId: string;
+    image?: ReactNode;
+    imageWidth?: number;
+    label?: string;
+    title?: ReactNode;
+};
+export declare const AnnouncementDialog: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
+    children: ReactNode;
+    fullWindowWidth?: boolean;
+    noCloseOnBlur?: boolean;
+    noCloseOnEsc?: boolean;
+    onClose?: () => void;
+    open: boolean;
+    popupMotionProps?: import("framer-motion").MotionProps;
+    rootSelector?: string;
+    themeOverride?: import("../../../types/Theme").Theme;
+    width?: number;
+    withBackdrop?: boolean;
+} & {
+    announcementId: string;
+    image?: ReactNode;
+    imageWidth?: number;
+    label?: string;
+    title?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/components/dialog/announcement/AnnouncementDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),a=require("../../../tslib.es6-8c21e256.js"),n=require("react"),t=require("zod"),o=require("../BaseDialog.js"),i=require("../../stack/VStack.js"),r=require("../../text/Text.js"),l=require("../../../utils/hooks/useStorage.js"),s=require("../../../style-inject.es-d4ddeae4.js");require("react-dom"),require("clsx"),require("framer-motion"),require("../../stack/Stack.js"),require("../../../styles/constants/theme.js"),require("../../../utils/storage.js"),require("dayjs");var m="Amino_AnnouncementDialog-module__content--T2mvu",c="Amino_AnnouncementDialog-module__styledImage--he-nb";s.styleInject(".Amino_AnnouncementDialog-module__content--T2mvu{flex-grow:1;overflow-y:auto;padding:var(--amino-space-16) var(--amino-space-24)}.Amino_AnnouncementDialog-module__styledImage--he-nb{height:auto;margin:var(--amino-announcement-dialog-image-margin);margin-bottom:var(--amino-space-16);width:var(--amino-announcement-dialog-image-width)}");var u=n.forwardRef((function(n,s){var u=n.announcementId,g=n.children,d=n.className,_=n.image,q=n.imageWidth,p=n.label,v=n.onClose,y=n.open,h=n.style,j=n.title,x=a.__rest(n,["announcementId","children","className","image","imageWidth","label","onClose","open","style","title"]),b=l.useStorage({defaultValue:"",key:"announcement:".concat(u),schema:t.z.enum(["seen",""]),type:"local"}),f=b.setValue,A=b.value;return React.createElement(o.BaseDialog,e._extends({},x,{className:[d||"","announcement-dialog"].join(" "),onClose:function(){v&&v(),f("seen")},open:y||!A,style:a.__assign(a.__assign({},h),{"--amino-announcement-dialog-image-margin":q?"0 auto":"unset","--amino-announcement-dialog-image-width":q?"".concat(q,"px"):"100%"})}),React.createElement("div",{className:c},_),React.createElement(i.VStack,{className:m,spacing:8},React.createElement(r.Text,{color:"blue600",type:"label"},p),React.createElement(r.Text,{type:"title"},j),React.createElement("div",{ref:s},React.createElement(r.Text,{color:"gray800"},g))))}));exports.AnnouncementDialog=u;
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),n=require("../../../tslib.es6-8c21e256.js"),a=require("react"),i=require("zod"),t=require("../BaseDialog.js"),o=require("../../stack/VStack.js"),r=require("../../text/Text.js"),s=require("../../../utils/hooks/useStorage.js"),l=require("../../../style-inject.es-d4ddeae4.js"),c=require("react/jsx-runtime");require("react-dom"),require("clsx"),require("framer-motion"),require("../../stack/Stack.js"),require("../../../styles/constants/theme.js"),require("../../../utils/storage.js"),require("dayjs");var m="Amino_AnnouncementDialog-module__content--T2mvu",u="Amino_AnnouncementDialog-module__styledImage--he-nb";l.styleInject(".Amino_AnnouncementDialog-module__content--T2mvu{flex-grow:1;overflow-y:auto;padding:var(--amino-space-16) var(--amino-space-24)}.Amino_AnnouncementDialog-module__styledImage--he-nb{height:auto;margin:var(--amino-announcement-dialog-image-margin);margin-bottom:var(--amino-space-16);width:var(--amino-announcement-dialog-image-width)}");var d=a.forwardRef((function(a,l){var d=a.announcementId,g=a.children,j=a.className,h=a.image,_=a.imageWidth,p=a.label,q=a.onClose,x=a.open,v=a.style,y=a.title,b=n.__rest(a,["announcementId","children","className","image","imageWidth","label","onClose","open","style","title"]),f=s.useStorage({defaultValue:"",key:"announcement:".concat(d),schema:i.z.enum(["seen",""]),type:"local"}),A=f.setValue,k=f.value;return c.jsxs(t.BaseDialog,e._objectSpread2(e._objectSpread2({},b),{},{className:[j||"","announcement-dialog"].join(" "),onClose:function(){q&&q(),A("seen")},open:x||!k,style:n.__assign(n.__assign({},v),{"--amino-announcement-dialog-image-margin":_?"0 auto":"unset","--amino-announcement-dialog-image-width":_?"".concat(_,"px"):"100%"}),children:[c.jsx("div",{className:u,children:h}),c.jsxs(o.VStack,{className:m,spacing:8,children:[c.jsx(r.Text,{color:"blue600",type:"label",children:p}),c.jsx(r.Text,{type:"title",children:y}),c.jsx("div",{ref:l,children:c.jsx(r.Text,{color:"gray800",children:g})})]})]}))}));exports.AnnouncementDialog=d;

package/components/dialog/confirm/ConfirmContext.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+import type { DismissableDialogBaseArgs } from "../DismissableDialog";
+export type ConfirmDialogArgs = DismissableDialogBaseArgs & {
+    confirmText: string;
+    dismissText: string;
+    onConfirm: (ok: boolean) => void;
+};
+export declare const ConfirmContext: import("react").Context<(opts: ConfirmDialogArgs) => void>;
+type Props = {
+    children: ReactNode;
+};
+export declare const ConfirmContextProvider: ({ children }: Props) => import("react").JSX.Element;
+export {};

package/components/dialog/confirm/ConfirmContext.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),r=require("../../../tslib.es6-8c21e256.js"),i=require("react"),t=require("./ConfirmDialog.js");require("../../button/Button.js"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");var n=i.createContext((function(e){}));exports.ConfirmContext=n,exports.ConfirmContextProvider=function(s){var o=s.children,u=r.__read(i.useState(),2),a=u[0],c=u[1],l=r.__read(i.useState(!1),2),q=l[0],j=l[1],m=i.useCallback((function(e){c(e),j(!0)}),[]);return React.createElement(n.Provider,{value:m},o,a&&React.createElement(t.ConfirmDialog,e._extends({},a,{confirmAction:function(){j(!1),a.onConfirm(!0)},dismissAction:function(){j(!1),a.onConfirm(!1)},open:q})))};
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../../tslib.es6-8c21e256.js"),i=require("react"),t=require("./ConfirmDialog.js"),s=require("react/jsx-runtime");require("../../button/Button.js"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");var n=i.createContext((function(e){}));exports.ConfirmContext=n,exports.ConfirmContextProvider=function(o){var u=o.children,a=r.__read(i.useState(),2),c=a[0],l=a[1],j=r.__read(i.useState(!1),2),q=j[0],m=j[1],p=i.useCallback((function(e){l(e),m(!0)}),[]);return s.jsxs(n.Provider,{value:p,children:[u,c&&s.jsx(t.ConfirmDialog,e._objectSpread2(e._objectSpread2({},c),{},{confirmAction:function(){m(!1),c.onConfirm(!0)},dismissAction:function(){m(!1),c.onConfirm(!1)},open:q}))]})};

package/components/dialog/confirm/ConfirmDialog.d.ts

@@ -0,0 +1,8 @@
+import { type DismissableDialogProps } from "../DismissableDialog";
+export type ConfirmDialogProps = DismissableDialogProps & {
+    confirmAction: () => void;
+    confirmText: string;
+    dismissAction: () => void;
+    dismissText: string;
+};
+export declare const ConfirmDialog: ({ confirmAction, confirmText, dismissAction, dismissText, ...props }: ConfirmDialogProps) => import("react").JSX.Element;

package/components/dialog/confirm/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),i=require("../../../tslib.es6-8c21e256.js"),r=require("../../button/Button.js"),t=require("../DismissableDialog.js");require("react"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.ConfirmDialog=function(s){var n=s.confirmAction,o=s.confirmText,u=s.dismissAction,a=s.dismissText,c=i.__rest(s,["confirmAction","confirmText","dismissAction","dismissText"]);return React.createElement(t.DismissableDialog,e._extends({},c,{actions:React.createElement(React.Fragment,null,React.createElement(r.Button,{onClick:u,size:"lg"},a),React.createElement(r.Button,{onClick:n,size:"lg",variant:t._dismissableDialogGetButtonVariant(c.intent)},o)),dismissAction:u}))};
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),i=require("../../../tslib.es6-8c21e256.js"),r=require("../../button/Button.js"),s=require("../DismissableDialog.js"),t=require("react/jsx-runtime");require("react"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.ConfirmDialog=function(n){var o=n.confirmAction,u=n.confirmText,c=n.dismissAction,a=n.dismissText,l=i.__rest(n,["confirmAction","confirmText","dismissAction","dismissText"]);return t.jsx(s.DismissableDialog,e._objectSpread2(e._objectSpread2({},l),{},{actions:t.jsxs(t.Fragment,{children:[t.jsx(r.Button,{onClick:c,size:"lg",children:a}),t.jsx(r.Button,{onClick:o,size:"lg",variant:s._dismissableDialogGetButtonVariant(l.intent),children:u})]}),dismissAction:c}))};

package/components/dialog/confirm/useConfirm.d.ts

@@ -0,0 +1 @@
+export declare const useConfirm: () => (opts: import("./ConfirmContext").ConfirmDialogArgs) => void;

package/components/dialog/confirm/useConfirm.js

@@ -1 +1 @@
-"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../../_rollupPluginBabelHelpers-77a6284f.js"),require("../../../tslib.es6-8c21e256.js"),require("./ConfirmDialog.js"),require("../../button/Button.js"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};
+"use strict";var e=require("react"),r=require("./ConfirmContext.js");require("../../../_rollupPluginBabelHelpers-697f213c.js"),require("../../../tslib.es6-8c21e256.js"),require("./ConfirmDialog.js"),require("../../button/Button.js"),require("clsx"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("react/jsx-runtime"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../../style-inject.es-d4ddeae4.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../DismissableDialog.js"),require("../BaseDialog.js"),require("react-dom"),require("../../stack/VStack.js"),require("../../stack/Stack.js"),require("../../text/Text.js"),require("../../thumbnail/Thumbnail.js"),require("../../../icons/ExclamationMarkDuotoneIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/HelpDuotoneIcon.js"),require("../../../icons/WarningDuotoneIcon.js");exports.useConfirm=function(){return e.useContext(r.ConfirmContext)};

package/components/divider/Divider.d.ts

@@ -0,0 +1,58 @@
+import type { BaseProps } from "../../types/BaseProps";
+type Props = BaseProps & {
+    /**
+     * @default false
+     */
+    noMargin?: boolean;
+    /**
+     * @default false
+     */
+    vertical?: boolean;
+};
+/**
+ * Divider component creates a visual separation between content sections.
+ * It can be displayed horizontally or vertically and supports custom styling.
+ *
+ * @example Basic horizontal divider
+ * <Divider />
+ *
+ * @example Vertical divider
+ * <div style={{ height: '50px', display: 'flex' }}>
+ *   <span>Left content</span>
+ *   <Divider vertical />
+ *   <span>Right content</span>
+ * </div>
+ *
+ * @example Without margin
+ * <Divider noMargin />
+ *
+ * @example Custom styling
+ * <Divider className="custom-divider" style={{ borderColor: '#ff0000' }} />
+ *
+ * @example In a card layout
+ * <Card>
+ *   <CardHeader>Section 1</CardHeader>
+ *   <CardContent>Content for section 1</CardContent>
+ *   <Divider />
+ *   <CardHeader>Section 2</CardHeader>
+ *   <CardContent>Content for section 2</CardContent>
+ * </Card>
+ *
+ * @example Between form fields
+ * <VStack>
+ *   <Input label="First Name" />
+ *   <Divider />
+ *   <Input label="Last Name" />
+ * </VStack>
+ *
+ * @example In sidebar navigation
+ * <VStack>
+ *   <NavItem>Home</NavItem>
+ *   <NavItem>Dashboard</NavItem>
+ *   <Divider />
+ *   <NavItem>Settings</NavItem>
+ *   <NavItem>Profile</NavItem>
+ * </VStack>
+ */
+export declare const Divider: ({ className, noMargin, style, vertical, }: Props) => import("react").JSX.Element;
+export {};

package/components/divider/Divider.js

@@ -1 +1 @@
-"use strict";var e=require("clsx"),r=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}var o=i(e),a="Amino_Divider-module__dividerHorizontal--zbgrs",t="Amino_Divider-module__dividerVertical--rzKML",n="Amino_Divider-module__noMargin--zZ2Te";r.styleInject(".Amino_Divider-module__dividerHorizontal--zbgrs{border-color:var(--amino-border-color);margin:var(--amino-space-24) 0}.Amino_Divider-module__dividerVertical--rzKML{align-self:stretch;border-right:thin solid var(--amino-border-color);height:auto;margin:0 var(--amino-space-24)}.Amino_Divider-module__noMargin--zZ2Te{margin:0}");exports.Divider=function(e){var r=e.className,i=e.noMargin,d=void 0!==i&&i,l=e.style,s=e.vertical;return void 0!==s&&s?React.createElement("hr",{className:o.default(t,d&&n,r),style:l}):React.createElement("hr",{className:o.default(a,d&&n,r),style:l})};
+"use strict";var r=require("clsx"),e=require("../../style-inject.es-d4ddeae4.js"),i=require("react/jsx-runtime");function o(r){return r&&r.__esModule?r:{default:r}}var a=o(r),d="Amino_Divider-module__dividerHorizontal--zbgrs",n="Amino_Divider-module__dividerVertical--rzKML",l="Amino_Divider-module__noMargin--zZ2Te";e.styleInject(".Amino_Divider-module__dividerHorizontal--zbgrs{border-color:var(--amino-border-color);margin:var(--amino-space-24) 0}.Amino_Divider-module__dividerVertical--rzKML{align-self:stretch;border-right:thin solid var(--amino-border-color);height:auto;margin:0 var(--amino-space-24)}.Amino_Divider-module__noMargin--zZ2Te{margin:0}");exports.Divider=function(r){var e=r.className,o=r.noMargin,t=void 0!==o&&o,s=r.style,m=r.vertical;return void 0!==m&&m?i.jsx("hr",{className:a.default(n,t&&l,e),style:s}):i.jsx("hr",{className:a.default(d,t&&l,e),style:s})};