@pantool/components 1.0.0-alpha.0

package/dist/providers/dialog-provider/dialog-provider.js

@@ -0,0 +1,2 @@
+import{Dialog as e}from"../../atoms/dialog/dialog.js";import{createContext as t,useCallback as n,useEffect as r,useState as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=t(null);let c=null;const l=e=>{if(!c){console.warn(`[Dialog] showDialog() called before <DialogProvider> is mounted.`);return}c(e)},u=t=>{let{children:l,classNames:u}=t,[d,f]=i({open:!1,title:``}),p=n(e=>{f({...e,open:!0})},[]);r(()=>(c=p,()=>{c=null}),[p]);let m=n(e=>{e||f(e=>({...e,open:!1}))},[]);return o(s.Provider,{value:{show:p},children:[l,a(e,{classNames:u,...d,onOpenChange:m})]})};export{s as DialogContext,u as DialogProvider,l as showDialog};
+//# sourceMappingURL=dialog-provider.js.map

package/dist/providers/dialog-provider/dialog-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-provider.js","names":[],"sources":["../../../src/providers/dialog-provider/dialog-provider.tsx"],"sourcesContent":["import { createContext, useCallback, useEffect, useState } from \"react\";\nimport { Dialog } from \"../../atoms/dialog/dialog\";\nimport type {\n  BaseDialogClassNames,\n  BaseDialogOptions,\n} from \"../../internals/base-dialog\";\n\ntype DialogState = BaseDialogOptions & {\n  open: boolean;\n};\n\ntype DialogContextValue = {\n  /** Imperatively open the alert dialog with the given options. */\n  show: (options: BaseDialogOptions) => void;\n};\n\nexport const DialogContext = createContext<DialogContextValue | null>(null);\n\n/** Singleton reference set when the provider mounts. */\nlet _show: ((options: BaseDialogOptions) => void) | null = null;\n\n/**\n * Imperatively show the alert dialog from anywhere in the app,\n * without needing access to React context.\n *\n * Requires `<DialogProvider>` to be mounted in the tree.\n *\n * @example\n * showDialog({\n *   title: \"Delete item?\",\n *   variant: \"negative\",\n *   onConfirm: () => deleteItem(id),\n * });\n */\nexport const showDialog = (options: BaseDialogOptions) => {\n  if (!_show) {\n    console.warn(\n      \"[Dialog] showDialog() called before <DialogProvider> is mounted.\",\n    );\n    return;\n  }\n  _show(options);\n};\n\nexport type DialogProviderProps = {\n  /** The app subtree that can trigger alert dialogs. */\n  children: React.ReactNode;\n  /**\n   * Optional className overrides for internal slots.\n   * Keys correspond to existing CSS module classes in `styles[\"...\"]`.\n   */\n  classNames?: BaseDialogClassNames;\n};\n\n/**\n * Provides imperative alert dialog functionality to the app.\n *\n * Mount once near the root of your app. Exposes `showDialog()` for\n * out-of-context usage and `useDialog()` for in-context usage.\n *\n * @example\n * <DialogProvider>\n *   <App />\n * </DialogProvider>\n */\nexport const DialogProvider = (props: DialogProviderProps) => {\n  const { children, classNames } = props;\n\n  const [state, setState] = useState<DialogState>({\n    open: false,\n    title: \"\",\n  });\n\n  const show = useCallback((options: BaseDialogOptions) => {\n    setState({ ...options, open: true });\n  }, []);\n\n  useEffect(() => {\n    _show = show;\n    return () => {\n      _show = null;\n    };\n  }, [show]);\n\n  const handleOpenChange = useCallback((open: boolean) => {\n    if (!open) setState(prev => ({ ...prev, open: false }));\n  }, []);\n\n  return (\n    <DialogContext.Provider value={{ show }}>\n      {children}\n      <Dialog\n        classNames={classNames}\n        {...state}\n        onOpenChange={handleOpenChange}\n      />\n    </DialogContext.Provider>\n  );\n};\n"],"mappings":"4LAgBA,MAAa,EAAgB,EAAyC,IAAI,EAG1E,IAAI,EAAuD,KAe3D,MAAa,EAAc,GAA+B,CACxD,GAAI,CAAC,EAAO,CACV,QAAQ,KACN,kEACF,EACA,MACF,CACA,EAAM,CAAO,CACf,EAuBa,EAAkB,GAA+B,CAC5D,GAAM,CAAE,WAAU,cAAe,EAE3B,CAAC,EAAO,GAAY,EAAsB,CAC9C,KAAM,GACN,MAAO,EACT,CAAC,EAEK,EAAO,EAAa,GAA+B,CACvD,EAAS,CAAE,GAAG,EAAS,KAAM,EAAK,CAAC,CACrC,EAAG,CAAC,CAAC,EAEL,OACE,EAAQ,MACK,CACX,EAAQ,IACV,GACC,CAAC,CAAI,CAAC,EAET,IAAM,EAAmB,EAAa,GAAkB,CACjD,GAAM,EAAS,IAAS,CAAE,GAAG,EAAM,KAAM,EAAM,EAAE,CACxD,EAAG,CAAC,CAAC,EAEL,OACE,EAAC,EAAc,SAAf,CAAwB,MAAO,CAAE,MAAK,WAAtC,CACG,EACD,EAAC,EAAD,CACc,aACZ,GAAI,EACJ,aAAc,CACf,CAAA,CACqB,GAE5B"}

package/dist/providers/dialog-provider/hooks.d.ts

@@ -0,0 +1,16 @@
+import { BaseDialogOptions } from "../../internals/base-dialog/base-dialog.js";
+//#region src/providers/dialog-provider/hooks.d.ts
+/**
+ * Returns the `show` function to imperatively open the alert dialog.
+ * Must be used within `<DialogProvider>`.
+ *
+ * @example
+ * const { show } = useDialog();
+ * show({ title: "Are you sure?", onConfirm: handleDelete });
+ */
+declare const useDialog: () => {
+  show: (options: BaseDialogOptions) => void;
+};
+//#endregion
+export { useDialog };
+//# sourceMappingURL=hooks.d.ts.map

package/dist/providers/dialog-provider/hooks.js

@@ -0,0 +1,2 @@
+import{DialogContext as e}from"./dialog-provider.js";import{useContext as t}from"react";const n=()=>{let n=t(e);if(!n)throw Error(`useDialog must be used within <DialogProvider>`);return n};export{n as useDialog};
+//# sourceMappingURL=hooks.js.map

package/dist/providers/dialog-provider/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","names":[],"sources":["../../../src/providers/dialog-provider/hooks.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { DialogContext } from \"./dialog-provider\";\n\n/**\n * Returns the `show` function to imperatively open the alert dialog.\n * Must be used within `<DialogProvider>`.\n *\n * @example\n * const { show } = useDialog();\n * show({ title: \"Are you sure?\", onConfirm: handleDelete });\n */\nexport const useDialog = () => {\n  const ctx = useContext(DialogContext);\n  if (!ctx) {\n    throw new Error(\"useDialog must be used within <DialogProvider>\");\n  }\n  return ctx;\n};\n"],"mappings":"wFAWA,MAAa,MAAkB,CAC7B,IAAM,EAAM,EAAW,CAAa,EACpC,GAAI,CAAC,EACH,MAAU,MAAM,gDAAgD,EAElE,OAAO,CACT"}

package/dist/providers/dialog-provider/index.d.ts

@@ -0,0 +1,2 @@
+import { DialogContext, DialogProvider, DialogProviderProps, showDialog } from "./dialog-provider.js";
+import { useDialog } from "./hooks.js";

package/dist/providers/dialog-provider/index.js

@@ -0,0 +1 @@
+import"./dialog-provider.js";import"./hooks.js";

package/dist/providers/index.d.ts

@@ -0,0 +1,8 @@
+import { usePortalConfig } from "../helpers/portal/context/hooks.js";
+import { PortalConfigProvider } from "../helpers/portal/context/provider.js";
+import { Portal, PortalProps } from "../helpers/portal/portal.js";
+import { AlertDialogContext, AlertDialogProvider, AlertDialogProviderProps, showAlertDialog } from "./alert-dialog-provider/alert-dialog-provider.js";
+import { useAlertDialog } from "./alert-dialog-provider/hooks.js";
+import { DialogContext, DialogProvider, DialogProviderProps, showDialog } from "./dialog-provider/dialog-provider.js";
+import { useDialog } from "./dialog-provider/hooks.js";
+import { ToastProvider, ToastProviderProps, toaster } from "./toast-provider/toast-provider.js";

package/dist/providers/index.js

@@ -0,0 +1 @@
+import"../helpers/portal/context/hooks.js";import"../helpers/portal/context/provider.js";import"../helpers/portal/portal.js";import"../helpers/portal/index.js";import"./alert-dialog-provider/alert-dialog-provider.js";import"./alert-dialog-provider/hooks.js";import"./alert-dialog-provider/index.js";import"./dialog-provider/dialog-provider.js";import"./dialog-provider/hooks.js";import"./dialog-provider/index.js";import"./toast-provider/toast-provider.js";import"./toast-provider/index.js";

package/dist/providers/toast-provider/index.d.ts

@@ -0,0 +1 @@
+import { ToastProvider, ToastProviderProps, toaster } from "./toast-provider.js";

package/dist/providers/toast-provider/index.js

@@ -0,0 +1 @@
+import"./toast-provider.js";

package/dist/providers/toast-provider/toast-provider.css

@@ -0,0 +1,13 @@
+.jN-iOa_viewport {
+  z-index: 1;
+  width: calc(100vw - 2rem);
+  margin: 0 auto;
+  position: fixed;
+  inset: auto 1rem 1rem auto;
+
+  @media (width >= 500px) {
+    width: 22.5rem;
+    bottom: 2rem;
+    right: 2rem;
+  }
+}

package/dist/providers/toast-provider/toast-provider.d.ts

@@ -0,0 +1,124 @@
+import { ToastManagerAddOptions } from "@base-ui/react/toast";
+
+//#region src/providers/toast-provider/toast-provider.d.ts
+/**
+ * Imperative toast helpers for showing application notifications.
+ *
+ * Each method delegates to the shared Base UI toast manager and assigns
+ * a semantic `variant` used by the toast UI for styling.
+ *
+ * Variants:
+ * - `positive`: success confirmations
+ * - `negative`: errors and destructive failures
+ * - `warn`: warnings that may require attention
+ * - `info`: neutral informational updates
+ * - `neutral`: low-emphasis generic messages
+ *
+ * @example
+ * toaster.positive({
+ *   title: "Saved",
+ *   description: "Your changes have been saved successfully.",
+ * });
+ *
+ * @example
+ * toaster.negative({
+ *   title: "Something went wrong",
+ *   description: "Please try again in a moment.",
+ * });
+ *
+ * @example
+ * toaster.warn({
+ *   title: "Unsaved changes",
+ *   description: "You have unsaved edits on this page.",
+ *   duration: 8000,
+ * });
+ */
+declare const toaster: {
+  /**
+   * Show a positive toast.
+   *
+   * Use for successful actions such as saves, publishes, uploads,
+   * or other completed operations.
+   *
+   * @param {ToastManagerAddOptions<T>} options - Toast configuration passed to the Base UI toast manager.
+   * @returns The created toast identifier returned by the toast manager.
+   *
+   * @example
+   * toaster.positive({
+   *   title: "Profile updated",
+   *   description: "Your profile information was saved.",
+   * });
+   */
+  positive: (options: ToastManagerAddOptions<any>) => string;
+  /**
+   * Show a negative toast.
+   *
+   * Use for errors, failed requests, validation failures,
+   * or destructive action feedback.
+   *
+   * @param {ToastManagerAddOptions<T>} options - Toast configuration passed to the Base UI toast manager.
+   * @returns The created toast identifier returned by the toast manager.
+   *
+   * @example
+   * toaster.negative({
+   *   title: "Delete failed",
+   *   description: "The item could not be removed.",
+   * });
+   */
+  negative: (options: ToastManagerAddOptions<any>) => string;
+  /**
+   * Show a warning toast.
+   *
+   * Use when the user should be alerted to a non-fatal issue,
+   * risky action, or condition that may need attention.
+   *
+   * @param {ToastManagerAddOptions<T>} options - Toast configuration passed to the Base UI toast manager.
+   * @returns The created toast identifier returned by the toast manager.
+   *
+   * @example
+   * toaster.warn({
+   *   title: "Storage almost full",
+   *   description: "Free up space to avoid interruptions.",
+   * });
+   */
+  warn: (options: ToastManagerAddOptions<any>) => string;
+  /**
+   * Show an informational toast.
+   *
+   * Use for progress-adjacent updates, general notices,
+   * or non-urgent contextual information.
+   *
+   * @param options - Toast configuration passed to the Base UI toast manager.
+   * @returns The created toast identifier returned by the toast manager.
+   *
+   * @example
+   * toaster.info({
+   *   title: "Invite sent",
+   *   description: "Your teammate will receive an email shortly.",
+   * });
+   */
+  info: (options: ToastManagerAddOptions<any>) => string;
+  /**
+   * Show a neutral toast.
+   *
+   * Use for generic messages that do not imply success, failure,
+   * warning, or special informational emphasis.
+   *
+   * @param {ToastManagerAddOptions<T>} options - Toast configuration passed to the Base UI toast manager.
+   * @returns The created toast identifier returned by the toast manager.
+   *
+   * @example
+   * toaster.neutral({
+   *   title: "Session restored",
+   *   description: "Your draft has been recovered.",
+   * });
+   */
+  neutral: (options: ToastManagerAddOptions<any>) => string;
+};
+type ToastProviderProps = {
+  children: React.ReactNode;
+};
+declare const ToastProvider: (props: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ToastProvider, ToastProviderProps, toaster };
+//# sourceMappingURL=toast-provider.d.ts.map

package/dist/providers/toast-provider/toast-provider.js

@@ -0,0 +1,2 @@
+import{usePortalConfig as e}from"../../helpers/portal/context/hooks.js";import"../../helpers/portal/index.js";import{Toast as t}from"../../atoms/toast/toast.js";import"../../atoms/toast/index.js";import n from"./toast-provider.module.js";import{useEffect as r,useState as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Toast as s}from"@base-ui/react/toast";const c=s.createToastManager(),l=()=>{let{toasts:e}=s.useToastManager();return e.map(e=>a(t,{...e}))},u={positive:e=>c.add({...e,data:{color:`positive`}}),negative:e=>c.add({...e,data:{color:`negative`}}),warn:e=>c.add({...e,data:{color:`warn`}}),info:e=>c.add({...e,data:{color:`info`}}),neutral:e=>c.add({...e,data:{color:`neutral`}})},d=t=>{let{children:u}=t,[d,f]=i(!1);r(()=>{f(!0)},[]);let{resolveContainer:p}=e(),m=p();return o(s.Provider,{toastManager:c,children:[u,d?a(s.Portal,{container:m,children:a(s.Viewport,{className:n.viewport,children:a(l,{})})}):null]})};export{d as ToastProvider,u as toaster};
+//# sourceMappingURL=toast-provider.js.map

package/dist/providers/toast-provider/toast-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-provider.js","names":["BaseUIToast","Toast","styles"],"sources":["../../../src/providers/toast-provider/toast-provider.tsx"],"sourcesContent":["import {\n  Toast as BaseUIToast,\n  type ToastManagerAddOptions,\n} from \"@base-ui/react/toast\";\nimport { useEffect, useState } from \"react\";\nimport { Toast, type ToastData } from \"../../atoms/toast\";\nimport { usePortalConfig } from \"../../helpers/portal\";\nimport styles from \"./toast-provider.module.css\";\n\nconst toastManager = BaseUIToast.createToastManager<ToastData>();\n\nconst ToastList = () => {\n  const { toasts } = BaseUIToast.useToastManager();\n\n  return toasts.map(toast => <Toast {...toast} />);\n};\n\n/**\n * Imperative toast helpers for showing application notifications.\n *\n * Each method delegates to the shared Base UI toast manager and assigns\n * a semantic `variant` used by the toast UI for styling.\n *\n * Variants:\n * - `positive`: success confirmations\n * - `negative`: errors and destructive failures\n * - `warn`: warnings that may require attention\n * - `info`: neutral informational updates\n * - `neutral`: low-emphasis generic messages\n *\n * @example\n * toaster.positive({\n *   title: \"Saved\",\n *   description: \"Your changes have been saved successfully.\",\n * });\n *\n * @example\n * toaster.negative({\n *   title: \"Something went wrong\",\n *   description: \"Please try again in a moment.\",\n * });\n *\n * @example\n * toaster.warn({\n *   title: \"Unsaved changes\",\n *   description: \"You have unsaved edits on this page.\",\n *   duration: 8000,\n * });\n */\nexport const toaster = {\n  /**\n   * Show a positive toast.\n   *\n   * Use for successful actions such as saves, publishes, uploads,\n   * or other completed operations.\n   *\n   * @param {ToastManagerAddOptions<T>} options - Toast configuration passed to the Base UI toast manager.\n   * @returns The created toast identifier returned by the toast manager.\n   *\n   * @example\n   * toaster.positive({\n   *   title: \"Profile updated\",\n   *   description: \"Your profile information was saved.\",\n   * });\n   */\n  positive: (options: ToastManagerAddOptions<any>) =>\n    toastManager.add({ ...options, data: { color: \"positive\" } }),\n\n  /**\n   * Show a negative toast.\n   *\n   * Use for errors, failed requests, validation failures,\n   * or destructive action feedback.\n   *\n   * @param {ToastManagerAddOptions<T>} options - Toast configuration passed to the Base UI toast manager.\n   * @returns The created toast identifier returned by the toast manager.\n   *\n   * @example\n   * toaster.negative({\n   *   title: \"Delete failed\",\n   *   description: \"The item could not be removed.\",\n   * });\n   */\n  negative: (options: ToastManagerAddOptions<any>) =>\n    toastManager.add({ ...options, data: { color: \"negative\" } }),\n\n  /**\n   * Show a warning toast.\n   *\n   * Use when the user should be alerted to a non-fatal issue,\n   * risky action, or condition that may need attention.\n   *\n   * @param {ToastManagerAddOptions<T>} options - Toast configuration passed to the Base UI toast manager.\n   * @returns The created toast identifier returned by the toast manager.\n   *\n   * @example\n   * toaster.warn({\n   *   title: \"Storage almost full\",\n   *   description: \"Free up space to avoid interruptions.\",\n   * });\n   */\n  warn: (options: ToastManagerAddOptions<any>) =>\n    toastManager.add({ ...options, data: { color: \"warn\" } }),\n\n  /**\n   * Show an informational toast.\n   *\n   * Use for progress-adjacent updates, general notices,\n   * or non-urgent contextual information.\n   *\n   * @param options - Toast configuration passed to the Base UI toast manager.\n   * @returns The created toast identifier returned by the toast manager.\n   *\n   * @example\n   * toaster.info({\n   *   title: \"Invite sent\",\n   *   description: \"Your teammate will receive an email shortly.\",\n   * });\n   */\n  info: (options: ToastManagerAddOptions<any>) =>\n    toastManager.add({ ...options, data: { color: \"info\" } }),\n\n  /**\n   * Show a neutral toast.\n   *\n   * Use for generic messages that do not imply success, failure,\n   * warning, or special informational emphasis.\n   *\n   * @param {ToastManagerAddOptions<T>} options - Toast configuration passed to the Base UI toast manager.\n   * @returns The created toast identifier returned by the toast manager.\n   *\n   * @example\n   * toaster.neutral({\n   *   title: \"Session restored\",\n   *   description: \"Your draft has been recovered.\",\n   * });\n   */\n  neutral: (options: ToastManagerAddOptions<any>) =>\n    toastManager.add({ ...options, data: { color: \"neutral\" } }),\n};\n\nexport type ToastProviderProps = {\n  children: React.ReactNode;\n};\n\nexport const ToastProvider = (props: ToastProviderProps) => {\n  const { children } = props;\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  const { resolveContainer } = usePortalConfig();\n  const portalContainer = resolveContainer();\n\n  return (\n    <BaseUIToast.Provider toastManager={toastManager}>\n      {children}\n      {mounted ? (\n        <BaseUIToast.Portal container={portalContainer}>\n          <BaseUIToast.Viewport className={styles[\"viewport\"]}>\n            <ToastList />\n          </BaseUIToast.Viewport>\n        </BaseUIToast.Portal>\n      ) : null}\n    </BaseUIToast.Provider>\n  );\n};\n"],"mappings":"6XASA,MAAM,EAAeA,EAAY,mBAA8B,EAEzD,MAAkB,CACtB,GAAM,CAAE,UAAWA,EAAY,gBAAgB,EAE/C,OAAO,EAAO,IAAI,GAAS,EAACC,EAAD,CAAO,GAAI,CAAQ,CAAA,CAAC,CACjD,EAkCa,EAAU,CAgBrB,SAAW,GACT,EAAa,IAAI,CAAE,GAAG,EAAS,KAAM,CAAE,MAAO,UAAW,CAAE,CAAC,EAiB9D,SAAW,GACT,EAAa,IAAI,CAAE,GAAG,EAAS,KAAM,CAAE,MAAO,UAAW,CAAE,CAAC,EAiB9D,KAAO,GACL,EAAa,IAAI,CAAE,GAAG,EAAS,KAAM,CAAE,MAAO,MAAO,CAAE,CAAC,EAiB1D,KAAO,GACL,EAAa,IAAI,CAAE,GAAG,EAAS,KAAM,CAAE,MAAO,MAAO,CAAE,CAAC,EAiB1D,QAAU,GACR,EAAa,IAAI,CAAE,GAAG,EAAS,KAAM,CAAE,MAAO,SAAU,CAAE,CAAC,CAC/D,EAMa,EAAiB,GAA8B,CAC1D,GAAM,CAAE,YAAa,EACf,CAAC,EAAS,GAAc,EAAS,EAAK,EAE5C,MAAgB,CACd,EAAW,EAAI,CACjB,EAAG,CAAC,CAAC,EAEL,GAAM,CAAE,oBAAqB,EAAgB,EACvC,EAAkB,EAAiB,EAEzC,OACE,EAACD,EAAY,SAAb,CAAoC,wBAApC,CACG,EACA,EACC,EAACA,EAAY,OAAb,CAAoB,UAAW,WAC7B,EAACA,EAAY,SAAb,CAAsB,UAAWE,EAAO,kBACtC,EAAC,EAAD,CAAY,CAAA,CACQ,CAAA,CACJ,CAAA,EAClB,IACgB,GAE1B"}

package/dist/providers/toast-provider/toast-provider.module.js

@@ -0,0 +1,2 @@
+var e={viewport:`jN-iOa_viewport`};export{e as default};
+//# sourceMappingURL=toast-provider.module.js.map

package/dist/providers/toast-provider/toast-provider.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-provider.module.js","names":[],"sources":["../../../src/providers/toast-provider/toast-provider.module.css"],"sourcesContent":[".viewport {\n  position: fixed;\n  z-index: 1;\n  width: calc(100vw - 2rem);\n  margin: 0 auto;\n  bottom: 1rem;\n  right: 1rem;\n  left: auto;\n  top: auto;\n\n  @media (min-width: 500px) {\n    bottom: 2rem;\n    right: 2rem;\n    width: 22.5rem;\n  }\n}\n"],"mappings":"AAEA,IAAA,EAAY,CAAA,SAAA,iBAAA"}

package/dist/types.d.ts

@@ -0,0 +1,43 @@
+import { Overwrite } from "@pantool/lib";
+
+//#region src/types.d.ts
+type WithColorProps<P extends object> = P & {
+  /**
+   * The color of the content.
+   *
+   * @default "currentcolor"
+   */
+  color?: "currentcolor" | "normal" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "brand-tertiary" | "brand-muted" | "positive" | "positive-secondary" | "positive-tertiary" | "positive-muted" | "negative" | "negative-secondary" | "negative-tertiary" | "negative-muted" | "warn" | "warn-secondary" | "warn-tertiary" | "warn-muted" | "info" | "info-secondary" | "info-tertiary" | "info-muted" | "on-neutral" | "on-brand" | "on-positive" | "on-negative" | "on-warn" | "on-info";
+};
+type MergeElementProps<E extends React.ElementType, P = object> = Overwrite<React.ComponentPropsWithRef<E>, P>;
+type MergeElementPropsWithOmitted<E extends React.ElementType, K extends keyof React.ComponentPropsWithRef<E>, P = object> = Overwrite<Omit<React.ComponentPropsWithRef<E>, K>, P>;
+type PolymorphicPropsWithOmitted<E extends React.ElementType, K extends keyof React.ComponentPropsWithRef<E>, P = object> = MergeElementPropsWithOmitted<E, K, P & {
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  as?: E;
+}>;
+type PolymorphicProps<E extends React.ElementType, P = object> = MergeElementProps<E, P & {
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  as?: E;
+}>;
+type WithBaseProps<P extends object> = P & {
+  /**
+   * The content of the component.
+   */
+  children?: React.ReactNode;
+  /**
+   * The classname of the component's root.
+   */
+  className?: string;
+};
+type WithRef<P extends object, E extends React.ElementType> = P & {
+  ref?: React.ComponentPropsWithRef<E>["ref"];
+};
+//#endregion
+export { MergeElementProps, MergeElementPropsWithOmitted, PolymorphicProps, PolymorphicPropsWithOmitted, WithBaseProps, WithColorProps, WithRef };
+//# sourceMappingURL=types.d.ts.map

package/dist/types.js

@@ -0,0 +1 @@
+import"@pantool/lib";

package/package.json

@@ -0,0 +1,77 @@
+{
+  "name": "@pantool/components",
+  "description": "TODO:",
+  "version": "1.0.0-alpha.0",
+  "type": "module",
+  "files": [
+    "dist/**/*.js",
+    "dist/**/*.js.map",
+    "dist/**/*.css",
+    "dist/**/*.d.ts",
+    "./README.md"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./atoms/*": {
+      "types": "./dist/atoms/*.d.ts",
+      "import": "./dist/atoms/*.js",
+      "default": "./dist/atoms/*.js"
+    },
+    "./atoms": {
+      "types": "./dist/atoms/index.d.ts",
+      "import": "./dist/atoms/index.js",
+      "default": "./dist/atoms/index.js"
+    },
+    "./providers/*": {
+      "types": "./dist/providers/*.d.ts",
+      "import": "./dist/providers/*.js",
+      "default": "./dist/providers/*.js"
+    },
+    "./providers": {
+      "types": "./dist/providers/index.d.ts",
+      "import": "./dist/providers/index.js",
+      "default": "./dist/providers/index.js"
+    }
+  },
+  "peerDependencies": {
+    "@mdi/js": "^7",
+    "@types/react": "^17 || ^18 || ^19",
+    "react": "^17 || ^18 || ^19",
+    "react-dom": "^17 || ^18 || ^19"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.4.1",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "date-fns-jalali": "4.1.0-0",
+    "react-day-picker": "^9.13.0",
+    "recharts": "^3.8.1",
+    "sonner": "^2.0.7",
+    "@pantool/lib": "1.0.0-alpha.1"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@mdi/js": "^7.4.47",
+    "@tsdown/css": "^0.22.0",
+    "@wyw-in-js/vite": "^1.1.0"
+  },
+  "scripts": {
+    "clear": "shx rm -rf dist",
+    "gen:base-ui": "tsx ./scripts/gen-base-ui-md-files.ts",
+    "gen:base-ui:f": "tsx ./scripts/gen-base-ui-md-files.ts -f",
+    "build": "clear && tsdown",
+    "release": "pnpm build && pnpm publish --no-git-checks --access public",
+    "release:alpha": "pnpm build && pnpm publish . --no-git-checks --access public --tag alpha"
+  }
+}