@globalbrain/sefirot 4.56.0 → 4.58.0

package/lib/composables/Table.ts

@@ -1,7 +1,9 @@
 import { type Component, type MaybeRef, type MaybeRefOrGetter } from 'vue'
 import { type Mode as ButtonMode } from '../components/SButton.vue'
 import { type State as IndicatorState } from '../components/SIndicator.vue'
+import { type ColorMode } from '../support/Color'
 import { type Day } from '../support/Day'
+import { type Align } from '../support/InputText'
 import { type DropdownSection } from './Dropdown'
 import { type Position } from './Tooltip'
 
@@ -85,22 +87,13 @@ export type TableCellType =
   | 'component'
   | 'actions'
 
-export type ColorModes =
-  | 'default'
-  | 'mute'
-  | 'neutral'
-  | 'info'
-  | 'success'
-  | 'warning'
-  | 'danger'
-
 export interface TableCellBase {
   type: TableCellType
 }
 
 export interface TableCellText<V = any, R = any> extends TableCellBase {
   type: 'text'
-  align?: 'left' | 'center' | 'right'
+  align?: Align
   icon?: Component
   value?: string | null
   link?: string | null
@@ -111,7 +104,7 @@ export interface TableCellText<V = any, R = any> extends TableCellBase {
 
 export interface TableCellNumber<V = any, R = any> extends TableCellBase {
   type: 'number'
-  align?: 'left' | 'center' | 'right'
+  align?: Align
   icon?: Component
   value?: number | null
   separator?: boolean
@@ -139,11 +132,11 @@ export interface TableCellPathSegment {
   onClick?(): void
 }
 
-export type TableCellValueColor = ColorModes | 'soft'
+export type TableCellValueColor = ColorMode | 'soft'
 
 export interface TableCellDay extends TableCellBase {
   type: 'day'
-  align?: 'left' | 'center' | 'right'
+  align?: Align
   value?: Day | null
   format?: string
   color?: 'neutral' | 'soft' | 'mute'
@@ -155,7 +148,7 @@ export interface TableCellPill extends TableCellBase {
   color?: TableCellPillColor
 }
 
-export type TableCellPillColor = ColorModes
+export type TableCellPillColor = ColorMode
 
 export interface TableCellPills extends TableCellBase {
   type: 'pills'
@@ -207,7 +200,7 @@ export interface TableCellComponent extends TableCellBase {
 export interface TableCellState extends TableCellBase {
   type: 'state'
   label: string
-  mode?: ColorModes
+  mode?: ColorMode
 }
 
 export interface TableCellIndicator extends TableCellBase {

package/lib/support/Color.ts

@@ -0,0 +1,4 @@
+// The semantic color modes shared by the colored components (SButton, SPill,
+// SState, SInputSegments, and table cells).
+
+export type ColorMode = 'default' | 'mute' | 'neutral' | 'info' | 'success' | 'warning' | 'danger'

package/lib/support/InputBase.ts

@@ -0,0 +1,5 @@
+// The size and color scales shared by SInputBase and every input built on it.
+
+export type Size = 'sm' | 'md' | 'mini' | 'small' | 'medium'
+
+export type Color = 'neutral' | 'mute' | 'info' | 'success' | 'warning' | 'danger'

package/lib/support/InputDropdown.ts

@@ -0,0 +1,15 @@
+// The dropdown option (text or avatar row) shared by SInputDropdown and
+// SInputAsyncDropdown — the base choice option (InputOption) plus a render type.
+
+import { type Option as BaseOption } from './InputOption'
+
+export type Option<T = any> = OptionText<T> | OptionAvatar<T>
+
+export interface OptionText<T = any> extends BaseOption<T> {
+  type?: 'text'
+}
+
+export interface OptionAvatar<T = any> extends BaseOption<T> {
+  type: 'avatar'
+  image?: string | null
+}

package/lib/support/InputFileUpload.ts

@@ -0,0 +1,22 @@
+// The file/action shapes shared by SInputFileUpload and its item child.
+
+import { type Component } from 'vue'
+import { type Mode as ButtonMode } from '../components/SButton.vue'
+import { type State as IndicatorState } from '../components/SIndicator.vue'
+
+export interface FileObject {
+  file: File
+  indicatorState?: IndicatorState | null
+  canRemove?: boolean
+  action?: Action | null
+  errorMessage?: string | null
+}
+
+export interface Action {
+  mode?: ButtonMode
+  icon?: Component
+  leadIcon?: Component
+  trailIcon?: Component
+  label?: string
+  onClick(): void
+}

package/lib/support/InputOption.ts

@@ -0,0 +1,8 @@
+// The label + value option shape shared by the choice-list inputs (SInputSelect,
+// SInputCheckboxes, SInputRadios, SInputSegments, SInputSwitches).
+
+export interface Option<T = any> {
+  label: string
+  value: T
+  disabled?: boolean
+}

package/lib/support/InputText.ts

@@ -0,0 +1,6 @@
+// The text alignment and color scales shared by SInputText / SInputNumber (and
+// anything that mirrors them, e.g. SPagination's align).
+
+export type Align = 'left' | 'center' | 'right'
+
+export type TextColor = 'neutral' | 'info' | 'success' | 'warning' | 'danger'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalbrain/sefirot",
-  "version": "4.56.0",
+  "version": "4.58.0",
   "description": "Vue Components for Global Brain Design System.",
   "keywords": [
     "components",