@kismet-ux/constellation 1.7.0 → 1.8.0

package/dist/form/Input/input.css

@@ -46,6 +46,30 @@
   transition: border-color 0.3s ease, box-shadow 0.3s ease;
   width: 100%;
 }
+.input-module_container__bycn1 .input-module_input-container__nw0Oc .input-module_ghost-wrap__pHzia {
+  display: flex;
+  flex-grow: 1;
+  min-width: 0;
+  position: relative;
+}
+.input-module_container__bycn1 .input-module_input-container__nw0Oc {
+  /*
+   * Shares the field's box exactly: same font (inherited), `inset: 0` on a
+   * wrapper that IS the field's box, and `white-space: pre` so runs of
+   * spaces in the tail are not collapsed away and the offset stays true.
+   */
+}
+.input-module_container__bycn1 .input-module_input-container__nw0Oc .input-module_ghost__yVtI- {
+  color: var(--text-disabled);
+  inset: 0;
+  overflow: hidden;
+  pointer-events: none;
+  position: absolute;
+  white-space: pre;
+}
+.input-module_container__bycn1 .input-module_input-container__nw0Oc .input-module_ghost-typed__r9NZN {
+  visibility: hidden;
+}
 .input-module_container__bycn1 .input-module_input-container__nw0Oc input,
 .input-module_container__bycn1 .input-module_input-container__nw0Oc textarea {
   background: none;
@@ -55,6 +79,14 @@
   font-size: inherit;
   min-width: 0;
   outline: none !important;
+}
+.input-module_container__bycn1 .input-module_input-container__nw0Oc input--ghosted,
+.input-module_container__bycn1 .input-module_input-container__nw0Oc textarea--ghosted {
+  background: transparent;
+  position: relative;
+}
+.input-module_container__bycn1 .input-module_input-container__nw0Oc input,
+.input-module_container__bycn1 .input-module_input-container__nw0Oc textarea {
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;

package/dist/form/Input/input.d.ts

@@ -8,6 +8,23 @@ export interface InputBaseProps {
     helperText?: string;
     startAdornment?: React.ReactNode;
     endAdornment?: React.ReactNode;
+    /**
+     * Inline completion drawn behind the caret — the TAIL only, not the whole
+     * word. `value='Avo'` with `ghost='cado'` reads as "Avocado", the suggestion
+     * dimmed.
+     *
+     * The component owns the alignment; you own the policy. What to suggest and
+     * which key accepts it are decisions about your data and your users (a phone
+     * has a spacebar under the thumb and no Tab), so they stay with the caller.
+     * Accept by setting `value` to the completed string in your own `onKeyDown`.
+     *
+     * Pass `''` (not `undefined`) for "nothing to suggest right now": the
+     * element structure stays stable, so the field is never remounted mid-word.
+     *
+     * Ignored for `type='textarea'` — a ghost cannot follow a caret across
+     * wrapped lines without measuring, which is a different component.
+     */
+    ghost?: string;
 }
 type InputFieldProps = InputBaseProps & React.InputHTMLAttributes<HTMLInputElement> & {
     type?: Exclude<InputType, 'textarea'>;

package/dist/form/Input/input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/form/Input/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,KAAK,SAAS,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,KAAK,eAAe,GAAG,cAAc,GACnC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,KAAK,aAAa,GAAG,cAAc,GACjC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IAClD,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAGJ,KAAK,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC;AAGlD,QAAA,MAAM,KAAK,2GAwHV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/form/Input/input.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpC,KAAK,SAAS,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC;AAElF,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B;;;;;;;;;;;;;;;OAeG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,eAAe,GAAG,cAAc,GACnC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IACtC,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,KAAK,aAAa,GAAG,cAAc,GACjC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG;IAClD,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAGJ,KAAK,UAAU,GAAG,eAAe,GAAG,aAAa,CAAC;AAGlD,QAAA,MAAM,KAAK,2GAgKV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/form/Input/input.js

@@ -7,7 +7,7 @@ import * as React from 'react';
 import inputStyles from './input.module.scss.js';
 
 // The Custom Input Component
-const Input = React.forwardRef(({ label, sizeVariant, error = false, helperText, startAdornment, endAdornment, id, type = 'text', rows, onFocus, onBlur, ...rest }, ref) => {
+const Input = React.forwardRef(({ label, sizeVariant, error = false, helperText, startAdornment, endAdornment, id, type = 'text', rows, ghost, onFocus, onBlur, ...rest }, ref) => {
     const { isBelow } = useBreakpoint();
     /*
      * Compose rather than let the caller's handler win.
@@ -32,7 +32,25 @@ const Input = React.forwardRef(({ label, sizeVariant, error = false, helperText,
     const isTextArea = type === 'textarea';
     const [isFocused, setIsFocused] = React.useState(false);
     const containerClasses = cn(inputStyles.container, inputStyles[resolvedSize], { [inputStyles.error]: error }, { [inputStyles.disabled]: rest.disabled }, { [inputStyles.placeholder]: rest.placeholder }, { [inputStyles['is-focused']]: isFocused }, { [inputStyles['has-value']]: rest.value });
-    return (jsxs("div", { "data-slot": 'input', "data-constellation-field": true, className: containerClasses, children: [jsxs("div", { className: cn(inputStyles['input-container'], isTextArea && inputStyles['textarea-container']), children: [startAdornment && (jsx("span", { "data-slot": 'input-start-adornment', className: inputStyles['adornment'], children: startAdornment })), jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: inputId, children: [label, (rest['aria-required'] || rest.required) && jsx("span", { className: inputStyles.required, children: "*" })] }) }), isTextArea ? (jsx("textarea", { "data-slot": 'input-field', id: inputId, className: inputStyles['input-field'], "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperId, onFocus: handleFocus, onBlur: handleBlur, ref: ref, rows: rows, ...rest })) : (jsx("input", { "data-slot": 'input-field', id: inputId, className: inputStyles['input-field'], "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperId, onFocus: handleFocus, onBlur: handleBlur, ref: ref, type: type, ...rest })), endAdornment && (jsx("span", { "data-slot": 'input-end-adornment', className: inputStyles['adornment'], children: endAdornment }))] }), helperText && (jsx(Typography, { "data-slot": 'input-helper-text', id: helperId, variant: 'caption', className: inputStyles['helper-text'], children: helperText }))] }));
+    return (jsxs("div", { "data-slot": 'input', "data-constellation-field": true, className: containerClasses, children: [jsxs("div", { className: cn(inputStyles['input-container'], isTextArea && inputStyles['textarea-container']), children: [startAdornment && (jsx("span", { "data-slot": 'input-start-adornment', className: inputStyles['adornment'], children: startAdornment })), jsx("div", { className: inputStyles['label-container'], children: jsxs(Label, { htmlFor: inputId, children: [label, (rest['aria-required'] || rest.required) && jsx("span", { className: inputStyles.required, children: "*" })] }) }), isTextArea ? (jsx("textarea", { "data-slot": 'input-field', id: inputId, className: inputStyles['input-field'], "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperId, onFocus: handleFocus, onBlur: handleBlur, ref: ref, rows: rows, ...rest })) : ghost !== undefined ? (
+                    /*
+                     * The ghost is drawn by re-rendering the typed value INVISIBLY and
+                     * letting the suggestion follow it, so the two share one text flow
+                     * and the ghost lands exactly where the caret is — no measuring, and
+                     * nothing to drift when the font or padding changes.
+                     *
+                     * The wrapper exists so `inset: 0` means the input's box rather than
+                     * the container's, which would be off by the padding and by any
+                     * start adornment.
+                     *
+                     * Branching on `ghost !== undefined` rather than on the string being
+                     * non-empty is load-bearing: a suggestion appears and disappears as
+                     * you type, and switching JSX shape underneath a live field makes
+                     * React unmount and remount the input — which drops focus, the
+                     * caret and any IME composition mid-word. Pass `ghost=''` for "no
+                     * suggestion right now" and the element stays put.
+                     */
+                    jsxs("span", { className: inputStyles['ghost-wrap'], children: [ghost ? (jsxs("span", { "aria-hidden": 'true', className: inputStyles['ghost'], children: [jsx("span", { className: inputStyles['ghost-typed'], children: String(rest.value ?? '') }), ghost] })) : null, jsx("input", { "data-slot": 'input-field', id: inputId, className: cn(inputStyles['input-field'], ghost && inputStyles['input-field--ghosted']), "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperId, "aria-autocomplete": 'inline', onFocus: handleFocus, onBlur: handleBlur, ref: ref, type: type, ...rest })] })) : (jsx("input", { "data-slot": 'input-field', id: inputId, className: inputStyles['input-field'], "aria-invalid": error ? 'true' : undefined, "aria-describedby": helperId, onFocus: handleFocus, onBlur: handleBlur, ref: ref, type: type, ...rest })), endAdornment && (jsx("span", { "data-slot": 'input-end-adornment', className: inputStyles['adornment'], children: endAdornment }))] }), helperText && (jsx(Typography, { "data-slot": 'input-helper-text', id: helperId, variant: 'caption', className: inputStyles['helper-text'], children: helperText }))] }));
 });
 Input.displayName = 'Input';
 

package/dist/form/Input/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../src/form/Input/input.tsx"],"sourcesContent":["import { Label } from '@constellation/form/Label';\nimport { useBreakpoint } from '@constellation/hooks/use-mobile';\nimport { Typography } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './input.module.scss';\n\n// Define the possible size variants\ntype InputSize = 'sm' | 'md' | 'lg';\n\ntype InputType = React.InputHTMLAttributes<HTMLInputElement>['type'] | 'textarea';\n\nexport interface InputBaseProps {\n  label?: string;\n  sizeVariant?: InputSize;\n  error?: boolean;\n  helperText?: string;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n}\n\ntype InputFieldProps = InputBaseProps &\n  React.InputHTMLAttributes<HTMLInputElement> & {\n    type?: Exclude<InputType, 'textarea'>;\n    rows?: never;\n  };\n\ntype TextAreaProps = InputBaseProps &\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    type: 'textarea';\n    rows?: number;\n  };\n\n// Define the component's prop interface\ntype InputProps = InputFieldProps | TextAreaProps;\n\n// The Custom Input Component\nconst Input = React.forwardRef<HTMLInputElement | HTMLTextAreaElement, InputProps>(\n  (\n    {\n      label,\n      sizeVariant,\n      error = false,\n      helperText,\n      startAdornment,\n      endAdornment,\n      id,\n      type = 'text',\n      rows,\n      onFocus,\n      onBlur,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { isBelow } = useBreakpoint();\n\n    /*\n     * Compose rather than let the caller's handler win.\n     *\n     * These used to be set before `{...rest}` spread over them, so any consumer\n     * passing `onFocus` — to select-all on entry, say — silently replaced the\n     * one driving the floating label, and the label stopped animating with no\n     * error to point at it.\n     */\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement & HTMLTextAreaElement>) => {\n      setIsFocused(true);\n      onFocus?.(event);\n    };\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement & HTMLTextAreaElement>) => {\n      setIsFocused(false);\n      onBlur?.(event);\n    };\n    const generatedId = React.useId();\n    const inputId = id ?? generatedId;\n    const helperId = helperText ? `${inputId}-helper` : undefined;\n    const resolvedSize =\n      sizeVariant === 'md' && isBelow(900) ? 'sm' : (sizeVariant ?? (isBelow(900) ? 'sm' : 'md'));\n    const isTextArea = type === 'textarea';\n    const [isFocused, setIsFocused] = React.useState(false);\n\n    const containerClasses = cn(\n      s.container,\n      s[resolvedSize],\n      { [s.error]: error },\n      { [s.disabled]: rest.disabled },\n      { [s.placeholder]: rest.placeholder },\n      { [s['is-focused']]: isFocused },\n      { [s['has-value']]: rest.value },\n    );\n\n    return (\n      <div data-slot={'input'} data-constellation-field className={containerClasses}>\n        <div className={cn(s['input-container'], isTextArea && s['textarea-container'])}>\n          {/* Start Adornment */}\n          {startAdornment && (\n            <span data-slot={'input-start-adornment'} className={s['adornment']}>\n              {startAdornment}\n            </span>\n          )}\n\n          <div className={s['label-container']}>\n            <Label htmlFor={inputId}>\n              {label}\n              {(rest['aria-required'] || rest.required) && <span className={s.required}>*</span>}\n            </Label>\n          </div>\n          {isTextArea ? (\n            <textarea\n              data-slot={'input-field'}\n              id={inputId}\n              className={s['input-field']}\n              aria-invalid={error ? 'true' : undefined}\n              aria-describedby={helperId}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              ref={ref as React.Ref<HTMLTextAreaElement>}\n              rows={rows}\n              {...(rest as React.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n            />\n          ) : (\n            <input\n              data-slot={'input-field'}\n              id={inputId}\n              className={s['input-field']}\n              aria-invalid={error ? 'true' : undefined}\n              aria-describedby={helperId}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              ref={ref as React.Ref<HTMLInputElement>}\n              type={type}\n              {...(rest as React.InputHTMLAttributes<HTMLInputElement>)}\n            />\n          )}\n\n          {/* End Adornment */}\n          {endAdornment && (\n            <span data-slot={'input-end-adornment'} className={s['adornment']}>\n              {endAdornment}\n            </span>\n          )}\n        </div>\n\n        {/* Helper Text */}\n        {helperText && (\n          <Typography\n            data-slot={'input-helper-text'}\n            id={helperId}\n            variant={'caption'}\n            className={s['helper-text']}\n          >\n            {helperText}\n          </Typography>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":["s","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"input.js","sources":["../../../src/form/Input/input.tsx"],"sourcesContent":["import { Label } from '@constellation/form/Label';\nimport { useBreakpoint } from '@constellation/hooks/use-mobile';\nimport { Typography } from '@constellation/typography/Typography';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport s from './input.module.scss';\n\n// Define the possible size variants\ntype InputSize = 'sm' | 'md' | 'lg';\n\ntype InputType = React.InputHTMLAttributes<HTMLInputElement>['type'] | 'textarea';\n\nexport interface InputBaseProps {\n  label?: string;\n  sizeVariant?: InputSize;\n  error?: boolean;\n  helperText?: string;\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  /**\n   * Inline completion drawn behind the caret — the TAIL only, not the whole\n   * word. `value='Avo'` with `ghost='cado'` reads as \"Avocado\", the suggestion\n   * dimmed.\n   *\n   * The component owns the alignment; you own the policy. What to suggest and\n   * which key accepts it are decisions about your data and your users (a phone\n   * has a spacebar under the thumb and no Tab), so they stay with the caller.\n   * Accept by setting `value` to the completed string in your own `onKeyDown`.\n   *\n   * Pass `''` (not `undefined`) for \"nothing to suggest right now\": the\n   * element structure stays stable, so the field is never remounted mid-word.\n   *\n   * Ignored for `type='textarea'` — a ghost cannot follow a caret across\n   * wrapped lines without measuring, which is a different component.\n   */\n  ghost?: string;\n}\n\ntype InputFieldProps = InputBaseProps &\n  React.InputHTMLAttributes<HTMLInputElement> & {\n    type?: Exclude<InputType, 'textarea'>;\n    rows?: never;\n  };\n\ntype TextAreaProps = InputBaseProps &\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n    type: 'textarea';\n    rows?: number;\n  };\n\n// Define the component's prop interface\ntype InputProps = InputFieldProps | TextAreaProps;\n\n// The Custom Input Component\nconst Input = React.forwardRef<HTMLInputElement | HTMLTextAreaElement, InputProps>(\n  (\n    {\n      label,\n      sizeVariant,\n      error = false,\n      helperText,\n      startAdornment,\n      endAdornment,\n      id,\n      type = 'text',\n      rows,\n      ghost,\n      onFocus,\n      onBlur,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { isBelow } = useBreakpoint();\n\n    /*\n     * Compose rather than let the caller's handler win.\n     *\n     * These used to be set before `{...rest}` spread over them, so any consumer\n     * passing `onFocus` — to select-all on entry, say — silently replaced the\n     * one driving the floating label, and the label stopped animating with no\n     * error to point at it.\n     */\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement & HTMLTextAreaElement>) => {\n      setIsFocused(true);\n      onFocus?.(event);\n    };\n    const handleBlur = (event: React.FocusEvent<HTMLInputElement & HTMLTextAreaElement>) => {\n      setIsFocused(false);\n      onBlur?.(event);\n    };\n    const generatedId = React.useId();\n    const inputId = id ?? generatedId;\n    const helperId = helperText ? `${inputId}-helper` : undefined;\n    const resolvedSize =\n      sizeVariant === 'md' && isBelow(900) ? 'sm' : (sizeVariant ?? (isBelow(900) ? 'sm' : 'md'));\n    const isTextArea = type === 'textarea';\n    const [isFocused, setIsFocused] = React.useState(false);\n\n    const containerClasses = cn(\n      s.container,\n      s[resolvedSize],\n      { [s.error]: error },\n      { [s.disabled]: rest.disabled },\n      { [s.placeholder]: rest.placeholder },\n      { [s['is-focused']]: isFocused },\n      { [s['has-value']]: rest.value },\n    );\n\n    return (\n      <div data-slot={'input'} data-constellation-field className={containerClasses}>\n        <div className={cn(s['input-container'], isTextArea && s['textarea-container'])}>\n          {/* Start Adornment */}\n          {startAdornment && (\n            <span data-slot={'input-start-adornment'} className={s['adornment']}>\n              {startAdornment}\n            </span>\n          )}\n\n          <div className={s['label-container']}>\n            <Label htmlFor={inputId}>\n              {label}\n              {(rest['aria-required'] || rest.required) && <span className={s.required}>*</span>}\n            </Label>\n          </div>\n          {isTextArea ? (\n            <textarea\n              data-slot={'input-field'}\n              id={inputId}\n              className={s['input-field']}\n              aria-invalid={error ? 'true' : undefined}\n              aria-describedby={helperId}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              ref={ref as React.Ref<HTMLTextAreaElement>}\n              rows={rows}\n              {...(rest as React.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n            />\n          ) : ghost !== undefined ? (\n            /*\n             * The ghost is drawn by re-rendering the typed value INVISIBLY and\n             * letting the suggestion follow it, so the two share one text flow\n             * and the ghost lands exactly where the caret is — no measuring, and\n             * nothing to drift when the font or padding changes.\n             *\n             * The wrapper exists so `inset: 0` means the input's box rather than\n             * the container's, which would be off by the padding and by any\n             * start adornment.\n             *\n             * Branching on `ghost !== undefined` rather than on the string being\n             * non-empty is load-bearing: a suggestion appears and disappears as\n             * you type, and switching JSX shape underneath a live field makes\n             * React unmount and remount the input — which drops focus, the\n             * caret and any IME composition mid-word. Pass `ghost=''` for \"no\n             * suggestion right now\" and the element stays put.\n             */\n            <span className={s['ghost-wrap']}>\n              {ghost ? (\n                <span aria-hidden={'true'} className={s['ghost']}>\n                  <span className={s['ghost-typed']}>{String(rest.value ?? '')}</span>\n                  {ghost}\n                </span>\n              ) : null}\n              <input\n                data-slot={'input-field'}\n                id={inputId}\n                className={cn(s['input-field'], ghost && s['input-field--ghosted'])}\n                aria-invalid={error ? 'true' : undefined}\n                aria-describedby={helperId}\n                aria-autocomplete={'inline'}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                ref={ref as React.Ref<HTMLInputElement>}\n                type={type}\n                {...(rest as React.InputHTMLAttributes<HTMLInputElement>)}\n              />\n            </span>\n          ) : (\n            <input\n              data-slot={'input-field'}\n              id={inputId}\n              className={s['input-field']}\n              aria-invalid={error ? 'true' : undefined}\n              aria-describedby={helperId}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n              ref={ref as React.Ref<HTMLInputElement>}\n              type={type}\n              {...(rest as React.InputHTMLAttributes<HTMLInputElement>)}\n            />\n          )}\n\n          {/* End Adornment */}\n          {endAdornment && (\n            <span data-slot={'input-end-adornment'} className={s['adornment']}>\n              {endAdornment}\n            </span>\n          )}\n        </div>\n\n        {/* Helper Text */}\n        {helperText && (\n          <Typography\n            data-slot={'input-helper-text'}\n            id={helperId}\n            variant={'caption'}\n            className={s['helper-text']}\n          >\n            {helperText}\n          </Typography>\n        )}\n      </div>\n    );\n  },\n);\n\nInput.displayName = 'Input';\n\nexport { Input };\n"],"names":["s","_jsxs","_jsx"],"mappings":"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"}

package/dist/form/Input/input.module.scss.js

@@ -1,6 +1,6 @@
 import './input.css';
 
-var inputStyles = {"container":"input-module_container__bycn1","label-container":"input-module_label-container__SngtG","required":"input-module_required__J1bMP","input-container":"input-module_input-container__nw0Oc","adornment":"input-module_adornment__cO4v1","textarea-container":"input-module_textarea-container__cc9-3","helper-text":"input-module_helper-text__DvzFI","is-focused":"input-module_is-focused__08nzj","error":"input-module_error__ftn_q","disabled":"input-module_disabled__9RjjE","sm":"input-module_sm__AtYYB","placeholder":"input-module_placeholder__I29pr","has-value":"input-module_has-value__juKDe","md":"input-module_md__nPnVp","lg":"input-module_lg__dC2Tp"};
+var inputStyles = {"container":"input-module_container__bycn1","label-container":"input-module_label-container__SngtG","required":"input-module_required__J1bMP","input-container":"input-module_input-container__nw0Oc","ghost-wrap":"input-module_ghost-wrap__pHzia","ghost":"input-module_ghost__yVtI-","ghost-typed":"input-module_ghost-typed__r9NZN","adornment":"input-module_adornment__cO4v1","textarea-container":"input-module_textarea-container__cc9-3","helper-text":"input-module_helper-text__DvzFI","is-focused":"input-module_is-focused__08nzj","error":"input-module_error__ftn_q","disabled":"input-module_disabled__9RjjE","sm":"input-module_sm__AtYYB","placeholder":"input-module_placeholder__I29pr","has-value":"input-module_has-value__juKDe","md":"input-module_md__nPnVp","lg":"input-module_lg__dC2Tp"};
 
 export { inputStyles as default };
 //# sourceMappingURL=input.module.scss.js.map

package/dist/form.d.ts

@@ -1,5 +1,5 @@
-export { C as Checkbox, a as CheckboxProps, D as DatePicker, L as Label, c as LabelProps, S as Select, e as SelectContent, g as SelectField, i as SelectGroup, j as SelectItem, m as SelectSeparator, o as SelectTrigger, p as SelectValue } from './index-Bexoc2w4.js';
-export { I as Input, a as InputBaseProps } from './input-CWHXOpeH.js';
+export { C as Checkbox, a as CheckboxProps, D as DatePicker, L as Label, c as LabelProps, S as Select, e as SelectContent, g as SelectField, i as SelectGroup, j as SelectItem, m as SelectSeparator, o as SelectTrigger, p as SelectValue } from './index-ibcvWtdH.js';
+export { I as Input, a as InputBaseProps } from './input-Cp5LET5i.js';
 import 'react';
 import 'class-variance-authority';
 import 'class-variance-authority/types';

package/dist/{index-K2b259WI.d.ts → index-BSSQnlm_.d.ts}

@@ -2,8 +2,8 @@ import * as React from 'react';
 import React__default from 'react';
 import { d as SidebarSection, S as SidebarNavItem, B as BreadcrumbItemData, c as NavUserProps } from './nav-user-CJIcWKyY.js';
 import { R as RowProps } from './row-CS9-talZ.js';
-import { I as Input } from './input-CWHXOpeH.js';
-import { b as TooltipContent, B as Button } from './tooltip-CYRWWtkq.js';
+import { I as Input } from './input-Cp5LET5i.js';
+import { b as TooltipContent, B as Button } from './tooltip-XagXjWLB.js';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 

package/dist/{index-IHzHSsCh.d.ts → index-CkQ6wNCc.d.ts}

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import React__default, { ReactNode } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import './tooltip-CYRWWtkq.js';
+import './tooltip-XagXjWLB.js';
 import { e as TypographyVariant } from './typography-DOZHFR5A.js';
 
 type AlertTheme = 'default' | 'primary' | 'secondary' | 'success' | 'destructive' | 'warning' | 'info' | 'slate';
@@ -45,7 +45,7 @@ type SortContextValue = {
 };
 
 declare const alertVariants: (props?: ({
-    theme?: "default" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "default" | "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface AlertProps extends VariantProps<typeof alertVariants> {
@@ -85,7 +85,7 @@ type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const chipVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
     variant?: "soft" | "outline" | "solid" | null | undefined;
     size?: "2xs" | "xs" | "sm" | "md" | null | undefined;
     shape?: "pill" | "rounded" | null | undefined;
@@ -114,7 +114,7 @@ interface ChipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<
 declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const codeBlockVariants: (props?: ({
-    theme?: "default" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "default" | "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -187,7 +187,7 @@ declare function DialogPortal({ children }: {
 }): React.JSX.Element;
 
 declare const emptyStateVariants: (props?: ({
-    theme?: "default" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "default" | "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -205,7 +205,7 @@ declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & Reac
 
 declare const iconVariants: (props?: ({
     variant?: "contained" | "outlined" | "ghost" | "plain" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     rounded?: boolean | "extra" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -265,7 +265,7 @@ declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.Re
 declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
 
 declare const progressBarVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     rounded?: boolean | null | undefined;
     animated?: boolean | null | undefined;
@@ -317,7 +317,7 @@ interface StatCardProps extends React.ComponentPropsWithoutRef<'div'> {
 declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const statusDotVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     glow?: boolean | null | undefined;
     pulse?: boolean | null | undefined;
@@ -343,7 +343,7 @@ interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'co
 declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
 
 declare const stepProgressVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     orientation?: "horizontal" | "vertical" | null | undefined;
     stretch?: boolean | null | undefined;
@@ -366,7 +366,7 @@ interface StepProgressProps extends Omit<React.HTMLAttributes<HTMLOListElement>,
 declare const StepProgress: React.ForwardRefExoticComponent<StepProgressProps & React.RefAttributes<HTMLOListElement>>;
 
 declare const switchVariants: (props?: ({
-    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
@@ -460,7 +460,7 @@ declare const TableToolbar: React.ForwardRefExoticComponent<TableToolbarProps &
 
 declare const toggleVariants: (props?: ({
     variant?: "contained" | "outlined" | "ghost" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     iconOnly?: boolean | null | undefined;
     rounded?: boolean | "extra" | null | undefined;

package/dist/{index-Bexoc2w4.d.ts → index-ibcvWtdH.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default from 'react';
-import './input-CWHXOpeH.js';
+import './input-Cp5LET5i.js';
 import { VariantProps } from 'class-variance-authority';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 
@@ -95,7 +95,7 @@ declare function DatePicker({ value: valueProp, defaultValue, onChange, label, h
 
 declare const labelVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 export { Logo, LogoProps } from './brand.js';
-export { C as Checkbox, a as CheckboxProps, D as DatePicker, b as DatePickerProps, F as FormTheme, L as Label, c as LabelProps, S as Select, d as SelectAlign, e as SelectContent, f as SelectContentProps, g as SelectField, h as SelectFieldProps, i as SelectGroup, j as SelectItem, k as SelectPosition, l as SelectProps, m as SelectSeparator, n as SelectSide, o as SelectTrigger, p as SelectValue } from './index-Bexoc2w4.js';
-export { I as Input, a as InputBaseProps } from './input-CWHXOpeH.js';
-import { S as SidebarContextValue } from './index-K2b259WI.js';
-export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, m as ContainerProps, G as Grid, n as GridColumns, o as GridProps, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, O as SidebarVariant, P as Skeleton } from './index-K2b259WI.js';
-import { A as AlertContextValue, S as SortState } from './index-IHzHSsCh.js';
-export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, e as AlertMessage, f as AlertProps, g as AlertProvider, h as AlertTheme, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, U as PaginationProps, V as ProgressBar, W as ProgressBarProps, X as PushAlertInput, Y as Separator, Z as SeparatorProps, _ as SortContextValue, $ as SortDirection, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-IHzHSsCh.js';
+export { C as Checkbox, a as CheckboxProps, D as DatePicker, b as DatePickerProps, F as FormTheme, L as Label, c as LabelProps, S as Select, d as SelectAlign, e as SelectContent, f as SelectContentProps, g as SelectField, h as SelectFieldProps, i as SelectGroup, j as SelectItem, k as SelectPosition, l as SelectProps, m as SelectSeparator, n as SelectSide, o as SelectTrigger, p as SelectValue } from './index-ibcvWtdH.js';
+export { I as Input, a as InputBaseProps } from './input-Cp5LET5i.js';
+import { S as SidebarContextValue } from './index-BSSQnlm_.js';
+export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, m as ContainerProps, G as Grid, n as GridColumns, o as GridProps, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, O as SidebarVariant, P as Skeleton } from './index-BSSQnlm_.js';
+import { A as AlertContextValue, S as SortState } from './index-CkQ6wNCc.js';
+export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, e as AlertMessage, f as AlertProps, g as AlertProvider, h as AlertTheme, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, U as PaginationProps, V as ProgressBar, W as ProgressBarProps, X as PushAlertInput, Y as Separator, Z as SeparatorProps, _ as SortContextValue, $ as SortDirection, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CkQ6wNCc.js';
 export { R as RowProps } from './row-CS9-talZ.js';
 export { Breadcrumbs, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuTriggerProps, Link, LinkProps, RouterAdapter, RouterProvider, Sheet, SheetBody, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetProps, SheetTitle, SheetTrigger, SheetTriggerProps, useRouterAdapter } from './navigation.js';
 export { B as BreadcrumbItemData, N as NavGroup, a as NavItem, b as NavUser, c as NavUserProps, S as SidebarNavItem, d as SidebarSection } from './nav-user-CJIcWKyY.js';
@@ -12,7 +12,7 @@ export { AppearanceTabs, AppearanceToggleDropdown } from './settings.js';
 export { a as User, b as UserMenuContent, U as UserMenuContentProps, c as UserMenuItem } from './user-menu-content-D0Ldzigm.js';
 export { Heading, TruncatedText, TruncatedTextProps } from './typography.js';
 export { T as Typography, a as TypographyAlign, b as TypographyProps, c as TypographyTheme, d as TypographyTransform, e as TypographyVariant, f as TypographyWeight } from './typography-DOZHFR5A.js';
-export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-CYRWWtkq.js';
+export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-XagXjWLB.js';
 export { UserInfo } from './user.js';
 export { getCsrfToken } from './utils.js';
 import 'react';

package/dist/{input-CWHXOpeH.d.ts → input-Cp5LET5i.d.ts}

@@ -9,6 +9,23 @@ interface InputBaseProps {
     helperText?: string;
     startAdornment?: React.ReactNode;
     endAdornment?: React.ReactNode;
+    /**
+     * Inline completion drawn behind the caret — the TAIL only, not the whole
+     * word. `value='Avo'` with `ghost='cado'` reads as "Avocado", the suggestion
+     * dimmed.
+     *
+     * The component owns the alignment; you own the policy. What to suggest and
+     * which key accepts it are decisions about your data and your users (a phone
+     * has a spacebar under the thumb and no Tab), so they stay with the caller.
+     * Accept by setting `value` to the completed string in your own `onKeyDown`.
+     *
+     * Pass `''` (not `undefined`) for "nothing to suggest right now": the
+     * element structure stays stable, so the field is never remounted mid-word.
+     *
+     * Ignored for `type='textarea'` — a ghost cannot follow a caret across
+     * wrapped lines without measuring, which is a different component.
+     */
+    ghost?: string;
 }
 type InputFieldProps = InputBaseProps & React.InputHTMLAttributes<HTMLInputElement> & {
     type?: Exclude<InputType, 'textarea'>;

package/dist/layout.d.ts

@@ -1,10 +1,10 @@
-export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, G as Grid, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, P as Skeleton } from './index-K2b259WI.js';
+export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, G as Grid, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, P as Skeleton } from './index-BSSQnlm_.js';
 export { R as RowProps } from './row-CS9-talZ.js';
 import 'react';
 import './nav-user-CJIcWKyY.js';
 import 'lucide-react';
 import './user-menu-content-D0Ldzigm.js';
-import './input-CWHXOpeH.js';
-import './tooltip-CYRWWtkq.js';
+import './input-Cp5LET5i.js';
+import './tooltip-XagXjWLB.js';
 import 'class-variance-authority';
 import 'class-variance-authority/types';

package/dist/navigation.d.ts

@@ -62,7 +62,7 @@ declare function DropdownMenuSubContent({ className, ...props }: React.HTMLAttri
 declare const linkVariants: (props?: ({
     underline?: boolean | null | undefined;
     hover?: "default" | "none" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'>, VariantProps<typeof linkVariants> {

package/dist/{tooltip-CYRWWtkq.d.ts → tooltip-XagXjWLB.d.ts}

@@ -4,7 +4,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 
 declare const buttonVariants: (props?: ({
     variant?: "contained" | "outlined" | "ghost" | null | undefined;
-    theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
+    theme?: "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "slate" | "inherit" | null | undefined;
     size?: "xs" | "sm" | "md" | "lg" | null | undefined;
     iconOnly?: boolean | null | undefined;
     rounded?: boolean | "extra" | null | undefined;

package/dist/ui/Button/button-variants.d.ts

@@ -1,5 +1,5 @@
 export declare const buttonVariants: (props?: ({
-    variant?: "contained" | "outlined" | "ghost" | null | undefined;
+    variant?: "ghost" | "contained" | "outlined" | null | undefined;
     theme?: "inherit" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     iconOnly?: boolean | null | undefined;

package/dist/ui/Icon/icon-variants.d.ts

@@ -1,5 +1,5 @@
 export declare const iconVariants: (props?: ({
-    variant?: "contained" | "outlined" | "ghost" | "plain" | null | undefined;
+    variant?: "ghost" | "contained" | "outlined" | "plain" | null | undefined;
     theme?: "inherit" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     rounded?: boolean | "extra" | null | undefined;

package/dist/ui/Toggle/toggle-variants.d.ts

@@ -1,5 +1,5 @@
 export declare const toggleVariants: (props?: ({
-    variant?: "contained" | "outlined" | "ghost" | null | undefined;
+    variant?: "ghost" | "contained" | "outlined" | null | undefined;
     theme?: "inherit" | "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | null | undefined;
     size?: "sm" | "md" | "lg" | "xs" | null | undefined;
     iconOnly?: boolean | null | undefined;

package/dist/ui.d.ts

@@ -1,5 +1,5 @@
-export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-IHzHSsCh.js';
-export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-CYRWWtkq.js';
+export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CkQ6wNCc.js';
+export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-XagXjWLB.js';
 import 'class-variance-authority';
 import 'react';
 import 'class-variance-authority/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kismet-ux/constellation",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",