@persona/design-system 0.10.5 → 0.10.7

package/dist/useChainAtCursor.d.mts

@@ -1,9 +1,9 @@
-import { t as ASTNode } from "./types-dmItSshr.mjs";
-import { dt as ObjectSchemaMap, n as JsonSchema, st as FunctionJsonSchema } from "./jsonSchema-DUkfAip_.mjs";
-import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BtbYWrdP.mjs";
-import { n as PossibleChainSchema, t as ChainRoot } from "./chainTypes-aF5rWav-.mjs";
-import { u as ValueType } from "./types-XjJqUj-p.mjs";
-import { n as useChain } from "./useChain-7ztbfujM.mjs";
+import { t as ASTNode } from "./types-Bg_sfqXE.mjs";
+import { dt as ObjectSchemaMap, n as JsonSchema, st as FunctionJsonSchema } from "./jsonSchema-BJpNaFc4.mjs";
+import { n as Chain, s as MethodChainNode } from "./methodChainTypes-Di4GCMX7.mjs";
+import { n as PossibleChainSchema, t as ChainRoot } from "./chainTypes-CLKwXymd.mjs";
+import { u as ValueType } from "./types-BnXYfNrd.mjs";
+import { n as useChain } from "./useChain-CIwI4Xop.mjs";
 
 //#region src/components/SmartTextInput/useChainAtCursor.d.ts
 /**

package/dist/useCodeChainFunctionPanel.d.mts

@@ -1,4 +1,4 @@
-import { o as OpenCodeChainFunctionPanel, t as CodeChainFunctionPanelRenderProps } from "./types-XjJqUj-p.mjs";
+import { o as OpenCodeChainFunctionPanel, t as CodeChainFunctionPanelRenderProps } from "./types-BnXYfNrd.mjs";
 import { ReactNode } from "react";
 
 //#region src/components/SmartTextInput/useCodeChainFunctionPanel.d.ts

package/dist/useColumnConfiguration.d.mts

@@ -1,5 +1,5 @@
-import { i as TableViewConfigurationProps } from "./TableViewConfigurationDropdown-vYnU0d4k.mjs";
-import { i as ColumnConfig } from "./types-DJobO07d.mjs";
+import { i as TableViewConfigurationProps } from "./TableViewConfigurationDropdown-D0VcRmd4.mjs";
+import { i as ColumnConfig } from "./types-C31ecr0j.mjs";
 import { RowData } from "@tanstack/react-table";
 
 //#region src/patterns/IndexTableLayout/useColumnConfiguration.d.ts

package/dist/useComboboxFooterAction.d.mts

@@ -1,4 +1,4 @@
-import { p as FooterAction } from "./ComboboxBase-D2rDQHYZ.mjs";
+import { p as FooterAction } from "./ComboboxBase-1Xy4pnRV.mjs";
 import { KeyboardEvent } from "react";
 
 //#region src/components/Combobox/useComboboxFooterAction.d.ts

package/dist/{useFilterStateV2-CPBt0qwc.d.mts → useFilterStateV2-DPzkJpGT.d.mts}

@@ -1,5 +1,5 @@
-import { m as FilterStateV2, n as CompoundExpression, u as FilterRule } from "./types-DbOD5vE_.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-a44G08fS.mjs";
+import { m as FilterStateV2, n as CompoundExpression, u as FilterRule } from "./types-K57NVM0M.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-CPr7YoG5.mjs";
 import { SetStateAction } from "react";
 
 //#region src/components/DataTable/TableControls/FiltersV2/useFilterStateV2.d.ts
@@ -91,4 +91,4 @@ interface UseFilterStateV2Result {
 declare function useFilterStateV2(options: UseFilterStateV2Options): UseFilterStateV2Result;
 //#endregion
 export { UseFilterStateV2Result as n, useFilterStateV2 as r, UseFilterStateV2Options as t };
-//# sourceMappingURL=useFilterStateV2-CPBt0qwc.d.mts.map
+//# sourceMappingURL=useFilterStateV2-DPzkJpGT.d.mts.map

package/dist/useFilterStateV2.d.mts

@@ -1,2 +1,2 @@
-import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-CPBt0qwc.mjs";
+import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-DPzkJpGT.mjs";
 export { UseFilterStateV2Options, UseFilterStateV2Result, useFilterStateV2 };

package/dist/{useFormField-CmEJCqse.d.mts → useFormField-ATKyX8CU.d.mts}

@@ -1,4 +1,4 @@
-import { t as ErrorProps } from "./ErrorProps-Cy-APmdC.mjs";
+import { t as ErrorProps } from "./ErrorProps-D4G9EWX2.mjs";
 import * as _$react from "react";
 
 //#region src/components/FormControl/useFormField.d.ts
@@ -29,4 +29,4 @@ declare const useFormField: (props: Partial<FormControlContextProps>) => {
 };
 //#endregion
 export { FormControlContextProps as n, useFormField as r, FormControlContext as t };
-//# sourceMappingURL=useFormField-CmEJCqse.d.mts.map
+//# sourceMappingURL=useFormField-ATKyX8CU.d.mts.map

package/dist/useFormField-pOVkb5BK.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFormField-pOVkb5BK.mjs","names":[],"sources":["../src/components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from 'design-system/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from 'design-system/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  required?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    required: props.required ?? field.required,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;AAiBA,MAAa,qBAAqB,cAAuC,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQ,cAAc;CAC5B,MAAM,QAAQ,WAAW,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}
+{"version":3,"file":"useFormField-pOVkb5BK.mjs","names":[],"sources":["../src/components/FormControl/useFormField.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport useFormGroup from '#src/components/ConfigFormGroup/useFormGroup';\nimport type ErrorProps from '#src/types/ErrorProps';\n\nexport interface FormControlContextProps extends ErrorProps {\n  inputId?: string;\n  helperTextId?: string;\n  errorTextId?: string;\n  warningTextId?: string;\n  labelId?: string;\n  disabled?: boolean;\n  required?: boolean;\n  maxLength?: number;\n  configField?: boolean;\n}\n\nexport const FormControlContext = createContext<FormControlContextProps>({});\n\nconst useFormField = (props: Partial<FormControlContextProps>) => {\n  const group = useFormGroup();\n  const field = useContext(FormControlContext);\n\n  const inputId = props.inputId ?? field.inputId;\n\n  return {\n    configField: props.configField ?? group.configField,\n    hasError: props.hasError ?? field.hasError,\n    hasWarning: props.hasWarning ?? field.hasWarning,\n    inputId,\n    helperTextId: props.helperTextId ?? field.helperTextId,\n    errorTextId: props.errorTextId ?? field.errorTextId,\n    warningTextId: props.warningTextId ?? field.warningTextId,\n    labelId: props.labelId ?? field.labelId,\n    disabled: props.disabled ?? field.disabled,\n    required: props.required ?? field.required,\n    maxLength: props.maxLength ?? field.maxLength,\n  };\n};\n\nexport default useFormField;\n"],"mappings":";;;AAiBA,MAAa,qBAAqB,cAAuC,EAAE,CAAC;AAE5E,MAAM,gBAAgB,UAA4C;CAChE,MAAM,QAAQ,cAAc;CAC5B,MAAM,QAAQ,WAAW,mBAAmB;CAE5C,MAAM,UAAU,MAAM,WAAW,MAAM;AAEvC,QAAO;EACL,aAAa,MAAM,eAAe,MAAM;EACxC,UAAU,MAAM,YAAY,MAAM;EAClC,YAAY,MAAM,cAAc,MAAM;EACtC;EACA,cAAc,MAAM,gBAAgB,MAAM;EAC1C,aAAa,MAAM,eAAe,MAAM;EACxC,eAAe,MAAM,iBAAiB,MAAM;EAC5C,SAAS,MAAM,WAAW,MAAM;EAChC,UAAU,MAAM,YAAY,MAAM;EAClC,UAAU,MAAM,YAAY,MAAM;EAClC,WAAW,MAAM,aAAa,MAAM;EACrC"}

package/dist/useFormField.d.mts

@@ -1,2 +1,2 @@
-import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-CmEJCqse.mjs";
+import { n as FormControlContextProps, r as useFormField, t as FormControlContext } from "./useFormField-ATKyX8CU.mjs";
 export { FormControlContext, FormControlContextProps, useFormField as default };

package/dist/{useLocationPathname-Cnqj8pf4.d.mts → useLocationPathname-DPMpqO1_.d.mts}

@@ -2,4 +2,4 @@
 declare const usePathname: () => string;
 //#endregion
 export { usePathname as t };
-//# sourceMappingURL=useLocationPathname-Cnqj8pf4.d.mts.map
+//# sourceMappingURL=useLocationPathname-DPMpqO1_.d.mts.map

package/dist/useLocationPathname.d.mts

@@ -1,2 +1,2 @@
-import { t as usePathname } from "./useLocationPathname-Cnqj8pf4.mjs";
+import { t as usePathname } from "./useLocationPathname-DPMpqO1_.mjs";
 export { usePathname };

package/dist/{useTableBoxDragAndDrop-8NS4JBuI.d.mts → useTableBoxDragAndDrop-CCMADt-F.d.mts}

@@ -66,4 +66,4 @@ declare const useTableBoxDragAndDrop: <T extends object>({
 }: UseTableBoxDragAndDropArgs<T>) => UseTableBoxDragAndDropResult;
 //#endregion
 export { ReorderConfig as n, useTableBoxDragAndDrop as r, DragDirection as t };
-//# sourceMappingURL=useTableBoxDragAndDrop-8NS4JBuI.d.mts.map
+//# sourceMappingURL=useTableBoxDragAndDrop-CCMADt-F.d.mts.map

package/dist/useTableBoxDragAndDrop.d.mts

@@ -1,2 +1,2 @@
-import { n as ReorderConfig, r as useTableBoxDragAndDrop, t as DragDirection } from "./useTableBoxDragAndDrop-8NS4JBuI.mjs";
+import { n as ReorderConfig, r as useTableBoxDragAndDrop, t as DragDirection } from "./useTableBoxDragAndDrop-CCMADt-F.mjs";
 export { DragDirection, ReorderConfig, useTableBoxDragAndDrop };

package/dist/{useTableColumns-BK-KYY0L.d.mts → useTableColumns-Bw0HvnP4.d.mts}

@@ -1,4 +1,4 @@
-import { C as RowAction, O as SortProps, _ as DataTableColumns, l as DataTableColumnFormat } from "./types-DJobO07d.mjs";
+import { C as RowAction, O as SortProps, _ as DataTableColumns, l as DataTableColumnFormat } from "./types-C31ecr0j.mjs";
 import { ColumnDef, Row, RowData, Table } from "@tanstack/react-table";
 
 //#region src/components/DataTable/useTableColumns.d.ts
@@ -69,4 +69,4 @@ declare function useTableColumns<TData extends RowData, TFormat extends {
 }[]];
 //#endregion
 export { UseTableColumnsParams as n, useTableColumns as r, RenderFormatFn as t };
-//# sourceMappingURL=useTableColumns-BK-KYY0L.d.mts.map
+//# sourceMappingURL=useTableColumns-Bw0HvnP4.d.mts.map

package/dist/useTableColumns.d.mts

@@ -1,2 +1,2 @@
-import { n as UseTableColumnsParams, r as useTableColumns, t as RenderFormatFn } from "./useTableColumns-BK-KYY0L.mjs";
+import { n as UseTableColumnsParams, r as useTableColumns, t as RenderFormatFn } from "./useTableColumns-Bw0HvnP4.mjs";
 export { RenderFormatFn, UseTableColumnsParams, useTableColumns };

package/dist/useTruncation.d.mts

@@ -1,4 +1,4 @@
-import { i as ComboboxOption } from "./ComboboxBase-D2rDQHYZ.mjs";
+import { i as ComboboxOption } from "./ComboboxBase-1Xy4pnRV.mjs";
 import { MutableRefObject, RefObject } from "react";
 
 //#region src/components/Combobox/useTruncation.d.ts

package/dist/{utilities-CXoc5Cyr.d.mts → utilities-BfXjJZQt.d.mts}

@@ -6,4 +6,4 @@
 type RequireOneOf<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & { [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>> }[Keys];
 //#endregion
 export { RequireOneOf as t };
-//# sourceMappingURL=utilities-CXoc5Cyr.d.mts.map
+//# sourceMappingURL=utilities-BfXjJZQt.d.mts.map

package/dist/utilities.d.mts

@@ -1,2 +1,2 @@
-import { t as RequireOneOf } from "./utilities-CXoc5Cyr.mjs";
+import { t as RequireOneOf } from "./utilities-BfXjJZQt.mjs";
 export { RequireOneOf };

package/dist/utils/storybook.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"storybook.mjs","names":[],"sources":["../../src/utils/storybook.tsx"],"sourcesContent":["import type { Decorator } from '@storybook/react-vite';\n\nimport { Stack } from 'design-system/components/Stack';\n\nexport const withStack: Decorator = (Story) => {\n  return <Stack>{Story()}</Stack>;\n};\n"],"mappings":";;;AAIA,MAAa,aAAwB,UAAU;AAC7C,QAAO,oBAAC,OAAD,EAAA,UAAQ,OAAO,EAAS,CAAA"}
+{"version":3,"file":"storybook.mjs","names":[],"sources":["../../src/utils/storybook.tsx"],"sourcesContent":["import type { Decorator } from '@storybook/react-vite';\n\nimport { Stack } from '#src/components/Stack';\n\nexport const withStack: Decorator = (Story) => {\n  return <Stack>{Story()}</Stack>;\n};\n"],"mappings":";;;AAIA,MAAa,aAAwB,UAAU;AAC7C,QAAO,oBAAC,OAAD,EAAA,UAAQ,OAAO,EAAS,CAAA"}

package/dist/utils/testing.d.mts

@@ -1,4 +1,4 @@
-import { n as RouterAdapter } from "../types-Dhz6VMKx.mjs";
+import { n as RouterAdapter } from "../types-B5RbKp2V.mjs";
 import { ReactElement } from "react";
 import * as _$_testing_library_react0 from "@testing-library/react";
 import { RenderOptions, screen } from "@testing-library/react";

package/dist/utils.d.mts

@@ -1,4 +1,4 @@
-import { d as FilterRuleValue } from "./types-DbOD5vE_.mjs";
+import { d as FilterRuleValue } from "./types-K57NVM0M.mjs";
 
 //#region src/components/DataTable/TableControls/FiltersV2/value-controls/utils.d.ts
 /**

package/dist/utils4.d.mts

@@ -1,8 +1,8 @@
-import { n as ASTChain } from "./types-C2RhHxbE.mjs";
-import { t as ASTNode } from "./types-dmItSshr.mjs";
-import { n as Chain, s as MethodChainNode } from "./methodChainTypes-BtbYWrdP.mjs";
-import { t as ChainRoot } from "./chainTypes-aF5rWav-.mjs";
-import { a as Mode, r as FunctionAtCursor, u as ValueType } from "./types-XjJqUj-p.mjs";
+import { n as ASTChain } from "./types-Bu5rhBdH.mjs";
+import { t as ASTNode } from "./types-Bg_sfqXE.mjs";
+import { n as Chain, s as MethodChainNode } from "./methodChainTypes-Di4GCMX7.mjs";
+import { t as ChainRoot } from "./chainTypes-CLKwXymd.mjs";
+import { a as Mode, r as FunctionAtCursor, u as ValueType } from "./types-BnXYfNrd.mjs";
 import { RefObject } from "react";
 
 //#region src/components/SmartTextInput/utils.d.ts

package/dist/{validation-BaqPVG1C.d.mts → validation-yhA0siru.d.mts}

@@ -1,5 +1,5 @@
-import { m as FilterStateV2, u as FilterRule } from "./types-DbOD5vE_.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-a44G08fS.mjs";
+import { m as FilterStateV2, u as FilterRule } from "./types-K57NVM0M.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-CPr7YoG5.mjs";
 
 //#region src/components/DataTable/TableControls/FiltersV2/validation.d.ts
 /**
@@ -48,4 +48,4 @@ declare function pruneToRegistry(state: FilterStateV2, registry: FieldRegistry |
 declare function hasCompleteValue(rule: FilterRule, registry: FieldRegistry): boolean;
 //#endregion
 export { isFilterStateV2 as n, pruneToRegistry as r, hasCompleteValue as t };
-//# sourceMappingURL=validation-BaqPVG1C.d.mts.map
+//# sourceMappingURL=validation-yhA0siru.d.mts.map

package/dist/validation.d.mts

@@ -1,2 +1,2 @@
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-BaqPVG1C.mjs";
+import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-yhA0siru.mjs";
 export { hasCompleteValue, isFilterStateV2, pruneToRegistry };

package/dist/validation2.d.mts

@@ -1,7 +1,7 @@
-import { t as ASTNode } from "./types-dmItSshr.mjs";
-import { dt as ObjectSchemaMap, n as JsonSchema, st as FunctionJsonSchema } from "./jsonSchema-DUkfAip_.mjs";
-import { t as ChainRoot } from "./chainTypes-aF5rWav-.mjs";
-import { u as ValueType } from "./types-XjJqUj-p.mjs";
+import { t as ASTNode } from "./types-Bg_sfqXE.mjs";
+import { dt as ObjectSchemaMap, n as JsonSchema, st as FunctionJsonSchema } from "./jsonSchema-BJpNaFc4.mjs";
+import { t as ChainRoot } from "./chainTypes-CLKwXymd.mjs";
+import { u as ValueType } from "./types-BnXYfNrd.mjs";
 import { ReactNode } from "react";
 
 //#region src/components/SmartTextInput/validation.d.ts

package/dist/{value-control-resolver-CMyFwEY7.d.mts → value-control-resolver-Df0AmGFe.d.mts}

@@ -1,4 +1,4 @@
-import { d as FilterRuleValue, f as FilterRuleValueChange, l as FilterOperator, o as FilterField, u as FilterRule } from "./types-DbOD5vE_.mjs";
+import { d as FilterRuleValue, f as FilterRuleValueChange, l as FilterOperator, o as FilterField, u as FilterRule } from "./types-K57NVM0M.mjs";
 import { ReactNode } from "react";
 
 //#region src/components/DataTable/TableControls/FiltersV2/FilterBar/value-control-resolver.d.ts
@@ -46,4 +46,4 @@ type ValueControlResolver = (opts: ResolveValueControlOptions) => ReactNode | un
 declare function resolveValueControl(opts: ResolveValueControlOptions, hostResolver?: ValueControlResolver): ReactNode;
 //#endregion
 export { ValueControlResolver as n, resolveValueControl as r, ResolveValueControlOptions as t };
-//# sourceMappingURL=value-control-resolver-CMyFwEY7.d.mts.map
+//# sourceMappingURL=value-control-resolver-Df0AmGFe.d.mts.map

package/dist/value-control-resolver.d.mts

@@ -1,2 +1,2 @@
-import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-CMyFwEY7.mjs";
+import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-Df0AmGFe.mjs";
 export { ResolveValueControlOptions, ValueControlResolver, resolveValueControl };

package/dist/variables/effect.d.mts

@@ -1,4 +1,4 @@
-import { t as MaybeSemanticTheme } from "../semanticColor-Bxufk3ZO.mjs";
+import { t as MaybeSemanticTheme } from "../semanticColor-y9byerSl.mjs";
 
 //#region src/variables/effect.d.ts
 /**

package/dist/variables/effect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"effect.mjs","names":[],"sources":["../../src/variables/effect.ts"],"sourcesContent":["import { Color } from '@persona/design-tokens';\nimport { type MaybeSemanticTheme, semanticColor } from 'design-system/lib/semanticColor';\n\n/**\n * There is intentionally no trailing semi. This makes it easier to compose shadows.\n * BOX_SHADOWS => Elevation\n * High => Popovers, modals, etc. [completely isolated and detached components]\n * Mid => Elevated cards, date pickers, tooltips, etc. [isolated elements that appear on trigger]\n * Low => Input popovers, listbox, drop downs, etc. [non-isolated components]\n */\nexport enum Elevation {\n  High = '0px 2px 10px 0px rgba(0, 0, 0, 0.04), 0px 5px 20px 0px rgba(0, 0, 0, 0.06), 0px 10px 40px 0px rgba(0, 0, 0, 0.08)',\n  Mid = '0px 8px 14px 0px rgba(0, 0, 0, 0.06), 0px 3px 24px 0px rgba(0, 0, 0, 0.06)',\n  Low = '0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04)',\n}\n\ntype ThemeProps = { theme: MaybeSemanticTheme };\n\nconst hairlineColor = (theme: MaybeSemanticTheme) =>\n  semanticColor(theme, 'BorderDivider', Color.BorderHairline);\n\nexport const Hairline = {\n  Bottom: ({ theme }: ThemeProps) => `0px 1px 0px ${hairlineColor(theme)}`,\n  Top: ({ theme }: ThemeProps) => `0px -1px 0px ${hairlineColor(theme)}`,\n  Right: ({ theme }: ThemeProps) => `1px 0px 0px ${hairlineColor(theme)}`,\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAY,YAAL,yBAAA,WAAA;AACL,WAAA,UAAA;AACA,WAAA,SAAA;AACA,WAAA,SAAA;;KACD;AAID,MAAM,iBAAiB,UACrB,cAAc,OAAO,iBAAiB,MAAM,eAAe;AAE7D,MAAa,WAAW;CACtB,SAAS,EAAE,YAAwB,eAAe,cAAc,MAAM;CACtE,MAAM,EAAE,YAAwB,gBAAgB,cAAc,MAAM;CACpE,QAAQ,EAAE,YAAwB,eAAe,cAAc,MAAM;CACtE"}
+{"version":3,"file":"effect.mjs","names":[],"sources":["../../src/variables/effect.ts"],"sourcesContent":["import { Color } from '@persona/design-tokens';\n\nimport { type MaybeSemanticTheme, semanticColor } from '#src/lib/semanticColor';\n\n/**\n * There is intentionally no trailing semi. This makes it easier to compose shadows.\n * BOX_SHADOWS => Elevation\n * High => Popovers, modals, etc. [completely isolated and detached components]\n * Mid => Elevated cards, date pickers, tooltips, etc. [isolated elements that appear on trigger]\n * Low => Input popovers, listbox, drop downs, etc. [non-isolated components]\n */\nexport enum Elevation {\n  High = '0px 2px 10px 0px rgba(0, 0, 0, 0.04), 0px 5px 20px 0px rgba(0, 0, 0, 0.06), 0px 10px 40px 0px rgba(0, 0, 0, 0.08)',\n  Mid = '0px 8px 14px 0px rgba(0, 0, 0, 0.06), 0px 3px 24px 0px rgba(0, 0, 0, 0.06)',\n  Low = '0px 4px 5px 0px rgba(0, 0, 0, 0.08), 0px 3px 14px 0px rgba(0, 0, 0, 0.04), 0px 8px 10px 0px rgba(0, 0, 0, 0.04)',\n}\n\ntype ThemeProps = { theme: MaybeSemanticTheme };\n\nconst hairlineColor = (theme: MaybeSemanticTheme) =>\n  semanticColor(theme, 'BorderDivider', Color.BorderHairline);\n\nexport const Hairline = {\n  Bottom: ({ theme }: ThemeProps) => `0px 1px 0px ${hairlineColor(theme)}`,\n  Top: ({ theme }: ThemeProps) => `0px -1px 0px ${hairlineColor(theme)}`,\n  Right: ({ theme }: ThemeProps) => `1px 0px 0px ${hairlineColor(theme)}`,\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAY,YAAL,yBAAA,WAAA;AACL,WAAA,UAAA;AACA,WAAA,SAAA;AACA,WAAA,SAAA;;KACD;AAID,MAAM,iBAAiB,UACrB,cAAc,OAAO,iBAAiB,MAAM,eAAe;AAE7D,MAAa,WAAW;CACtB,SAAS,EAAE,YAAwB,eAAe,cAAc,MAAM;CACtE,MAAM,EAAE,YAAwB,gBAAgB,cAAc,MAAM;CACpE,QAAQ,EAAE,YAAwB,eAAe,cAAc,MAAM;CACtE"}

package/dist/variables/semantic.d.mts

@@ -1,2 +1,2 @@
-import { i as semanticLight, n as SemanticTokens, r as semanticDark, t as CssPercentage } from "../semantic-BLaQSW1r.mjs";
+import { i as semanticLight, n as SemanticTokens, r as semanticDark, t as CssPercentage } from "../semantic-BZbvb3LV.mjs";
 export { CssPercentage, SemanticTokens, semanticDark, semanticLight };

package/llms.txt

@@ -38,7 +38,7 @@ their own subpaths.
 - Feedback: `Spinner`, `Banner`, `Toast`, `LoadingShimmer`, `ProgressBar`
 - Overlays: `Modal`, `WizardModal` (`patterns/WizardModal`), `RightPanel`, `Popover`, `Tooltip` / `TextUnderlineTooltip`, `DropdownMenu`, `FloatingPanel`
 - Modal close button: localize the default with `PDSProvider strings={{ closeModal: translatedLabel }}` (English: "Close"), or override one modal with `contentProps.closeButtonLabel`.
-- Forms: `ConfigFormGroup`, `FormField` (`TextField`, `TextAreaField`, `TableBoxField`), `Input`, `TextArea`, `Select`, `Combobox`, `Checkbox`, `Radio`, `Toggle`, `DatePicker`, `RichTextEditor` (tiptap-based Markdown/HTML editor with menu bar and optional floating toolbar)
+- Forms: `ConfigFormGroup`, `FormField` (`TextField`, `TextAreaField`, `TableBoxField`), `Input`, `TextArea`, `Select`, `Combobox`, `Checkbox`, `Radio`, `Toggle`, `DatePicker`, `RichTextEditor` (tiptap-based Markdown/HTML editor with menu bar and optional floating toolbar), `FloatingToolbar` (tiptap bubble-menu toolbar)
 - Status: `Sticker` (status badges), `Badge` (counts), `StatusIndicator`
 - Saved views: `TableControls` (or `DataTable.controls`) requires `onSetDefaultView` and `onUnsetDefaultView` together, or neither. Editable views offer "Set as default" / "Unset default" based on `view.isDefault`; the design system confirms before calling either callback and warns that both changes affect the entire organization. Consumers own persistence and must remove their own confirmations to avoid double prompts. Compact controls omit saved views. Pass `starredDefaultView` to star the default view: the `isDefault` view is pinned first with a star icon, cannot be dragged, hidden, deleted or unset, and its menu offers only Save and Duplicate (its name field still renames it); every other view gets the full menu. Rename and Duplicate on it call `onViewNameChange` / `onDuplicateView` with its id; Save calls `onSaveView()` with no id, saving whatever the consumer treats as the current view. A null `currentView` is shown as the starred view, so `onSaveView` and toolbar Save must treat null as the starred view; while an `isDefault` view exists, pass its id as `currentView` rather than null. A lazy default is a consumer-owned placeholder view with `isDefault: true`. While a view is the default the built-in tab is not shown and a `null` `currentView` is displayed as the starred view; with no `isDefault` view the built-in tab is shown starred and read-only.
 - DataTable filters: pass `filtersV2` (`TableControlsFiltersV2Props` / `FilterBarProps`) through `DataTable.controls` or directly to `TableControls` for a first-class FilterBar; defaults visible with size derived from `compact`. Hosts own V2 data filtering and feed `onChange` back to `initialState` for active-filter messaging; hydration needs no remount key. Precedence: `filterPanel` → `filtersV2` → legacy `filters`. Legacy `filters` supports `input`, `select`, `multiselect`, `combobox`, and `daterange` with optional `filterResolver`. With `clientFiltering`, `column.filter` generates legacy-only controls backed by TanStack column-filter state, not V2 filtering.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@persona/design-system",
-  "version": "0.10.5",
+  "version": "0.10.7",
   "description": "React components for Persona UI",
   "keywords": [
     "tanstack-intent"
@@ -16,6 +16,19 @@
     "llms.txt"
   ],
   "types": "./dist/index.d.mts",
+  "imports": {
+    "#src/*": {
+      "types": [
+        "./src/*.ts",
+        "./src/*.tsx",
+        "./src/*/index.ts",
+        "./src/*/index.tsx",
+        "./src/*"
+      ],
+      "default": "./src/*"
+    },
+    "#scripts/*": "./scripts/*"
+  },
   "exports": {
     ".": "./dist/index.mjs",
     "./components/Accordion": "./dist/components/Accordion/index.mjs",
@@ -40,6 +53,7 @@
     "./components/DropdownButton": "./dist/components/DropdownButton/index.mjs",
     "./components/DropdownMenu": "./dist/components/DropdownMenu/index.mjs",
     "./components/FloatingPanel": "./dist/components/FloatingPanel/index.mjs",
+    "./components/FloatingToolbar": "./dist/components/FloatingToolbar/index.mjs",
     "./components/FormControl": "./dist/components/FormControl/index.mjs",
     "./components/FormField": "./dist/components/FormField/index.mjs",
     "./components/Grid": "./dist/components/Grid/index.mjs",
@@ -198,15 +212,12 @@
     "@react-types/slider": "^3.8.2",
     "@tanstack/react-table": "^8.20.6",
     "@tanstack/react-virtual": "^3.13.23",
-    "@tiptap/core": "^2.0.4",
-    "@tiptap/extension-link": "^2.10.4",
-    "@tiptap/extension-table": "^2.10.4",
-    "@tiptap/extension-table-cell": "^2.10.4",
-    "@tiptap/extension-table-header": "^2.10.4",
-    "@tiptap/extension-table-row": "^2.10.4",
-    "@tiptap/pm": "^2.0.4",
-    "@tiptap/react": "^2.0.4",
-    "@tiptap/starter-kit": "^2.0.4",
+    "@tiptap/core": "^3.30.4",
+    "@tiptap/extension-link": "^3.30.4",
+    "@tiptap/extension-table": "^3.30.4",
+    "@tiptap/pm": "^3.30.4",
+    "@tiptap/react": "^3.30.4",
+    "@tiptap/starter-kit": "^3.30.4",
     "color": "^5.0.3",
     "csstype": "^3.1.2",
     "dompurify": "^3.4.17",
@@ -223,15 +234,15 @@
     "react-imask": "^7.6.1",
     "react-innertext": "^1.1.5",
     "react-stately": "^3.35.0",
-    "tiptap-markdown": "^0.8.2",
+    "tiptap-markdown": "^0.9.0",
     "uuid": "^14.0.0"
   },
   "devDependencies": {
     "@faker-js/faker": "^10.5.0",
     "@figma/code-connect": "^1.4.4",
     "@oxlint/plugins": "1.72.0",
-    "@persona/design-tokens": "0.4.21",
-    "@persona/icons": "0.1.10",
+    "@persona/design-tokens": "0.4.23",
+    "@persona/icons": "0.1.12",
     "@storybook/react": "^10.6.2",
     "@storybook/react-vite": "^10.6.2",
     "@tanstack/intent": "^0.3.6",
@@ -319,6 +330,7 @@
       "./components/DropdownButton": "./dist/components/DropdownButton/index.mjs",
       "./components/DropdownMenu": "./dist/components/DropdownMenu/index.mjs",
       "./components/FloatingPanel": "./dist/components/FloatingPanel/index.mjs",
+      "./components/FloatingToolbar": "./dist/components/FloatingToolbar/index.mjs",
       "./components/FormControl": "./dist/components/FormControl/index.mjs",
       "./components/FormField": "./dist/components/FormField/index.mjs",
       "./components/Grid": "./dist/components/Grid/index.mjs",

package/skills/ui-authoring/COMPONENTS.md

@@ -29,6 +29,7 @@ exists. If there is no `.mdx`, use the published type declarations
 | `DatePicker` | Picking a date or date range from a calendar | `@persona/design-system/components/DatePicker` |
 | `DropdownButton` | Opening a menu of related actions from a button | `@persona/design-system/components/DropdownButton` |
 | `DropdownMenu` | Showing a temporary action list on a custom trigger | `@persona/design-system/components/DropdownMenu` |
+| `FloatingToolbar` | tiptap bubble-menu toolbar (formatting, links, table actions) for editors composed outside `RichTextEditor` | `@persona/design-system/components/FloatingToolbar` |
 | `FormControl` | Building a custom labeled field (label + helper/error/warning) when `FormField` is too rigid | `@persona/design-system/components/FormControl` |
 | `FormField` | Giving an input a label, helper, and error/warning. Use this or a `*Field` wrapper (`TextField`, `TextAreaField`) for form fields — unlabeled controls (search, toolbars) can stay as `Input` | `@persona/design-system/components/FormField` |
 | `HoverCopyableField` | Letting the user copy a value on hover. Optional `onCopySuccess` skips Copied so the host owns post-copy UX | `@persona/design-system/components/HoverCopyableField` |