@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133

package/dist/primitives/AlertDialog.js

@@ -0,0 +1,284 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { c as cn } from '../utils-BJnb9o5c.js';
+import * as React from 'react';
+import { u as useDialogRootContext, h as DialogStore, i as useDialogRoot, I as IsDrawerContext, j as DialogRootContext, a as DialogClose, D as DialogPopup, f as DialogDescription, c as DialogBackdrop, b as DialogPortal, e as DialogTitle, g as DialogTrigger } from '../DialogTrigger-a3diAOif.js';
+import { C as CommonPopupDataAttributes, t as transitionStatusMapping, p as popupStateMapping } from '../useOpenInteractionType-CVfxIsuz.js';
+import { B as Button } from '../button-DTkEk06V.js';
+import { A as AriaHiddenCleanup } from '../useAriaHiddenCleanup-BIUbPJ6V.js';
+import 'react-dom';
+import '../floating-ui.utils.dom-Bw_Rc4bg.js';
+import '../index-DZXbzIgC.js';
+import '../index-CSMSzzKM.js';
+import '../with-selector-Dv0G_V_o.js';
+import '../index-Bo3AAQJp.js';
+import '../index-CfriMyrd.js';
+import '../index-BtkPdosV.js';
+
+(function (DialogViewportDataAttributes) {
+  /**
+   * Present when the dialog is open.
+   */
+  DialogViewportDataAttributes[DialogViewportDataAttributes["open"] = CommonPopupDataAttributes.open] = "open";
+  /**
+   * Present when the dialog is closed.
+   */
+  DialogViewportDataAttributes[DialogViewportDataAttributes["closed"] = CommonPopupDataAttributes.closed] = "closed";
+  /**
+   * Present when the dialog is animating in.
+   */
+  DialogViewportDataAttributes[DialogViewportDataAttributes["startingStyle"] = CommonPopupDataAttributes.startingStyle] = "startingStyle";
+  /**
+   * Present when the dialog is animating out.
+   */
+  DialogViewportDataAttributes[DialogViewportDataAttributes["endingStyle"] = CommonPopupDataAttributes.endingStyle] = "endingStyle";
+  /**
+   * Present when the dialog is nested within another dialog.
+   */
+  DialogViewportDataAttributes["nested"] = "data-nested";
+  /**
+   * Present when the dialog has other open dialogs nested within it.
+   */
+  DialogViewportDataAttributes["nestedDialogOpen"] = "data-nested-dialog-open";
+  return DialogViewportDataAttributes;
+})({});
+
+({
+  ...popupStateMapping,
+  ...transitionStatusMapping});
+
+/**
+ * Groups all parts of the alert dialog.
+ * Doesn't render its own HTML element.
+ *
+ * Documentation: [Base UI Alert Dialog](https://base-ui.com/react/components/alert-dialog)
+ */
+function AlertDialogRoot(props) {
+  const {
+    children,
+    open: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    onOpenChangeComplete,
+    actionsRef,
+    handle,
+    triggerId: triggerIdProp,
+    defaultTriggerId: defaultTriggerIdProp = null
+  } = props;
+  const parentDialogRootContext = useDialogRootContext(true);
+  const nested = Boolean(parentDialogRootContext);
+  const store = DialogStore.useStore(handle?.store, {
+    open: defaultOpen,
+    openProp,
+    activeTriggerId: defaultTriggerIdProp,
+    triggerIdProp,
+    modal: true,
+    disablePointerDismissal: true,
+    nested,
+    role: 'alertdialog'
+  });
+  store.useControlledProp('openProp', openProp);
+  store.useControlledProp('triggerIdProp', triggerIdProp);
+  store.useSyncedValue('nested', nested);
+  store.useContextCallback('onOpenChange', onOpenChange);
+  store.useContextCallback('onOpenChangeComplete', onOpenChangeComplete);
+  const payload = store.useState('payload');
+  useDialogRoot({
+    store,
+    actionsRef,
+    parentContext: parentDialogRootContext?.store.context,
+    isDrawer: false});
+  const contextValue = React.useMemo(() => ({
+    store
+  }), [store]);
+  return /*#__PURE__*/jsx(IsDrawerContext.Provider, {
+    value: false,
+    children: /*#__PURE__*/jsx(DialogRootContext.Provider, {
+      value: contextValue,
+      children: typeof children === 'function' ? children({
+        payload
+      }) : children
+    })
+  });
+}
+
+function AlertDialog$1({ ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialogRoot, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger$1({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogTrigger, { "data-slot": "alert-dialog-trigger", ...props });
+}
+function AlertDialogPortal$1({ ...props }) {
+  return /* @__PURE__ */ jsx(DialogPortal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogBackdrop,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: cn(
+        "fixed inset-0 isolate z-50 bg-black/50 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent$1({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal$1, { children: [
+    /* @__PURE__ */ jsx(AriaHiddenCleanup, {}),
+    /* @__PURE__ */ jsx(AlertDialogOverlay$1, { forceRender: true }),
+    /* @__PURE__ */ jsx(
+      DialogPopup,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: cn(
+          "group/alert-dialog-content fixed top-1/2 start-1/2 z-50 grid w-full -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: cn(
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogMedia$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-media",
+      className: cn(
+        "mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogTitle,
+    {
+      "data-slot": "alert-dialog-title",
+      className: cn(
+        "text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogDescription,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn(
+        "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogAction$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      "data-slot": "alert-dialog-action",
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function AlertDialogCancel$1({
+  className,
+  variant = "outline",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogClose,
+    {
+      "data-slot": "alert-dialog-cancel",
+      className: cn(className),
+      render: /* @__PURE__ */ jsx(Button, { variant, size }),
+      ...props
+    }
+  );
+}
+
+const AlertDialog = (props) => /* @__PURE__ */ jsx(AlertDialog$1, { ...props });
+const AlertDialogAction = (props) => /* @__PURE__ */ jsx(AlertDialogAction$1, { ...props });
+const AlertDialogCancel = (props) => /* @__PURE__ */ jsx(AlertDialogCancel$1, { ...props });
+const AlertDialogContent = (props) => /* @__PURE__ */ jsx(AlertDialogContent$1, { ...props });
+const AlertDialogDescription = (props) => /* @__PURE__ */ jsx(AlertDialogDescription$1, { ...props });
+const AlertDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  AlertDialogFooter$1,
+  {
+    className: cn("border-border", className),
+    ...props
+  }
+);
+const AlertDialogHeader = (props) => /* @__PURE__ */ jsx(AlertDialogHeader$1, { ...props });
+const AlertDialogMedia = (props) => /* @__PURE__ */ jsx(AlertDialogMedia$1, { ...props });
+const AlertDialogOverlay = (props) => /* @__PURE__ */ jsx(AlertDialogOverlay$1, { ...props });
+const AlertDialogPortal = (props) => /* @__PURE__ */ jsx(AlertDialogPortal$1, { ...props });
+const AlertDialogTitle = (props) => /* @__PURE__ */ jsx(AlertDialogTitle$1, { ...props });
+const AlertDialogTrigger = (props) => /* @__PURE__ */ jsx(AlertDialogTrigger$1, { ...props });
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
+//# sourceMappingURL=AlertDialog.js.map

package/dist/primitives/AlertDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.js","sources":["../../node_modules/@base-ui/react/esm/dialog/viewport/DialogViewportDataAttributes.js","../../node_modules/@base-ui/react/esm/dialog/viewport/DialogViewport.js","../../node_modules/@base-ui/react/esm/alert-dialog/root/AlertDialogRoot.js","../../src/shadcn/components/alert-dialog.tsx","../../src/primitives/AlertDialog.tsx"],"sourcesContent":["import { CommonPopupDataAttributes } from \"../../utils/popupStateMapping.js\";\nexport let DialogViewportDataAttributes = function (DialogViewportDataAttributes) {\n  /**\n   * Present when the dialog is open.\n   */\n  DialogViewportDataAttributes[DialogViewportDataAttributes[\"open\"] = CommonPopupDataAttributes.open] = \"open\";\n  /**\n   * Present when the dialog is closed.\n   */\n  DialogViewportDataAttributes[DialogViewportDataAttributes[\"closed\"] = CommonPopupDataAttributes.closed] = \"closed\";\n  /**\n   * Present when the dialog is animating in.\n   */\n  DialogViewportDataAttributes[DialogViewportDataAttributes[\"startingStyle\"] = CommonPopupDataAttributes.startingStyle] = \"startingStyle\";\n  /**\n   * Present when the dialog is animating out.\n   */\n  DialogViewportDataAttributes[DialogViewportDataAttributes[\"endingStyle\"] = CommonPopupDataAttributes.endingStyle] = \"endingStyle\";\n  /**\n   * Present when the dialog is nested within another dialog.\n   */\n  DialogViewportDataAttributes[\"nested\"] = \"data-nested\";\n  /**\n   * Present when the dialog has other open dialogs nested within it.\n   */\n  DialogViewportDataAttributes[\"nestedDialogOpen\"] = \"data-nested-dialog-open\";\n  return DialogViewportDataAttributes;\n}({});","'use client';\n\nimport * as React from 'react';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { popupStateMapping as baseMapping } from \"../../utils/popupStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { useDialogRootContext } from \"../root/DialogRootContext.js\";\nimport { useDialogPortalContext } from \"../portal/DialogPortalContext.js\";\nimport { DialogViewportDataAttributes } from \"./DialogViewportDataAttributes.js\";\nconst stateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping,\n  nested(value) {\n    return value ? {\n      [DialogViewportDataAttributes.nested]: ''\n    } : null;\n  },\n  nestedDialogOpen(value) {\n    return value ? {\n      [DialogViewportDataAttributes.nestedDialogOpen]: ''\n    } : null;\n  }\n};\n\n/**\n * A positioning container for the dialog popup that can be made scrollable.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Dialog](https://base-ui.com/react/components/dialog)\n */\nexport const DialogViewport = /*#__PURE__*/React.forwardRef(function DialogViewport(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    children,\n    style,\n    ...elementProps\n  } = componentProps;\n  const keepMounted = useDialogPortalContext();\n  const {\n    store\n  } = useDialogRootContext();\n  const open = store.useState('open');\n  const nested = store.useState('nested');\n  const transitionStatus = store.useState('transitionStatus');\n  const nestedOpenDialogCount = store.useState('nestedOpenDialogCount');\n  const mounted = store.useState('mounted');\n  const nestedDialogOpen = nestedOpenDialogCount > 0;\n  const state = {\n    open,\n    nested,\n    transitionStatus,\n    nestedDialogOpen\n  };\n  const shouldRender = keepMounted || mounted;\n  return useRenderElement('div', componentProps, {\n    enabled: shouldRender,\n    state,\n    ref: [forwardedRef, store.useStateSetter('viewportElement')],\n    stateAttributesMapping,\n    props: [{\n      role: 'presentation',\n      hidden: !mounted,\n      style: {\n        pointerEvents: !open ? 'none' : undefined\n      },\n      children\n    }, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") DialogViewport.displayName = \"DialogViewport\";","'use client';\n\nimport * as React from 'react';\nimport { IsDrawerContext } from \"../../dialog/root/DialogRoot.js\";\nimport { useDialogRoot } from \"../../dialog/root/useDialogRoot.js\";\nimport { DialogRootContext, useDialogRootContext } from \"../../dialog/root/DialogRootContext.js\";\nimport { DialogStore } from \"../../dialog/store/DialogStore.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Groups all parts of the alert dialog.\n * Doesn't render its own HTML element.\n *\n * Documentation: [Base UI Alert Dialog](https://base-ui.com/react/components/alert-dialog)\n */\nexport function AlertDialogRoot(props) {\n  const {\n    children,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    onOpenChangeComplete,\n    actionsRef,\n    handle,\n    triggerId: triggerIdProp,\n    defaultTriggerId: defaultTriggerIdProp = null\n  } = props;\n  const parentDialogRootContext = useDialogRootContext(true);\n  const nested = Boolean(parentDialogRootContext);\n  const store = DialogStore.useStore(handle?.store, {\n    open: defaultOpen,\n    openProp,\n    activeTriggerId: defaultTriggerIdProp,\n    triggerIdProp,\n    modal: true,\n    disablePointerDismissal: true,\n    nested,\n    role: 'alertdialog'\n  });\n  store.useControlledProp('openProp', openProp);\n  store.useControlledProp('triggerIdProp', triggerIdProp);\n  store.useSyncedValue('nested', nested);\n  store.useContextCallback('onOpenChange', onOpenChange);\n  store.useContextCallback('onOpenChangeComplete', onOpenChangeComplete);\n  const payload = store.useState('payload');\n  useDialogRoot({\n    store,\n    actionsRef,\n    parentContext: parentDialogRootContext?.store.context,\n    isDrawer: false,\n    onOpenChange,\n    triggerIdProp\n  });\n  const contextValue = React.useMemo(() => ({\n    store\n  }), [store]);\n  return /*#__PURE__*/_jsx(IsDrawerContext.Provider, {\n    value: false,\n    children: /*#__PURE__*/_jsx(DialogRootContext.Provider, {\n      value: contextValue,\n      children: typeof children === 'function' ? children({\n        payload\n      }) : children\n    })\n  });\n}","\"use client\"\n\nimport * as React from \"react\"\nimport { AlertDialog as AlertDialogPrimitive } from \"@base-ui/react/alert-dialog\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\nimport { Button } from \"src/shadcn/components/button\"\nimport { AriaHiddenCleanup } from \"src/hooks/useAriaHiddenCleanup\"\n\nfunction AlertDialog({ ...props }: AlertDialogPrimitive.Root.Props) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({ ...props }: AlertDialogPrimitive.Trigger.Props) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({ ...props }: AlertDialogPrimitive.Portal.Props) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: AlertDialogPrimitive.Backdrop.Props) {\n  return (\n    <AlertDialogPrimitive.Backdrop\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        \"fixed inset-0 isolate z-50 bg-black/50 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  size = \"default\",\n  ...props\n}: AlertDialogPrimitive.Popup.Props & {\n  size?: \"default\" | \"sm\"\n}) {\n  return (\n    <AlertDialogPortal>\n      <AriaHiddenCleanup />\n      <AlertDialogOverlay forceRender />\n      <AlertDialogPrimitive.Popup\n        data-slot=\"alert-dialog-content\"\n        data-size={size}\n        className={cn(\n          \"group/alert-dialog-content fixed top-1/2 start-1/2 z-50 grid w-full -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn(\n        \"grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-start sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn(\n        \"-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogMedia({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-dialog-media\"\n      className={cn(\n        \"mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(\n        \"text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn(\n        \"text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  ...props\n}: React.ComponentProps<typeof Button>) {\n  return (\n    <Button\n      data-slot=\"alert-dialog-action\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  variant = \"outline\",\n  size = \"default\",\n  ...props\n}: AlertDialogPrimitive.Close.Props &\n  Pick<React.ComponentProps<typeof Button>, \"variant\" | \"size\">) {\n  return (\n    <AlertDialogPrimitive.Close\n      data-slot=\"alert-dialog-cancel\"\n      className={cn(className)}\n      render={<Button variant={variant} size={size} />}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n}\n","import type React from \"react\";\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  AlertDialog as ShadcnAlertDialog,\n  AlertDialogAction as ShadcnAlertDialogAction,\n  AlertDialogCancel as ShadcnAlertDialogCancel,\n  AlertDialogContent as ShadcnAlertDialogContent,\n  AlertDialogDescription as ShadcnAlertDialogDescription,\n  AlertDialogFooter as ShadcnAlertDialogFooter,\n  AlertDialogHeader as ShadcnAlertDialogHeader,\n  AlertDialogMedia as ShadcnAlertDialogMedia,\n  AlertDialogOverlay as ShadcnAlertDialogOverlay,\n  AlertDialogPortal as ShadcnAlertDialogPortal,\n  AlertDialogTitle as ShadcnAlertDialogTitle,\n  AlertDialogTrigger as ShadcnAlertDialogTrigger,\n} from \"src/shadcn/components/alert-dialog\";\n\nconst AlertDialog = (props: React.ComponentProps<typeof ShadcnAlertDialog>) => (\n  <ShadcnAlertDialog {...props} />\n);\n\nconst AlertDialogAction = (\n  props: React.ComponentProps<typeof ShadcnAlertDialogAction>\n) => <ShadcnAlertDialogAction {...props} />;\n\nconst AlertDialogCancel = (\n  props: React.ComponentProps<typeof ShadcnAlertDialogCancel>\n) => <ShadcnAlertDialogCancel {...props} />;\n\nconst AlertDialogContent = (\n  props: React.ComponentProps<typeof ShadcnAlertDialogContent>\n) => <ShadcnAlertDialogContent {...props} />;\n\nconst AlertDialogDescription = (\n  props: React.ComponentProps<typeof ShadcnAlertDialogDescription>\n) => <ShadcnAlertDialogDescription {...props} />;\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof ShadcnAlertDialogFooter>) => (\n  <ShadcnAlertDialogFooter\n    className={cn(\"border-border\", className)}\n    {...props}\n  />\n);\n\nconst AlertDialogHeader = (\n  props: React.ComponentProps<typeof ShadcnAlertDialogHeader>\n) => <ShadcnAlertDialogHeader {...props} />;\n\nconst AlertDialogMedia = (\n  props: React.ComponentProps<typeof ShadcnAlertDialogMedia>\n) => <ShadcnAlertDialogMedia {...props} />;\n\nconst AlertDialogOverlay = (\n  props: React.ComponentProps<typeof ShadcnAlertDialogOverlay>\n) => <ShadcnAlertDialogOverlay {...props} />;\n\nconst AlertDialogPortal = (\n  props: React.ComponentProps<typeof ShadcnAlertDialogPortal>\n) => <ShadcnAlertDialogPortal {...props} />;\n\nconst AlertDialogTitle = (\n  props: React.ComponentProps<typeof ShadcnAlertDialogTitle>\n) => <ShadcnAlertDialogTitle {...props} />;\n\nconst AlertDialogTrigger = (\n  props: React.ComponentProps<typeof ShadcnAlertDialogTrigger>\n) => <ShadcnAlertDialogTrigger {...props} />;\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n};\n"],"names":["baseMapping","_jsx","AlertDialog","AlertDialogPrimitive.Root","AlertDialogTrigger","AlertDialogPrimitive.Trigger","AlertDialogPortal","AlertDialogPrimitive.Portal","AlertDialogOverlay","AlertDialogPrimitive.Backdrop","AlertDialogContent","AlertDialogPrimitive.Popup","AlertDialogHeader","AlertDialogFooter","AlertDialogMedia","AlertDialogTitle","AlertDialogPrimitive.Title","AlertDialogDescription","AlertDialogPrimitive.Description","AlertDialogAction","AlertDialogCancel","AlertDialogPrimitive.Close","ShadcnAlertDialog","ShadcnAlertDialogAction","ShadcnAlertDialogCancel","ShadcnAlertDialogContent","ShadcnAlertDialogDescription","ShadcnAlertDialogFooter","ShadcnAlertDialogHeader","ShadcnAlertDialogMedia","ShadcnAlertDialogOverlay","ShadcnAlertDialogPortal","ShadcnAlertDialogTitle","ShadcnAlertDialogTrigger"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/primitives/AspectRatio.d.ts

@@ -0,0 +1,4 @@
+import type React from "react";
+import { AspectRatio as ShadcnAspectRatio } from "src/shadcn/components/aspect-ratio";
+declare const AspectRatio: (props: React.ComponentProps<typeof ShadcnAspectRatio>) => import("react/jsx-runtime").JSX.Element;
+export { AspectRatio };

package/dist/primitives/AspectRatio.js

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { P as Primitive } from '../index-DhnfW8wQ.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+
+// src/aspect-ratio.tsx
+var NAME = "AspectRatio";
+var AspectRatio$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { ratio = 1 / 1, style, ...aspectRatioProps } = props;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          // ensures inner element is contained
+          position: "relative",
+          // ensures padding bottom trick maths works
+          width: "100%",
+          paddingBottom: `${100 / ratio}%`
+        },
+        "data-radix-aspect-ratio-wrapper": "",
+        children: /* @__PURE__ */ jsx(
+          Primitive.div,
+          {
+            ...aspectRatioProps,
+            ref: forwardedRef,
+            style: {
+              ...style,
+              // ensures children expand in ratio
+              position: "absolute",
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0
+            }
+          }
+        )
+      }
+    );
+  }
+);
+AspectRatio$2.displayName = NAME;
+var Root = AspectRatio$2;
+
+function AspectRatio$1({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Root, { "data-slot": "aspect-ratio", ...props });
+}
+
+const AspectRatio = (props) => /* @__PURE__ */ jsx(AspectRatio$1, { ...props });
+
+export { AspectRatio };
+//# sourceMappingURL=AspectRatio.js.map

package/dist/primitives/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.js","sources":["../../node_modules/radix-ui/node_modules/@radix-ui/react-aspect-ratio/dist/index.mjs","../../src/shadcn/components/aspect-ratio.tsx","../../src/primitives/AspectRatio.tsx"],"sourcesContent":["// src/aspect-ratio.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar NAME = \"AspectRatio\";\nvar AspectRatio = React.forwardRef(\n  (props, forwardedRef) => {\n    const { ratio = 1 / 1, style, ...aspectRatioProps } = props;\n    return /* @__PURE__ */ jsx(\n      \"div\",\n      {\n        style: {\n          // ensures inner element is contained\n          position: \"relative\",\n          // ensures padding bottom trick maths works\n          width: \"100%\",\n          paddingBottom: `${100 / ratio}%`\n        },\n        \"data-radix-aspect-ratio-wrapper\": \"\",\n        children: /* @__PURE__ */ jsx(\n          Primitive.div,\n          {\n            ...aspectRatioProps,\n            ref: forwardedRef,\n            style: {\n              ...style,\n              // ensures children expand in ratio\n              position: \"absolute\",\n              top: 0,\n              right: 0,\n              bottom: 0,\n              left: 0\n            }\n          }\n        )\n      }\n    );\n  }\n);\nAspectRatio.displayName = NAME;\nvar Root = AspectRatio;\nexport {\n  AspectRatio,\n  Root\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\"\n\nimport { AspectRatio as AspectRatioPrimitive } from \"radix-ui\"\n\nfunction AspectRatio({\n  ...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n  return <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />\n}\n\nexport { AspectRatio }\n","import type React from \"react\";\nimport { AspectRatio as ShadcnAspectRatio } from \"src/shadcn/components/aspect-ratio\";\n\nconst AspectRatio = (props: React.ComponentProps<typeof ShadcnAspectRatio>) => (\n  <ShadcnAspectRatio {...props} />\n);\n\nexport { AspectRatio };\n"],"names":["AspectRatio","AspectRatioPrimitive.Root","ShadcnAspectRatio"],"mappings":";;;;;;AAAA;AAIA,IAAI,IAAI,GAAG,aAAa;AACxB,IAAIA,aAAW,GAAG,KAAK,CAAC,UAAU;AAClC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK;AAC3B,IAAI,MAAM,EAAE,KAAK,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,GAAG,KAAK;AAC/D,IAAI,uBAAuB,GAAG;AAC9B,MAAM,KAAK;AACX,MAAM;AACN,QAAQ,KAAK,EAAE;AACf;AACA,UAAU,QAAQ,EAAE,UAAU;AAC9B;AACA,UAAU,KAAK,EAAE,MAAM;AACvB,UAAU,aAAa,EAAE,CAAC,EAAE,GAAG,GAAG,KAAK,CAAC,CAAC;AACzC,SAAS;AACT,QAAQ,iCAAiC,EAAE,EAAE;AAC7C,QAAQ,QAAQ,kBAAkB,GAAG;AACrC,UAAU,SAAS,CAAC,GAAG;AACvB,UAAU;AACV,YAAY,GAAG,gBAAgB;AAC/B,YAAY,GAAG,EAAE,YAAY;AAC7B,YAAY,KAAK,EAAE;AACnB,cAAc,GAAG,KAAK;AACtB;AACA,cAAc,QAAQ,EAAE,UAAU;AAClC,cAAc,GAAG,EAAE,CAAC;AACpB,cAAc,KAAK,EAAE,CAAC;AACtB,cAAc,MAAM,EAAE,CAAC;AACvB,cAAc,IAAI,EAAE;AACpB;AACA;AACA;AACA;AACA,KAAK;AACL,EAAE;AACF,CAAC;AACDA,aAAW,CAAC,WAAW,GAAG,IAAI;AAC9B,IAAI,IAAI,GAAGA,aAAW;;ACpCtB,SAASA,aAAA,CAAY;AAAA,EACnB,GAAG;AACL,CAAA,EAA2D;AACzD,EAAA,2BAAQC,IAAqB,EAArB,EAA0B,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACxE;;ACLA,MAAM,cAAc,CAAC,KAAA,qBACnB,GAAA,CAACC,aAAA,EAAA,EAAmB,GAAG,KAAA,EAAO;;;;","x_google_ignoreList":[0]}

package/dist/primitives/Avatar.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+import { Avatar as ShadcnAvatar, AvatarImage as ShadcnAvatarImage, AvatarFallback as ShadcnAvatarFallback, AvatarBadge as ShadcnAvatarBadge, AvatarGroup as ShadcnAvatarGroup, AvatarGroupCount as ShadcnAvatarGroupCount } from "src/shadcn/components/avatar";
+declare const Avatar: (props: React.ComponentProps<typeof ShadcnAvatar>) => import("react/jsx-runtime").JSX.Element;
+declare const AvatarImage: (props: React.ComponentProps<typeof ShadcnAvatarImage>) => import("react/jsx-runtime").JSX.Element;
+declare const AvatarFallback: (props: React.ComponentProps<typeof ShadcnAvatarFallback>) => import("react/jsx-runtime").JSX.Element;
+declare const AvatarBadge: (props: React.ComponentProps<typeof ShadcnAvatarBadge>) => import("react/jsx-runtime").JSX.Element;
+declare const AvatarGroup: (props: React.ComponentProps<typeof ShadcnAvatarGroup>) => import("react/jsx-runtime").JSX.Element;
+declare const AvatarGroupCount: (props: React.ComponentProps<typeof ShadcnAvatarGroupCount>) => import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, };

package/dist/primitives/Avatar.js

@@ -0,0 +1,239 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from '../utils-BJnb9o5c.js';
+import * as React from 'react';
+import { c as createContextScope } from '../index-CiyxEyB0.js';
+import { u as useCallbackRef } from '../index-CSUSJzOJ.js';
+import { u as useLayoutEffect2 } from '../index-DOzu5J1s.js';
+import { P as Primitive } from '../index-DhnfW8wQ.js';
+import { s as shimExports } from '../index-DZXbzIgC.js';
+import 'react-dom';
+import '../index-BtkPdosV.js';
+import '../index-CSMSzzKM.js';
+
+// src/use-is-hydrated.tsx
+function useIsHydrated() {
+  return shimExports.useSyncExternalStore(
+    subscribe,
+    () => true,
+    () => false
+  );
+}
+function subscribe() {
+  return () => {
+  };
+}
+
+var AVATAR_NAME = "Avatar";
+var [createAvatarContext] = createContextScope(AVATAR_NAME);
+var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
+var Avatar$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAvatar, ...avatarProps } = props;
+    const [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
+    return /* @__PURE__ */ jsx(
+      AvatarProvider,
+      {
+        scope: __scopeAvatar,
+        imageLoadingStatus,
+        onImageLoadingStatusChange: setImageLoadingStatus,
+        children: /* @__PURE__ */ jsx(Primitive.span, { ...avatarProps, ref: forwardedRef })
+      }
+    );
+  }
+);
+Avatar$2.displayName = AVATAR_NAME;
+var IMAGE_NAME = "AvatarImage";
+var AvatarImage$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAvatar, src, onLoadingStatusChange = () => {
+    }, ...imageProps } = props;
+    const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
+    const imageLoadingStatus = useImageLoadingStatus(src, imageProps);
+    const handleLoadingStatusChange = useCallbackRef((status) => {
+      onLoadingStatusChange(status);
+      context.onImageLoadingStatusChange(status);
+    });
+    useLayoutEffect2(() => {
+      if (imageLoadingStatus !== "idle") {
+        handleLoadingStatusChange(imageLoadingStatus);
+      }
+    }, [imageLoadingStatus, handleLoadingStatusChange]);
+    return imageLoadingStatus === "loaded" ? /* @__PURE__ */ jsx(Primitive.img, { ...imageProps, ref: forwardedRef, src }) : null;
+  }
+);
+AvatarImage$2.displayName = IMAGE_NAME;
+var FALLBACK_NAME = "AvatarFallback";
+var AvatarFallback$2 = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAvatar, delayMs, ...fallbackProps } = props;
+    const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
+    const [canRender, setCanRender] = React.useState(delayMs === void 0);
+    React.useEffect(() => {
+      if (delayMs !== void 0) {
+        const timerId = window.setTimeout(() => setCanRender(true), delayMs);
+        return () => window.clearTimeout(timerId);
+      }
+    }, [delayMs]);
+    return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(Primitive.span, { ...fallbackProps, ref: forwardedRef }) : null;
+  }
+);
+AvatarFallback$2.displayName = FALLBACK_NAME;
+function resolveLoadingStatus(image, src) {
+  if (!image) {
+    return "idle";
+  }
+  if (!src) {
+    return "error";
+  }
+  if (image.src !== src) {
+    image.src = src;
+  }
+  return image.complete && image.naturalWidth > 0 ? "loaded" : "loading";
+}
+function useImageLoadingStatus(src, { referrerPolicy, crossOrigin }) {
+  const isHydrated = useIsHydrated();
+  const imageRef = React.useRef(null);
+  const image = (() => {
+    if (!isHydrated) return null;
+    if (!imageRef.current) {
+      imageRef.current = new window.Image();
+    }
+    return imageRef.current;
+  })();
+  const [loadingStatus, setLoadingStatus] = React.useState(
+    () => resolveLoadingStatus(image, src)
+  );
+  useLayoutEffect2(() => {
+    setLoadingStatus(resolveLoadingStatus(image, src));
+  }, [image, src]);
+  useLayoutEffect2(() => {
+    const updateStatus = (status) => () => {
+      setLoadingStatus(status);
+    };
+    if (!image) return;
+    const handleLoad = updateStatus("loaded");
+    const handleError = updateStatus("error");
+    image.addEventListener("load", handleLoad);
+    image.addEventListener("error", handleError);
+    if (referrerPolicy) {
+      image.referrerPolicy = referrerPolicy;
+    }
+    if (typeof crossOrigin === "string") {
+      image.crossOrigin = crossOrigin;
+    }
+    return () => {
+      image.removeEventListener("load", handleLoad);
+      image.removeEventListener("error", handleError);
+    };
+  }, [image, crossOrigin, referrerPolicy]);
+  return loadingStatus;
+}
+var Root = Avatar$2;
+var Image = AvatarImage$2;
+var Fallback = AvatarFallback$2;
+
+function Avatar$1({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Root,
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarImage$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Image,
+    {
+      "data-slot": "avatar-image",
+      className: cn(
+        "aspect-square size-full rounded-full object-cover",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarFallback$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Fallback,
+    {
+      "data-slot": "avatar-fallback",
+      className: cn(
+        "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarBadge$1({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      className: cn(
+        "absolute end-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none",
+        "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden",
+        "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2",
+        "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroup$1({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: cn(
+        "group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AvatarGroupCount$1({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "avatar-group-count",
+      className: cn(
+        "relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+const Avatar = (props) => /* @__PURE__ */ jsx(Avatar$1, { ...props });
+const AvatarImage = (props) => /* @__PURE__ */ jsx(AvatarImage$1, { ...props });
+const AvatarFallback = (props) => /* @__PURE__ */ jsx(AvatarFallback$1, { ...props });
+const AvatarBadge = (props) => /* @__PURE__ */ jsx(AvatarBadge$1, { ...props });
+const AvatarGroup = (props) => /* @__PURE__ */ jsx(AvatarGroup$1, { ...props });
+const AvatarGroupCount = (props) => /* @__PURE__ */ jsx(AvatarGroupCount$1, { ...props });
+
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };
+//# sourceMappingURL=Avatar.js.map