@duyluonganduin/acl-web-components 0.0.10 → 0.0.12

package/dist/jsx.d.ts

@@ -0,0 +1,347 @@
+/**
+ * React JSX type declarations for @duyluonganduin/acl-web-components.
+ *
+ * Augments React.JSX.IntrinsicElements so TypeScript accepts custom elements
+ * (e.g. <anduin-button>) in .tsx files without errors.
+ *
+ * Usage — add one of these to your project:
+ *   // tsconfig.json  →  "types": ["@duyluonganduin/acl-web-components/react"]
+ *   // or a .d.ts file  →  /// <reference types="@duyluonganduin/acl-web-components/react" />
+ */
+
+import type { HTMLAttributes } from 'react'
+
+type Base = HTMLAttributes<HTMLElement>
+
+declare module 'react' {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  namespace JSX {
+    interface IntrinsicElements {
+      // ── anduin-spinner ────────────────────────────────────────────────────
+      'anduin-spinner': Base & {
+        /** 'small' | 'medium' | 'large' | 'extraLarge'  (default: 'medium') */
+        size?: string
+        /** 0–1 fill fraction; omit for indeterminate */
+        percent?: string
+      }
+
+      // ── anduin-icon ───────────────────────────────────────────────────────
+      'anduin-icon': Base & {
+        /** Icon name from the icon set */
+        name?: string
+        /** Pixel size (default: 16) */
+        size?: number | string
+      }
+
+      // ── anduin-badge ──────────────────────────────────────────────────────
+      'anduin-badge': Base & {
+        /** 'gray' | 'primary' | 'success' | 'warning' | 'danger'
+         *  | 'boldGray' | 'boldPrimary' | 'boldSuccess' | 'boldWarning' | 'boldDanger'
+         *  (default: 'gray') */
+        variant?: string
+      }
+
+      // ── anduin-badge-count ────────────────────────────────────────────────
+      'anduin-badge-count': Base & {
+        /** Same values as anduin-badge (default: 'gray') */
+        variant?: string
+        /** Numeric count; hidden when 0, capped at '99+' */
+        count?: number | string
+      }
+
+      // ── anduin-button ─────────────────────────────────────────────────────
+      'anduin-button': Base & {
+        /** 'filled' | 'outlined' | 'plain' | 'text'  (default: 'filled') */
+        appearance?: 'filled' | 'outlined' | 'plain' | 'text'
+        /** 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning' */
+        variant?: 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning'
+        /** 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' | 'free'  (default: 'medium') */
+        size?: 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' | 'free'
+        disabled?: boolean | string
+        loading?: boolean | string
+        'full-width'?: boolean | string
+        pill?: boolean | string
+        selected?: boolean | string
+        /** Renders an <a> tag when provided */
+        href?: string
+        'open-new-tab'?: boolean | string
+        download?: string
+        /** anduin-icon name placed before the label */
+        'start-icon'?: string
+        /** anduin-icon name placed after the label */
+        'end-icon'?: string
+        /** aria-label shorthand */
+        label?: string
+      }
+
+      // ── anduin-callout ────────────────────────────────────────────────────
+      'anduin-callout': Base & {
+        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning'  (default: 'gray') */
+        variant?: string
+      }
+
+      // ── anduin-divider ────────────────────────────────────────────────────
+      'anduin-divider': Base & {
+        /** 'horizontal' | 'vertical'  (default: 'horizontal') */
+        direction?: 'horizontal' | 'vertical'
+      }
+
+      // ── anduin-dot ────────────────────────────────────────────────────────
+      'anduin-dot': Base & {
+        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning'  (default: 'gray') */
+        variant?: string
+      }
+
+      // ── anduin-progress ───────────────────────────────────────────────────
+      'anduin-progress': Base & {
+        /** 0–1 fill fraction; omit for indeterminate */
+        percent?: string
+        /** 'medium' | 'large'  (default: 'medium') */
+        height?: string
+      }
+
+      // ── anduin-skeleton ───────────────────────────────────────────────────
+      'anduin-skeleton': Base & {
+        /** 'pulse' | 'wave'  (default: 'pulse') */
+        effect?: string
+        /** 'rectangle' | 'rounded' | 'circle' | 'text'  (default: 'rectangle') */
+        shape?: string
+        height?: string
+        width?: string
+        /** Animation duration in ms (default: 1500) */
+        duration?: number | string
+        /** CSS font-size for shape='text' */
+        'font-size'?: string
+      }
+
+      // ── anduin-loading-state ──────────────────────────────────────────────
+      'anduin-loading-state': Base & {
+        /** CSS height of the container (default: '256px') */
+        height?: string
+      }
+
+      // ── anduin-field ──────────────────────────────────────────────────────
+      'anduin-field': Base & {
+        /** 'vertical' | 'horizontal'  (default: 'vertical') */
+        orientation?: 'vertical' | 'horizontal'
+      }
+
+      // ── anduin-field-label ────────────────────────────────────────────────
+      'anduin-field-label': Base & {
+        /** id of the associated input (mirrors <label for="…">) */
+        htmlfor?: string
+        required?: boolean | string
+      }
+
+      // ── anduin-field-description ──────────────────────────────────────────
+      'anduin-field-description': Base
+
+      // ── anduin-field-error ────────────────────────────────────────────────
+      'anduin-field-error': Base
+
+      // ── anduin-field-group ────────────────────────────────────────────────
+      'anduin-field-group': Base
+
+      // ── anduin-checkbox ───────────────────────────────────────────────────
+      'anduin-checkbox': Base & {
+        checked?: boolean | string
+        disabled?: boolean | string
+        indeterminate?: boolean | string
+        readonly?: boolean | string
+        /** id linking this checkbox to an anduin-field-label */
+        inputid?: string
+      }
+
+      // ── anduin-input ──────────────────────────────────────────────────────
+      'anduin-input': Base & {
+        value?: string
+        /** 'small' | 'default' | 'large'  (default: 'default') */
+        size?: 'small' | 'default' | 'large'
+        disabled?: boolean | string
+        readonly?: boolean | string
+        placeholder?: string
+        /** id attribute on the inner <input> */
+        inputid?: string
+        /** 'valid' | 'invalid' | 'warning' | 'loading' */
+        status?: string
+        /** anduin-icon name shown on the left */
+        'start-icon'?: string
+        /** anduin-icon name shown on the right */
+        'end-icon'?: string
+        /** Show a clear button when value is non-empty */
+        clearable?: boolean | string
+      }
+
+      // ── anduin-textarea ───────────────────────────────────────────────────
+      'anduin-textarea': Base & {
+        value?: string
+        disabled?: boolean | string
+        readonly?: boolean | string
+        placeholder?: string
+        /** id attribute on the inner <textarea> */
+        inputid?: string
+        rows?: number | string
+        /** 'valid' | 'invalid' | 'warning' | 'loading' */
+        status?: string
+      }
+
+      // ── anduin-popover ────────────────────────────────────────────────────
+      'anduin-popover': Base & {
+        /** Whether the panel is open (default: false) */
+        open?: boolean | string
+        /** 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end'  (default: 'bottom-start') */
+        placement?: string
+      }
+
+      // ── anduin-menu ───────────────────────────────────────────────────────
+      'anduin-menu': Base & {
+        /** Whether the menu is open (default: false) */
+        open?: boolean | string
+        /** 'bottom-start' | 'bottom' | 'bottom-end' | 'top-start' | 'top' | 'top-end'  (default: 'bottom-start') */
+        placement?: string
+      }
+
+      // ── anduin-menu-item ──────────────────────────────────────────────────
+      'anduin-menu-item': Base & {
+        /** anduin-icon name shown before the label */
+        icon?: string
+        /** 'default' | 'danger'  (default: 'default') */
+        variant?: 'default' | 'danger'
+        disabled?: boolean | string
+      }
+
+      // ── anduin-tabs ───────────────────────────────────────────────────────
+      'anduin-tabs': Base & {
+        /** Initially active tab value */
+        'default-value'?: string
+        /** Controlled active tab value */
+        value?: string
+        /** Stretch tabs + active panel to fill parent height */
+        fill?: boolean | string
+      }
+
+      // ── anduin-tabs-list ──────────────────────────────────────────────────
+      'anduin-tabs-list': Base & {
+        /** 'left' | 'center' | 'right'  (default: 'left') */
+        alignment?: 'left' | 'center' | 'right'
+      }
+
+      // ── anduin-tab-trigger ────────────────────────────────────────────────
+      'anduin-tab-trigger': Base & {
+        /** Must match a corresponding anduin-tab-content value */
+        value?: string
+        /** anduin-icon name */
+        'start-icon'?: string
+        disabled?: boolean | string
+        /** Show a count badge on the trigger */
+        'show-badge'?: boolean | string
+        /** Text shown inside the badge */
+        'badge-count'?: string
+      }
+
+      // ── anduin-tab-content ────────────────────────────────────────────────
+      'anduin-tab-content': Base & {
+        /** Must match a corresponding anduin-tab-trigger value */
+        value?: string
+      }
+
+      // ── anduin-tag ────────────────────────────────────────────────────────
+      'anduin-tag': Base & {
+        /** See TagVariant in anduin-tag.ts for all accepted values (default: 'gray') */
+        variant?: string
+        /** anduin-icon name shown before the label */
+        icon?: string
+        disabled?: boolean | string
+      }
+
+      // ── anduin-tag-close ──────────────────────────────────────────────────
+      'anduin-tag-close': Base
+
+      // ── anduin-tooltip ────────────────────────────────────────────────────
+      'anduin-tooltip': Base & {
+        disabled?: boolean | string
+        /** e.g. 'top-center' | 'bottom-start' | 'right-end' … (default: 'top-center') */
+        placement?: string
+      }
+
+      // ── anduin-tooltip-trigger ────────────────────────────────────────────
+      'anduin-tooltip-trigger': Base
+
+      // ── anduin-tooltip-content ────────────────────────────────────────────
+      'anduin-tooltip-content': Base
+
+      // ── anduin-well ───────────────────────────────────────────────────────
+      'anduin-well': Base & {
+        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning'  (default: 'gray') */
+        variant?: string
+      }
+
+      // ── anduin-well-close ─────────────────────────────────────────────────
+      'anduin-well-close': Base
+
+      // ── anduin-modal ──────────────────────────────────────────────────────
+      'anduin-modal': Base & {
+        /** Whether the modal is open */
+        open?: boolean | string
+        /** Modal title text */
+        heading?: string
+        /** Max-width preset: '480' | '600' | '720' | '960' | '1160', or any CSS value (default: '480') */
+        'max-width'?: '480' | '600' | '720' | '960' | '1160' | string
+        /** Hide the header (title + close button) */
+        'hide-header'?: boolean | string
+        /** Hide the footer slot container */
+        'hide-footer'?: boolean | string
+        /** Cover the full viewport; hides overlay and removes border-radius */
+        fullscreen?: boolean | string
+        /** Fired when the modal should close (X, overlay click, or anduin-modal-close).
+         *  Import MODAL_CLOSE_EVENT for the event name string.
+         *  @example ref.current.addEventListener(MODAL_CLOSE_EVENT, () => setOpen(false)) */
+      }
+
+      // ── anduin-modal-close ────────────────────────────────────────────────
+      'anduin-modal-close': Base
+
+      // ── anduin-avatar ─────────────────────────────────────────────────────
+      'anduin-avatar': Base & {
+        /** Image URL */
+        src?: string
+        /** Name used for initials and color */
+        name?: string
+        /** Alt text for the image */
+        alt?: string
+        /** anduin-icon name to show instead of initials */
+        icon?: string
+        /** 16 | 20 | 24 | 32  (default: 32) */
+        size?: 16 | 20 | 24 | 32 | string
+        /** 'circle' | 'rounded'  (default: 'circle') */
+        shape?: 'circle' | 'rounded'
+      }
+
+      // ── anduin-toast ──────────────────────────────────────────────────────
+      'anduin-toast': Base & {
+        /** 'gray' | 'primary' | 'success' | 'warning' | 'danger'  (default: 'gray') */
+        variant?: 'gray' | 'primary' | 'success' | 'warning' | 'danger'
+        /** Bold title text */
+        heading?: string
+        /** Body text (or use slot content) */
+        description?: string
+      }
+
+      // ── anduin-toaster ────────────────────────────────────────────────────
+      'anduin-toaster': Base & {
+        /** 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right'  (default: 'top-right') */
+        position?: string
+      }
+
+      // ── anduin-file-icon ──────────────────────────────────────────────────
+      'anduin-file-icon': Base & {
+        /** 'archive' | 'audio' | 'blueprint' | 'box' | 'csv' | 'excel' | 'folder'
+         *  | 'folder-empty' | 'form' | 'generic' | 'image' | 'link' | 'pdf'
+         *  | 'powerpoint' | 'signed' | 'text' | 'video' | 'word' */
+        type?: string
+        /** 16 | 24 | 32  (default: 32) */
+        size?: 16 | 24 | 32 | string
+      }
+    }
+  }
+}

package/dist/react.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-toast-BajvdhLP.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),s=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),l=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),i=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),r=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),C=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),c=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),m=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),g=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),p=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),A=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),T=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),N=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),E=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),_=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),I=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),b=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),v=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),M=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem,events:{onClick:e.MENU_ITEM_CLICK}}),S=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT}}),F=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),G=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),O=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),P=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),B=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),H=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),D=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),K=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),k=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),U=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),W=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),h=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),x=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),f=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),R=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),X=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=x;exports.Badge=s;exports.BadgeCount=l;exports.Button=i;exports.Callout=r;exports.Checkbox=E;exports.Divider=C;exports.Dot=c;exports.Field=g;exports.FieldDescription=A;exports.FieldError=T;exports.FieldGroup=N;exports.FieldLabel=p;exports.FileIcon=f;exports.Icon=o;exports.Input=L;exports.LoadingState=u;exports.Menu=v;exports.MenuItem=M;exports.Modal=S;exports.ModalClose=F;exports.Popover=I;exports.PopoverClose=b;exports.Progress=d;exports.Skeleton=m;exports.Spinner=a;exports.TabContent=B;exports.TabTrigger=P;exports.Tabs=G;exports.TabsList=O;exports.Tag=H;exports.TagClose=D;exports.Textarea=_;exports.Toast=R;exports.Toaster=X;exports.Tooltip=K;exports.TooltipContent=U;exports.TooltipTrigger=k;exports.Well=W;exports.WellClose=h;