@noxickon/onyx 2.0.3 → 3.0.0

package/dist/legacy/ui/EndlessList/EndlessList.stories.d.ts

@@ -0,0 +1,27 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (<TData>({ children, className, data, estimateSize, gap, getItemKey, hasNextPage, isError, isLoading, loadMoreThreshold, onLoadMore, overscan, renderItem, style, ...domProps }: import('.').OxEndlessListProps<TData>) => import("react/jsx-runtime").JSX.Element) & {
+        Empty: ({ children, className, ...domProps }: import('.').OxEndlessListEmptyProps) => import("react/jsx-runtime").JSX.Element | null;
+        Error: ({ children, className, onRetry, ...domProps }: import('.').OxEndlessListErrorProps) => import("react/jsx-runtime").JSX.Element | null;
+        Loader: ({ children, className, ...domProps }: import('.').OxEndlessListLoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+    };
+    subcomponents: {
+        'OxEndlessList.Loader': ComponentType<unknown>;
+        'OxEndlessList.Empty': ComponentType<unknown>;
+        'OxEndlessList.Error': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const VariableHeight: Story;
+export declare const WithError: Story;
+export declare const LargeDataset: Story;
+export declare const Empty: Story;
+export declare const CustomEstimateSize: Story;

package/dist/legacy/ui/EndlessList/index.d.ts

@@ -0,0 +1,6 @@
+export type * from './src/EndlessList.types';
+export declare const OxEndlessList: (<TData>({ children, className, data, estimateSize, gap, getItemKey, hasNextPage, isError, isLoading, loadMoreThreshold, onLoadMore, overscan, renderItem, style, ...domProps }: import('.').OxEndlessListProps<TData>) => import("react/jsx-runtime").JSX.Element) & {
+    Empty: ({ children, className, ...domProps }: import('.').OxEndlessListEmptyProps) => import("react/jsx-runtime").JSX.Element | null;
+    Error: ({ children, className, onRetry, ...domProps }: import('.').OxEndlessListErrorProps) => import("react/jsx-runtime").JSX.Element | null;
+    Loader: ({ children, className, ...domProps }: import('.').OxEndlessListLoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+};

package/dist/legacy/ui/EndlessList/src/EndlessList.d.ts

@@ -0,0 +1,2 @@
+import { OxEndlessListProps } from './EndlessList.types';
+export declare const OxEndlessList: <TData>({ children, className, data, estimateSize, gap, getItemKey, hasNextPage, isError, isLoading, loadMoreThreshold, onLoadMore, overscan, renderItem, style, ...domProps }: OxEndlessListProps<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/legacy/ui/EndlessList/src/EndlessList.types.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface OxEndlessListProps<TData> extends Omit<ComponentPropsWithRef<'div'>, 'children'> {
+    children?: ReactNode;
+    data: TData[];
+    estimateSize: number | ((index: number) => number);
+    gap?: number;
+    getItemKey: (item: TData, index: number) => string | number;
+    hasNextPage?: boolean;
+    isError?: boolean;
+    isLoading?: boolean;
+    loadMoreThreshold?: number;
+    onLoadMore?: () => void;
+    overscan?: number;
+    renderItem: (item: TData, index: number) => ReactNode;
+}
+export interface OxEndlessListLoaderProps extends ComponentPropsWithRef<'div'> {
+    children?: ReactNode;
+}
+export interface OxEndlessListEmptyProps extends ComponentPropsWithRef<'div'> {
+    children?: ReactNode;
+}
+export interface OxEndlessListErrorProps extends ComponentPropsWithRef<'div'> {
+    children?: ReactNode;
+    onRetry?: () => void;
+}

package/dist/legacy/ui/EndlessList/src/EndlessListEmpty.d.ts

@@ -0,0 +1,2 @@
+import { OxEndlessListEmptyProps } from './EndlessList.types';
+export declare const OxEndlessListEmpty: ({ children, className, ...domProps }: OxEndlessListEmptyProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/legacy/ui/EndlessList/src/EndlessListError.d.ts

@@ -0,0 +1,2 @@
+import { OxEndlessListErrorProps } from './EndlessList.types';
+export declare const OxEndlessListError: ({ children, className, onRetry, ...domProps }: OxEndlessListErrorProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/legacy/ui/EndlessList/src/EndlessListLoader.d.ts

@@ -0,0 +1,2 @@
+import { OxEndlessListLoaderProps } from './EndlessList.types';
+export declare const OxEndlessListLoader: ({ children, className, ...domProps }: OxEndlessListLoaderProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/legacy/ui/EndlessList/src/context/EndlessListContext.d.ts

@@ -0,0 +1,2 @@
+import { EndlessListContextType } from './EndlessListContext.types';
+export declare const EndlessListContext: import('react').Context<EndlessListContextType | null>;

package/dist/legacy/ui/EndlessList/src/context/EndlessListContext.types.d.ts

@@ -0,0 +1,7 @@
+export interface EndlessListContextType {
+    hasNextPage: boolean;
+    isError: boolean;
+    isLoading: boolean;
+    itemCount: number;
+    onRetry?: () => void;
+}

package/dist/legacy/ui/EndlessList/src/context/index.d.ts

@@ -0,0 +1,3 @@
+export { EndlessListContext } from './EndlessListContext';
+export type { EndlessListContextType } from './EndlessListContext.types';
+export { useEndlessListContext } from './useEndlessListContext';

package/dist/legacy/ui/EndlessList/src/context/useEndlessListContext.d.ts

@@ -0,0 +1,2 @@
+import { EndlessListContextType } from './EndlessListContext.types';
+export declare const useEndlessListContext: () => EndlessListContextType;

package/dist/legacy/ui/EndlessList/test/EndlessList.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/legacy/ui/Floating/Floating.stories.d.ts

@@ -0,0 +1,80 @@
+import { ComponentType } from 'react';
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (({ align, animationDuration, ariaHaspopup, children, defaultOpen, disabled, hoverDelay, id: propertyId, offset, onOpenChange, open: controlledOpen, position, trigger, useAriaControls, }: import('../..').OxFloatingProps) => import("react/jsx-runtime").JSX.Element) & {
+        Content: ({ children, className, portal, style, ...domProps }: import('../..').OxFloatingContentProps) => import("react/jsx-runtime").JSX.Element | null;
+        Trigger: ({ asChild, children, className, ...domProps }: import('../..').OxFloatingTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    subcomponents: {
+        'OxFloating.Trigger': ComponentType<unknown>;
+        'OxFloating.Content': ComponentType<unknown>;
+    };
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        children: {
+            control: {
+                disable: true;
+            };
+            description: string;
+        };
+        position: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        align: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        trigger: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        offset: {
+            control: "number";
+            description: string;
+        };
+        disabled: {
+            control: "boolean";
+            description: string;
+        };
+        open: {
+            control: "boolean";
+            description: string;
+        };
+        defaultOpen: {
+            control: "boolean";
+            description: string;
+        };
+        animationDuration: {
+            control: "number";
+            description: string;
+        };
+        hoverDelay: {
+            control: "number";
+            description: string;
+        };
+        onOpenChange: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Playground: Story;
+export declare const Positions: Story;
+export declare const Alignments: Story;
+export declare const Triggers: Story;
+export declare const TooltipUsage: Story;

package/dist/legacy/ui/Floating/index.d.ts

@@ -0,0 +1,8 @@
+export type * from './src/Floating.types';
+export * from './src/context/FloatingContext.types';
+export { OxFloatingContext } from './src/context/FloatingContext';
+export { useOxFloatingContext } from './src/context/useFloatingContext';
+export declare const OxFloating: (({ align, animationDuration, ariaHaspopup, children, defaultOpen, disabled, hoverDelay, id: propertyId, offset, onOpenChange, open: controlledOpen, position, trigger, useAriaControls, }: import('.').OxFloatingProps) => import("react/jsx-runtime").JSX.Element) & {
+    Content: ({ children, className, portal, style, ...domProps }: import('.').OxFloatingContentProps) => import("react/jsx-runtime").JSX.Element | null;
+    Trigger: ({ asChild, children, className, ...domProps }: import('.').OxFloatingTriggerProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/legacy/ui/Floating/src/Floating.d.ts

@@ -0,0 +1,2 @@
+import { OxFloatingProps } from './Floating.types';
+export declare const OxFloating: ({ align, animationDuration, ariaHaspopup, children, defaultOpen, disabled, hoverDelay, id: propertyId, offset, onOpenChange, open: controlledOpen, position, trigger, useAriaControls, }: OxFloatingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/legacy/ui/Floating/src/Floating.types.d.ts

@@ -0,0 +1,29 @@
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode } from 'react';
+export type OxFloatingPosition = 'top' | 'bottom' | 'left' | 'right';
+export type OxFloatingAlign = 'start' | 'center' | 'end';
+export type OxFloatingTriggerTypes = 'hover' | 'click' | 'manual' | 'focus';
+export type OxFloatingAriaHaspopupTypes = 'menu' | 'dialog' | 'listbox' | 'tree' | 'grid' | true;
+export interface OxFloatingProps {
+    align?: OxFloatingAlign;
+    animationDuration?: number;
+    ariaHaspopup?: OxFloatingAriaHaspopupTypes;
+    children: ReactNode;
+    defaultOpen?: boolean;
+    disabled?: boolean;
+    hoverDelay?: number;
+    id?: string;
+    offset?: number;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    position?: OxFloatingPosition;
+    trigger?: OxFloatingTriggerTypes;
+    useAriaControls?: boolean;
+}
+export interface OxFloatingTriggerProps extends ComponentPropsWithRef<'div'> {
+    asChild?: boolean;
+    children: ReactNode;
+}
+export interface OxFloatingContentProps extends ComponentPropsWithoutRef<'div'> {
+    children: ReactNode;
+    portal?: boolean;
+}

package/dist/legacy/ui/Floating/src/FloatingContent.d.ts

@@ -0,0 +1,2 @@
+import { OxFloatingContentProps } from './Floating.types';
+export declare const OxFloatingContent: ({ children, className, portal, style, ...domProps }: OxFloatingContentProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/legacy/ui/Floating/src/FloatingTrigger.d.ts

@@ -0,0 +1,2 @@
+import { OxFloatingTriggerProps } from './Floating.types';
+export declare const OxFloatingTrigger: ({ asChild, children, className, ...domProps }: OxFloatingTriggerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/legacy/ui/Floating/src/context/FloatingContext.d.ts

@@ -0,0 +1,2 @@
+import { OxFloatingContextValue } from './FloatingContext.types';
+export declare const OxFloatingContext: import('react').Context<OxFloatingContextValue | undefined>;

package/dist/legacy/ui/Floating/src/context/FloatingContext.types.d.ts

@@ -0,0 +1,17 @@
+import { RefObject } from 'react';
+import { OxFloatingAriaHaspopupTypes, OxFloatingTriggerTypes } from '../../../..';
+export interface OxFloatingContextValue {
+    ariaHaspopup?: OxFloatingAriaHaspopupTypes;
+    closing: boolean;
+    contentRef: RefObject<HTMLDivElement | null>;
+    disabled: boolean;
+    hoverDelay: number;
+    hoverTimeoutRef: RefObject<ReturnType<typeof setTimeout> | null>;
+    id: string;
+    isPositioned: boolean;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    trigger: OxFloatingTriggerTypes;
+    triggerRef: RefObject<HTMLDivElement | null>;
+    useAriaControls: boolean;
+}

package/dist/legacy/ui/Floating/src/context/useFloatingContext.d.ts

@@ -0,0 +1 @@
+export declare function useOxFloatingContext(): import('./FloatingContext.types').OxFloatingContextValue;

package/dist/legacy/ui/Floating/test/Floating.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/onyx.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./chunks/ui-Dfv80f9y.js");exports.OxAccordion=x.OxAccordion;exports.OxAlert=x.OxAlert;exports.OxAvatar=x.OxAvatar;exports.OxBadge=x.OxBadge;exports.OxBreadcrumb=x.OxBreadcrumb;exports.OxButton=x.OxButton;exports.OxCalendar=x.OxCalendar;exports.OxCard=x.OxCard;exports.OxCheckbox=x.OxCheckbox;exports.OxDateInput=x.OxDateInput;exports.OxDescription=x.OxDescription;exports.OxDescriptionList=x.OxDescriptionList;exports.OxDialog=x.OxDialog;exports.OxDrawer=x.OxDrawer;exports.OxDropdown=x.OxDropdown;exports.OxError=x.OxError;exports.OxFileUpload=x.OxFileUpload;exports.OxFloating=x.OxFloating;exports.OxFloatingContext=x.OxFloatingContext;exports.OxForm=x.OxForm;exports.OxHeading=x.OxHeading;exports.OxIcon=x.OxIcon;exports.OxJsonField=x.OxJsonField;exports.OxLabel=x.OxLabel;exports.OxLegend=x.OxLegend;exports.OxLink=x.OxLink;exports.OxNotifications=x.OxNotifications;exports.OxNumberInput=x.OxNumberInput;exports.OxOtpInput=x.OxOtpInput;exports.OxPagination=x.OxPagination;exports.OxPopover=x.OxPopover;exports.OxProgress=x.OxProgress;exports.OxRadio=x.OxRadio;exports.OxSelect=x.OxSelect;exports.OxSeparator=x.OxSeparator;exports.OxSkeleton=x.OxSkeleton;exports.OxSkeletonText=x.OxSkeletonText;exports.OxSlider=x.OxSlider;exports.OxSpinner=x.OxSpinner;exports.OxStatusDisplay=x.OxStatusDisplay;exports.OxStepper=x.OxStepper;exports.OxSwitch=x.OxSwitch;exports.OxTable=x.OxTable;exports.OxTabs=x.OxTabs;exports.OxTextInput=x.OxTextInput;exports.OxTextarea=x.OxTextarea;exports.OxTimeInput=x.OxTimeInput;exports.OxTimeline=x.OxTimeline;exports.OxToast=x.OxToast;exports.OxToastProvider=x.OxToastProvider;exports.OxToggle=x.OxToggle;exports.OxTooltip=x.OxTooltip;exports.useOxFloatingContext=x.useOxFloatingContext;exports.useOxToast=x.useOxToast;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./chunks/ui-B0Ma5GdK.js"),e=require("./chunks/hooks-CNgb50x1.js");exports.OxAccordion=x.OxAccordion;exports.OxAlert=x.OxAlert;exports.OxAspectRatio=x.OxAspectRatio;exports.OxAvatar=x.OxAvatar;exports.OxBadge=x.OxBadge;exports.OxBreadcrumb=x.OxBreadcrumb;exports.OxButton=x.OxButton;exports.OxCalendar=x.OxCalendar;exports.OxCard=x.OxCard;exports.OxCheckbox=x.OxCheckbox;exports.OxDateInput=x.OxDateInput;exports.OxDescription=x.OxDescription;exports.OxDescriptionList=x.OxDescriptionList;exports.OxDialog=x.OxDialog;exports.OxDndContext=x.OxDndContext;exports.OxDraggable=x.OxDraggable;exports.OxDrawer=x.OxDrawer;exports.OxDropdown=x.OxDropdown;exports.OxDroppable=x.OxDroppable;exports.OxEndlessList=x.OxEndlessList;exports.OxError=x.OxError;exports.OxFileUpload=x.OxFileUpload;exports.OxForm=x.OxForm;exports.OxHeading=x.OxHeading;exports.OxHoverCard=x.OxHoverCard;exports.OxIcon=x.OxIcon;exports.OxImage=x.OxImage;exports.OxJsonField=x.OxJsonField;exports.OxKanban=x.OxKanban;exports.OxLabel=x.OxLabel;exports.OxLegend=x.OxLegend;exports.OxLink=x.OxLink;exports.OxMasonry=x.OxMasonry;exports.OxNotifications=x.OxNotifications;exports.OxNumberInput=x.OxNumberInput;exports.OxOtpInput=x.OxOtpInput;exports.OxPageOutline=x.OxPageOutline;exports.OxPagination=x.OxPagination;exports.OxPopover=x.OxPopover;exports.OxPopper=x.OxPopper;exports.OxProgress=x.OxProgress;exports.OxRadio=x.OxRadio;exports.OxSelect=x.OxSelect;exports.OxSeparator=x.OxSeparator;exports.OxSkeleton=x.OxSkeleton;exports.OxSlider=x.OxSlider;exports.OxSortableList=x.OxSortableList;exports.OxSpinner=x.OxSpinner;exports.OxStatusDisplay=x.OxStatusDisplay;exports.OxStepper=x.OxStepper;exports.OxSwitch=x.OxSwitch;exports.OxTable=x.OxTable;exports.OxTabs=x.OxTabs;exports.OxTag=x.OxTag;exports.OxTextInput=x.OxTextInput;exports.OxTextarea=x.OxTextarea;exports.OxThemeSwitcher=x.OxThemeSwitcher;exports.OxTimeInput=x.OxTimeInput;exports.OxTimeline=x.OxTimeline;exports.OxToast=x.OxToast;exports.OxToastProvider=x.OxToastProvider;exports.OxToggle=x.OxToggle;exports.OxTooltip=x.OxTooltip;exports.OxTooltipProvider=x.OxTooltipProvider;exports.useDndContext=x.useDndContext;exports.useOxToast=x.useOxToast;exports.useOxTooltipContext=x.useOxTooltipContext;exports.usePopperContentContext=x.usePopperContentContext;exports.usePopperContext=x.usePopperContext;exports.usePopperState=e.usePopperState;

package/dist/onyx.es.js

@@ -1,57 +1,74 @@
-import { O as x, a as O, b as e, c as t, d as o, e as r, f as i, g as n, K as l, N as p, X as d, h as T, p as g, i as u, j as c, Y as S, L as D, k as b, l as m, M as F, Z as I, m as C, n as k, _ as L, $ as P, o as v, q as w, P as A, Q as B, r as f, s as h, t as N, T as y, U as E, v as H, w as J, x as R, y as U, z as j, A as q, B as z, V as G, C as K, D as M, R as Q, W as V, S as W, E as X, H as Y, F as Z, I as _, J as $, u as aa, G as sa } from "./chunks/ui-DaFpw1V6.js";
+import { O as x, a as e, b as O, c as t, d as o, f as r, g as n, h as i, i as p, _ as l, a1 as d, aa as u, j as T, y as c, k as g, l as b, n as D, o as S, m as C, p as P, ab as m, $ as I, a0 as L, ac as v, q as h, r as w, s as A, t as f, v as k, ad as B, ae as F, w as y, x as E, z as H, a2 as N, a3 as R, A as j, B as J, C as K, D as M, G as U, a6 as q, a7 as z, H as G, I as Q, J as V, K as W, L as X, M as Y, N as Z, a8 as _, P as $, Q as aa, e as sa, a4 as xa, a9 as ea, R as Oa, a5 as ta, S as oa, V as ra, T as na, W as ia, X as pa, Y as la, u as da, U as ua, Z as Ta, E as ca, F as ga } from "./chunks/ui-DrKTwQ0M.js";
+import { j as Da } from "./chunks/hooks-6tQOArBm.js";
 export {
   x as OxAccordion,
-  O as OxAlert,
-  e as OxAvatar,
-  t as OxBadge,
-  o as OxBreadcrumb,
-  r as OxButton,
+  e as OxAlert,
+  O as OxAspectRatio,
+  t as OxAvatar,
+  o as OxBadge,
+  r as OxBreadcrumb,
+  n as OxButton,
   i as OxCalendar,
-  n as OxCard,
+  p as OxCard,
   l as OxCheckbox,
-  p as OxDateInput,
-  d as OxDescription,
+  d as OxDateInput,
+  u as OxDescription,
   T as OxDescriptionList,
-  g as OxDialog,
-  u as OxDrawer,
-  c as OxDropdown,
-  S as OxError,
-  D as OxFileUpload,
-  b as OxFloating,
-  m as OxFloatingContext,
-  F as OxForm,
-  I as OxHeading,
-  C as OxIcon,
-  k as OxJsonField,
-  L as OxLabel,
-  P as OxLegend,
-  v as OxLink,
-  w as OxNotifications,
-  A as OxNumberInput,
-  B as OxOtpInput,
-  f as OxPagination,
-  h as OxPopover,
-  N as OxProgress,
-  y as OxRadio,
-  E as OxSelect,
-  H as OxSeparator,
-  J as OxSkeleton,
-  R as OxSkeletonText,
-  U as OxSlider,
-  j as OxSpinner,
-  q as OxStatusDisplay,
-  z as OxStepper,
-  G as OxSwitch,
-  K as OxTable,
-  M as OxTabs,
-  Q as OxTextInput,
-  V as OxTextarea,
-  W as OxTimeInput,
-  X as OxTimeline,
-  Y as OxToast,
-  Z as OxToastProvider,
-  _ as OxToggle,
-  $ as OxTooltip,
-  aa as useOxFloatingContext,
-  sa as useOxToast
+  c as OxDialog,
+  g as OxDndContext,
+  b as OxDraggable,
+  D as OxDrawer,
+  S as OxDropdown,
+  C as OxDroppable,
+  P as OxEndlessList,
+  m as OxError,
+  I as OxFileUpload,
+  L as OxForm,
+  v as OxHeading,
+  h as OxHoverCard,
+  w as OxIcon,
+  A as OxImage,
+  f as OxJsonField,
+  k as OxKanban,
+  B as OxLabel,
+  F as OxLegend,
+  y as OxLink,
+  E as OxMasonry,
+  H as OxNotifications,
+  N as OxNumberInput,
+  R as OxOtpInput,
+  j as OxPageOutline,
+  J as OxPagination,
+  K as OxPopover,
+  M as OxPopper,
+  U as OxProgress,
+  q as OxRadio,
+  z as OxSelect,
+  G as OxSeparator,
+  Q as OxSkeleton,
+  V as OxSlider,
+  W as OxSortableList,
+  X as OxSpinner,
+  Y as OxStatusDisplay,
+  Z as OxStepper,
+  _ as OxSwitch,
+  $ as OxTable,
+  aa as OxTabs,
+  sa as OxTag,
+  xa as OxTextInput,
+  ea as OxTextarea,
+  Oa as OxThemeSwitcher,
+  ta as OxTimeInput,
+  oa as OxTimeline,
+  ra as OxToast,
+  na as OxToastProvider,
+  ia as OxToggle,
+  pa as OxTooltip,
+  la as OxTooltipProvider,
+  da as useDndContext,
+  ua as useOxToast,
+  Ta as useOxTooltipContext,
+  ca as usePopperContentContext,
+  ga as usePopperContext,
+  Da as usePopperState
 };

package/dist/pages/Login/Login.stories.d.ts

@@ -0,0 +1,56 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ className, error, isLoading, loadingLabel, onSubmit, passwordLabel, passwordPlaceholder, submitLabel, subtitle, title, usernameLabel, usernamePlaceholder, }: import('.').OxLoginProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    tags: string[];
+    argTypes: {
+        onSubmit: {
+            action: string;
+            description: string;
+        };
+        isLoading: {
+            control: "boolean";
+            description: string;
+        };
+        error: {
+            control: "text";
+            description: string;
+        };
+        title: {
+            control: "text";
+            description: string;
+        };
+        subtitle: {
+            control: "text";
+            description: string;
+        };
+        submitLabel: {
+            control: "text";
+            description: string;
+        };
+        loadingLabel: {
+            control: "text";
+            description: string;
+        };
+        className: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLoading: Story;
+export declare const WithError: Story;
+export declare const CustomBranding: Story;
+export declare const Minimal: Story;
+export declare const Interactive: Story;

package/dist/pages/Login/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './src/Login.types';
+export { OxLogin } from './src/Login';

package/dist/pages/Login/src/Login.d.ts

@@ -0,0 +1,2 @@
+import { OxLoginProps } from './Login.types';
+export declare const OxLogin: ({ className, error, isLoading, loadingLabel, onSubmit, passwordLabel, passwordPlaceholder, submitLabel, subtitle, title, usernameLabel, usernamePlaceholder, }: OxLoginProps) => import("react/jsx-runtime").JSX.Element;

package/dist/pages/Login/src/Login.types.d.ts

@@ -0,0 +1,18 @@
+export type OxLoginCredentials = {
+    password: string;
+    username: string;
+};
+export interface OxLoginProps {
+    className?: string;
+    error?: string;
+    isLoading?: boolean;
+    loadingLabel?: string;
+    onSubmit: (credentials: OxLoginCredentials) => void | Promise<void>;
+    passwordLabel?: string;
+    passwordPlaceholder?: string;
+    submitLabel?: string;
+    subtitle?: string;
+    title?: string;
+    usernameLabel?: string;
+    usernamePlaceholder?: string;
+}

package/dist/pages/index.d.ts

@@ -0,0 +1 @@
+export * from './Login';

package/dist/pages/pages.cjs.js

@@ -1,13 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../chunks/ui-Dfv80f9y.js"),s=require("react/jsx-runtime"),H=require("../chunks/hooks-UiKjBucd.js"),X=require("@apollo/client");require("react");const Y=require("../chunks/query-CIsrxNi-.js"),Z=X.gql`
-  mutation Login($input: LoginInput!) {
-    login(input: $input) {
-      success
-      me {
-        id
-        username
-        email
-        role
-      }
-    }
-  }
-`,ee=$=>{const e=H.compilerRuntimeExports.c(70);let o,l,a,E,v,I,S;e[0]!==$?({cacheQuery:E,className:o,mutation:v,onSubmit:l,subtitle:I,title:S,...a}=$,e[0]=$,e[1]=o,e[2]=l,e[3]=a,e[4]=E,e[5]=v,e[6]=I,e[7]=S):(o=e[1],l=e[2],a=e[3],E=e[4],v=e[5],I=e[6],S=e[7]);const B=E===void 0?Y.DEFAULT_GET_CURRENT_USER:E,M=v===void 0?Z:v,_=I===void 0?"":I,z=S===void 0?"noxickon":S;let q,T;e[8]===Symbol.for("react.memo_cache_sentinel")?(q={username:"",password:""},T={username:["required"],password:["required"]},e[8]=q,e[9]=T):(q=e[8],T=e[9]);let c;e[10]!==B?(c={update:(r,n)=>{const{data:W}=n;W?.login.success&&r.writeQuery({query:B,data:{me:W.login.me}})}},e[10]=B,e[11]=c):c=e[11];let N;e[12]!==M||e[13]!==c?(N={initialData:q,validationRules:T,operation:M,options:c},e[12]=M,e[13]=c,e[14]=N):N=e[14];const t=H.useForm(N);let F;e[15]!==t||e[16]!==l?(F=async r=>{r.preventDefault(),t.submit({onError:n=>{i.handleGraphQLFormErrors(n,t)},onSuccess:n=>{n.data&&n.data.login.success?l?.(n):console.error("Login failed: Invalid credentials")}})},e[15]=t,e[16]=l,e[17]=F):F=e[17];const P=F;let d;e[18]!==o?(d=i.cn("w-80",o),e[18]=o,e[19]=d):d=e[19];let u;e[20]!==z?(u=s.jsx("h1",{className:"px-2 font-mono text-2xl text-gray-1200",children:z}),e[20]=z,e[21]=u):u=e[21];let m;e[22]!==_?(m=_?s.jsx("p",{className:"px-2 py-1 font-mono text-xs",children:_}):null,e[22]=_,e[23]=m):m=e[23];let x;e[24]!==u||e[25]!==m?(x=s.jsxs("div",{className:"mb-4 text-center",children:[u,m]}),e[24]=u,e[25]=m,e[26]=x):x=e[26];let C;e[27]===Symbol.for("react.memo_cache_sentinel")?(C=s.jsx(i.OxLabel,{children:"username"}),e[27]=C):C=e[27];const J=t.isLoading;let p;e[28]!==t?(p=t.hasError("username"),e[28]=t,e[29]=p):p=e[29];let f;e[30]!==t?(f=r=>t.setData("username",r),e[30]=t,e[31]=f):f=e[31];let R,D;e[32]===Symbol.for("react.memo_cache_sentinel")?(R=s.jsx(i.OxTextInput.Icon,{path:i.mdiAccount}),D=s.jsx(i.OxTextInput,{autoComplete:"off",name:"username",placeholder:"Enter your username"}),e[32]=R,e[33]=D):(R=e[32],D=e[33]);let h;e[34]!==t.data.username||e[35]!==t.isLoading||e[36]!==p||e[37]!==f?(h=s.jsxs(i.OxForm.Field,{children:[C,s.jsxs(i.OxTextInput.Container,{disabled:J,error:p,required:!0,value:t.data.username,onChange:f,children:[R,D]})]}),e[34]=t.data.username,e[35]=t.isLoading,e[36]=p,e[37]=f,e[38]=h):h=e[38];let Q;e[39]===Symbol.for("react.memo_cache_sentinel")?(Q=s.jsx(i.OxLabel,{children:"password"}),e[39]=Q):Q=e[39];const K=t.isLoading;let g;e[40]!==t?(g=t.hasError("password"),e[40]=t,e[41]=g):g=e[41];let y;e[42]!==t?(y=r=>t.setData("password",r),e[42]=t,e[43]=y):y=e[43];let U,k,A;e[44]===Symbol.for("react.memo_cache_sentinel")?(U=s.jsx(i.OxTextInput.Icon,{path:i.mdiLockOutline}),k=s.jsx(i.OxTextInput,{autoComplete:"off",name:"password",placeholder:"Enter your password"}),A=s.jsx(i.OxTextInput.VisibilityButton,{}),e[44]=U,e[45]=k,e[46]=A):(U=e[44],k=e[45],A=e[46]);let b;e[47]!==t.data.password||e[48]!==t.isLoading||e[49]!==g||e[50]!==y?(b=s.jsxs(i.OxForm.Field,{children:[Q,s.jsxs(i.OxTextInput.Container,{disabled:K,error:g,required:!0,type:"password",value:t.data.password,onChange:y,children:[U,k,A]})]}),e[47]=t.data.password,e[48]=t.isLoading,e[49]=g,e[50]=y,e[51]=b):b=e[51];let L;e[52]!==t.hasErrors?(L=t.hasErrors?s.jsx(i.OxError,{children:"username or password is wrong"}):null,e[52]=t.hasErrors,e[53]=L):L=e[53];const V=t.isLoading?"Signing in...":"Sign In";let j;e[54]!==t.isLoading||e[55]!==V?(j=s.jsx(i.OxButton,{disabled:t.isLoading,fullWidth:!0,isLoading:t.isLoading,size:"sm",type:"submit",variant:"primary",children:V}),e[54]=t.isLoading,e[55]=V,e[56]=j):j=e[56];let O;e[57]!==P||e[58]!==h||e[59]!==b||e[60]!==L||e[61]!==j?(O=s.jsxs(i.OxForm,{className:"space-y-6",onSubmit:P,children:[h,b,L,j]}),e[57]=P,e[58]=h,e[59]=b,e[60]=L,e[61]=j,e[62]=O):O=e[62];let w;e[63]!==x||e[64]!==O?(w=s.jsxs("div",{className:"ox-gray-border rounded-lg bg-gray-50 p-6",children:[x,O]}),e[63]=x,e[64]=O,e[65]=w):w=e[65];let G;return e[66]!==a||e[67]!==d||e[68]!==w?(G=s.jsx("div",{className:d,...a,children:w}),e[66]=a,e[67]=d,e[68]=w,e[69]=G):G=e[69],G};exports.OxLogin=ee;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../chunks/ui-B0Ma5GdK.js"),s=require("react/jsx-runtime"),Q=require("../chunks/hooks-CNgb50x1.js");require("react");const X=require("lucide-react"),se=Y=>{const e=Q.compilerRuntimeExports.c(63),{className:Z,error:y,isLoading:V,loadingLabel:W,onSubmit:N,passwordLabel:$,passwordPlaceholder:z,submitLabel:A,subtitle:G,title:H,usernameLabel:J,usernamePlaceholder:K}=Y,r=V===void 0?!1:V,ee=W===void 0?"Signing in...":W,T=$===void 0?"password":$,P=z===void 0?"Enter your password":z,te=A===void 0?"Sign In":A,S=G===void 0?"":G,D=H===void 0?"noxickon":H,R=J===void 0?"username":J,k=K===void 0?"Enter your username":K;let q;e[0]===Symbol.for("react.memo_cache_sentinel")?(q={initialData:{password:"",username:""},validationRules:{password:["required"],username:["required"]}},e[0]=q):q=e[0];const t=Q.useFormState(q);let I;e[1]!==t||e[2]!==N?(I=async L=>{L.preventDefault(),t.validate()&&await N(t.data)},e[1]=t,e[2]=N,e[3]=I):I=e[3];const B=I,M=Z??"w-80";let a;e[4]!==D?(a=s.jsx("h1",{className:"px-2 font-mono text-2xl text-foreground",children:D}),e[4]=D,e[5]=a):a=e[5];let o;e[6]!==S?(o=S?s.jsx("p",{className:"px-2 py-1 font-mono text-xs text-muted-foreground",children:S}):null,e[6]=S,e[7]=o):o=e[7];let i;e[8]!==a||e[9]!==o?(i=s.jsxs("div",{className:"mb-4 text-center",children:[a,o]}),e[8]=a,e[9]=o,e[10]=i):i=e[10];let n;e[11]!==R?(n=s.jsx(l.OxLabel,{children:R}),e[11]=R,e[12]=n):n=e[12];let d;e[13]!==t?(d=t.hasError("username"),e[13]=t,e[14]=d):d=e[14];let c;e[15]!==t?(c=L=>t.setData("username",L),e[15]=t,e[16]=c):c=e[16];let _;e[17]===Symbol.for("react.memo_cache_sentinel")?(_=s.jsx(l.OxIcon,{icon:X.User}),e[17]=_):_=e[17];let u;e[18]!==k?(u=s.jsx(l.OxTextInput,{autoComplete:"off",name:"username",placeholder:k}),e[18]=k,e[19]=u):u=e[19];let m;e[20]!==t.data.username||e[21]!==d||e[22]!==c||e[23]!==u?(m=s.jsxs(l.OxTextInput.Container,{error:d,value:t.data.username,onChange:c,children:[_,u]}),e[20]=t.data.username,e[21]=d,e[22]=c,e[23]=u,e[24]=m):m=e[24];let x;e[25]!==r||e[26]!==n||e[27]!==m?(x=s.jsxs(l.OxForm.Field,{disabled:r,required:!0,children:[n,m]}),e[25]=r,e[26]=n,e[27]=m,e[28]=x):x=e[28];let f;e[29]!==T?(f=s.jsx(l.OxLabel,{children:T}),e[29]=T,e[30]=f):f=e[30];let p;e[31]!==t?(p=t.hasError("password"),e[31]=t,e[32]=p):p=e[32];let h;e[33]!==t?(h=L=>t.setData("password",L),e[33]=t,e[34]=h):h=e[34];let C;e[35]===Symbol.for("react.memo_cache_sentinel")?(C=s.jsx(l.OxIcon,{icon:X.Lock}),e[35]=C):C=e[35];let b;e[36]!==P?(b=s.jsx(l.OxTextInput,{autoComplete:"off",name:"password",placeholder:P}),e[36]=P,e[37]=b):b=e[37];let E;e[38]===Symbol.for("react.memo_cache_sentinel")?(E=s.jsx(l.OxTextInput.VisibilityButton,{}),e[38]=E):E=e[38];let j;e[39]!==t.data.password||e[40]!==p||e[41]!==h||e[42]!==b?(j=s.jsxs(l.OxTextInput.Container,{error:p,type:"password",value:t.data.password,onChange:h,children:[C,b,E]}),e[39]=t.data.password,e[40]=p,e[41]=h,e[42]=b,e[43]=j):j=e[43];let O;e[44]!==r||e[45]!==f||e[46]!==j?(O=s.jsxs(l.OxForm.Field,{disabled:r,required:!0,children:[f,j]}),e[44]=r,e[45]=f,e[46]=j,e[47]=O):O=e[47];let v;e[48]!==y?(v=y?s.jsx(l.OxError,{children:y}):null,e[48]=y,e[49]=v):v=e[49];const U=r?ee:te;let w;e[50]!==r||e[51]!==U?(w=s.jsx(l.OxButton,{disabled:r,fullWidth:!0,isLoading:r,type:"submit",variant:"gradient",children:U}),e[50]=r,e[51]=U,e[52]=w):w=e[52];let g;e[53]!==B||e[54]!==x||e[55]!==O||e[56]!==v||e[57]!==w?(g=s.jsxs(l.OxForm,{className:"space-y-6",onSubmit:B,children:[x,O,v,w]}),e[53]=B,e[54]=x,e[55]=O,e[56]=v,e[57]=w,e[58]=g):g=e[58];let F;return e[59]!==M||e[60]!==i||e[61]!==g?(F=s.jsxs(l.OxCard,{className:M,children:[i,g]}),e[59]=M,e[60]=i,e[61]=g,e[62]=F):F=e[62],F};exports.OxLogin=se;