@persona/design-system 0.1.8 → 0.2.0

package/dist/useToggle-DARO917w.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToggle-DARO917w.cjs","names":[],"sources":["../lib/useToggle.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\ninterface UseToggleCallbacks {\n  set: (value: boolean) => void;\n  toggle: () => void;\n  enable: () => void;\n  disable: () => void;\n}\n\n/**\n * useToggle\n *\n * Boolean state hook that provides callbacks for enabling, disabling, flipping\n * and setting state.\n */\nexport default function useToggle(initialValue = false): [boolean, UseToggleCallbacks] {\n  const [value, setValue] = useState<boolean>(!!initialValue);\n  const set = useCallback((newValue: boolean) => setValue(newValue), []);\n  const toggle = useCallback(() => setValue(!value), [value]);\n  const enable = useCallback(() => setValue(true), []);\n  const disable = useCallback(() => setValue(false), []);\n  return [value, { set, toggle, enable, disable }];\n}\n"],"mappings":";;;;;;;;;AAeA,SAAwB,UAAU,eAAe,OAAsC;CACrF,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAA8B,CAAC,CAAC,aAAa;AAK3D,QAAO,CAAC,OAAO;EAAE,MAAA,GAAA,MAAA,cAJQ,aAAsB,SAAS,SAAS,EAAE,EAAE,CAIjD;EAAE,SAAA,GAAA,MAAA,mBAHW,SAAS,CAAC,MAAM,EAAE,CAAC,MAAM,CAG9B;EAAE,SAAA,GAAA,MAAA,mBAFG,SAAS,KAAK,EAAE,EAAE,CAEf;EAAE,UAAA,GAAA,MAAA,mBADJ,SAAS,MAAM,EAAE,EAAE,CACR;EAAE,CAAC"}

package/dist/utilities-BO_95qFA.d.mts

@@ -1,9 +0,0 @@
-//#region types/utilities.d.ts
-/**
- * Given a type T, require at least one of the passed keys which are optional keys of T to
- * be present.
- */
-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-BO_95qFA.d.mts.map

package/dist/utilities.d.cts

@@ -1,2 +0,0 @@
-import { t as RequireOneOf } from "./utilities-mSlaTrjB.cjs";
-export { RequireOneOf };

package/dist/utils/storybook.cjs

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CKQMccvm.cjs");
-const require_Stack = require("../Stack-UeifHn3c.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region utils/storybook.tsx
-const withStack = (Story) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Stack.Stack, { children: Story() });
-};
-//#endregion
-exports.withStack = withStack;
-
-//# sourceMappingURL=storybook.cjs.map

package/dist/utils/storybook.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"storybook.cjs","names":["Stack"],"sources":["../../utils/storybook.tsx"],"sourcesContent":["// eslint-disable-next-line rulesdir/no-restricted-imports-error\nimport 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":";;;;;AAKA,MAAa,aAAwB,UAAU;AAC7C,QAAO,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD,EAAA,UAAQ,OAAO,EAAS,CAAA"}

package/dist/utils/testing.cjs

@@ -1,50 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CKQMccvm.cjs");
-const require_lib_PDSProvider = require("../lib/PDSProvider.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let _testing_library_react = require("@testing-library/react");
-let react_aria_components = require("react-aria-components");
-let react_router_dom = require("react-router-dom");
-//#region utils/testing.tsx
-const AllTheProviders = ({ children, includeRouter = false }) => {
-	let router;
-	if (includeRouter) router = (0, react_router_dom.createMemoryRouter)([{
-		path: "/internal-route",
-		element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: "INTERNAL ROUTE" })
-	}, {
-		path: "*",
-		element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children })
-	}]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_lib_PDSProvider, { children: router ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_aria_components.RouterProvider, {
-		navigate: router.navigate,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router_dom.RouterProvider, { router })
-	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children }) });
-};
-const customRender = (ui, options) => (0, _testing_library_react.render)(ui, {
-	wrapper: ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AllTheProviders, {
-		includeRouter: options?.includeRouter,
-		children
-	}),
-	...options
-});
-/**
-* TODO: Improve this helper or the Select to make querying it easer
-*/
-const getSelectByTrigger = (triggerLabel) => {
-	const triggerBtn = _testing_library_react.screen.getByText(triggerLabel).closest("button");
-	if (triggerBtn.getAttribute("role") !== "combobox") return null;
-	return triggerBtn;
-};
-const isInLoadingState = (screenObj) => {
-	expect(screenObj.queryAllByTestId("loading-shimmer").length).toBeGreaterThan(0);
-};
-const isNotInLoadingState = (screenObj) => {
-	expect(screenObj.queryAllByTestId("loading-shimmer").length).toBe(0);
-};
-//#endregion
-exports.getSelectByTrigger = getSelectByTrigger;
-exports.isInLoadingState = isInLoadingState;
-exports.isNotInLoadingState = isNotInLoadingState;
-exports.render = customRender;
-
-//# sourceMappingURL=testing.cjs.map

package/dist/utils/testing.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"testing.cjs","names":["PDSProvider","ReactAriaRouterProvider","RouterProvider","screen"],"sources":["../../utils/testing.tsx"],"sourcesContent":["import { render, type RenderOptions, screen } from '@testing-library/react';\nimport type { FC, PropsWithChildren, ReactElement } from 'react';\nimport { RouterProvider as ReactAriaRouterProvider } from 'react-aria-components';\nimport { createMemoryRouter, RouterProvider } from 'react-router-dom';\n\nimport PDSProvider from '@persona/design-system/lib/PDSProvider';\n\nconst AllTheProviders: FC<PropsWithChildren<{ includeRouter?: boolean }>> = ({\n  children,\n  includeRouter = false,\n}) => {\n  let router: ReturnType<typeof createMemoryRouter> | undefined;\n  if (includeRouter) {\n    router = createMemoryRouter([\n      {\n        path: '/internal-route',\n        element: <div>INTERNAL ROUTE</div>,\n      },\n      {\n        path: '*',\n        element: <>{children}</>,\n      },\n    ]);\n  }\n\n  return (\n    <PDSProvider>\n      {router ? (\n        <ReactAriaRouterProvider navigate={router.navigate}>\n          <RouterProvider router={router} />\n        </ReactAriaRouterProvider>\n      ) : (\n        <>{children}</>\n      )}\n    </PDSProvider>\n  );\n};\n\n// https://testing-library.com/docs/react-testing-library/setup/#custom-render\nconst customRender = (\n  ui: ReactElement,\n  options?: Omit<RenderOptions, 'wrapper'> & { includeRouter?: boolean },\n) =>\n  render(ui, {\n    wrapper: ({ children }) => (\n      <AllTheProviders includeRouter={options?.includeRouter}>{children}</AllTheProviders>\n    ),\n    ...options,\n  });\n\n/**\n * TODO: Improve this helper or the Select to make querying it easer\n */\nexport const getSelectByTrigger = (triggerLabel: string) => {\n  const triggerBtn = screen.getByText(triggerLabel).closest('button');\n\n  // Check to make sure it's a combobox button\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  if (triggerBtn.getAttribute('role') !== 'combobox') {\n    return null;\n  }\n\n  return triggerBtn;\n};\n\nexport const isInLoadingState = (screenObj: typeof screen) => {\n  // eslint-disable-next-line rulesdir/jest-test-id\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBeGreaterThan(0);\n};\n\nexport const isNotInLoadingState = (screenObj: typeof screen) => {\n  // eslint-disable-next-line rulesdir/jest-test-id\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBe(0);\n};\n\nexport { customRender as render };\n"],"mappings":";;;;;;;;AAOA,MAAM,mBAAuE,EAC3E,UACA,gBAAgB,YACZ;CACJ,IAAI;AACJ,KAAI,cACF,WAAA,GAAA,iBAAA,oBAA4B,CAC1B;EACE,MAAM;EACN,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAA,UAAK,kBAAoB,CAAA;EACnC,EACD;EACE,MAAM;EACN,SAAS,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAG,UAAY,CAAA;EACzB,CACF,CAAC;AAGJ,QACE,iBAAA,GAAA,kBAAA,KAACA,yBAAD,EAAA,UACG,SACC,iBAAA,GAAA,kBAAA,KAACC,sBAAAA,gBAAD;EAAyB,UAAU,OAAO;YACxC,iBAAA,GAAA,kBAAA,KAACC,iBAAAA,gBAAD,EAAwB,QAAU,CAAA;EACV,CAAA,GAE1B,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAG,UAAY,CAAA,EAEL,CAAA;;AAKlB,MAAM,gBACJ,IACA,aAAA,GAAA,uBAAA,QAEO,IAAI;CACT,UAAU,EAAE,eACV,iBAAA,GAAA,kBAAA,KAAC,iBAAD;EAAiB,eAAe,SAAS;EAAgB;EAA2B,CAAA;CAEtF,GAAG;CACJ,CAAC;;;;AAKJ,MAAa,sBAAsB,iBAAyB;CAC1D,MAAM,aAAaC,uBAAAA,OAAO,UAAU,aAAa,CAAC,QAAQ,SAAS;AAInE,KAAI,WAAW,aAAa,OAAO,KAAK,WACtC,QAAO;AAGT,QAAO;;AAGT,MAAa,oBAAoB,cAA6B;AAE5D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,gBAAgB,EAAE;;AAGjF,MAAa,uBAAuB,cAA6B;AAE/D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE"}

package/dist/utils/testing.d.cts

@@ -1,18 +0,0 @@
-import { ReactElement } from "react";
-import * as _$_testing_library_dom_types_queries0 from "@testing-library/dom/types/queries";
-import * as _$_testing_library_react0 from "@testing-library/react";
-import { RenderOptions, screen } from "@testing-library/react";
-
-//#region utils/testing.d.ts
-declare const customRender: (ui: ReactElement, options?: Omit<RenderOptions, "wrapper"> & {
-  includeRouter?: boolean;
-}) => _$_testing_library_react0.RenderResult<typeof _$_testing_library_dom_types_queries0, HTMLElement, HTMLElement>;
-/**
- * TODO: Improve this helper or the Select to make querying it easer
- */
-declare const getSelectByTrigger: (triggerLabel: string) => HTMLButtonElement | null;
-declare const isInLoadingState: (screenObj: typeof screen) => void;
-declare const isNotInLoadingState: (screenObj: typeof screen) => void;
-//#endregion
-export { getSelectByTrigger, isInLoadingState, isNotInLoadingState, customRender as render };
-//# sourceMappingURL=testing.d.cts.map

package/dist/validation-vLh3t2dk.d.mts

@@ -1,51 +0,0 @@
-import { f as FilterStateV2, l as FilterRule } from "./types-D58IoRx6.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-rqSkjchY.mjs";
-
-//#region components/DataTable/TableControls/FiltersV2/validation.d.ts
-/**
- * Returns `true` when `value` is a structurally-valid `FilterStateV2`,
- * including per-rule content validation. A `topLevelRules` element
- * with a non-string `fieldId`, an operator not in the known
- * vocabulary, or a value of an unsupported type is rejected — a
- * shallow shape sniff would let those reach the adapter.
- */
-declare function isFilterStateV2(value: unknown): value is FilterStateV2;
-/**
- * Strip rules referencing unregistered `fieldId`s from a decoded state.
- * Pairs with `isFilterStateV2` for defense-in-depth: even after the
- * shape guard passes, a rule with a `fieldId` that doesn't exist in the
- * current resource's registry would silently render nothing in the UI
- * but still reach the adapter and ship to the backend. Pruning closes
- * that gap.
- *
- * Empty AND-groups created by pruning are also dropped, since the
- * adapter prunes them on serialize anyway and the editor UI hides
- * empty groups too.
- *
- * Skips its own work and returns the input unchanged when `registry`
- * is `undefined` — useful for callers that hydrate before the registry
- * is built.
- *
- * For valueless operators (`is_empty`, etc.) the value contract is
- * `null`. Non-valueless operators keep in-progress draft values (an empty
- * string / empty array) so a pill the user is mid-editing survives the
- * report/hydrate round-trip and stays visible — top-level and compound
- * rules are treated alike here, and the serialize boundary
- * (`hasCompleteValue`) is what drops incomplete rules from the request.
- */
-declare function pruneToRegistry(state: FilterStateV2, registry: FieldRegistry | undefined): FilterStateV2;
-/**
- * Whether `rule` carries a complete value for its field type — the
- * serialize-boundary predicate `pruneEmptyRulesForSerialize` uses to drop
- * half-edited rules from the request (a value-requiring operator like
- * `is_not` with no value yet makes the backend reject the whole request).
- *
- * Deliberately stricter than `isRuleAllowed`'s hydration policy, which keeps
- * an empty string so an in-progress pill survives the state round-trip and
- * stays visible for the user to finish. Checks value completeness only — it
- * does not gate operator vocabulary or registry membership.
- */
-declare function hasCompleteValue(rule: FilterRule, registry: FieldRegistry): boolean;
-//#endregion
-export { isFilterStateV2 as n, pruneToRegistry as r, hasCompleteValue as t };
-//# sourceMappingURL=validation-vLh3t2dk.d.mts.map

package/dist/validation.d.cts

@@ -1,2 +0,0 @@
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-CJymv6JE.cjs";
-export { hasCompleteValue, isFilterStateV2, pruneToRegistry };

package/dist/value-control-resolver-B9p25q3G.d.cts

@@ -1,46 +0,0 @@
-import { a as FilterField, c as FilterOperator, u as FilterRuleValue } from "./types-B_HHNlia.cjs";
-import { ReactNode } from "react";
-
-//#region components/DataTable/TableControls/FiltersV2/FilterBar/value-control-resolver.d.ts
-/**
- * Single dispatch point that picks the right type-aware value control for a
- * given `FilterField`. Used by both the simple-rule `FilterPopover` and the
- * Advanced Filter Rules editor so the per-type input behavior stays
- * consistent across surfaces.
- *
- * Adding a new field type:
- *
- *   1. Add the type to `FilterFieldType` in `../types.ts` (and decide its
- *      operator vocabulary in `../operators.ts`).
- *   2. Implement a control under `../value-controls/<NewType>ValueControl/`
- *      that accepts `ValueControlProps` from `../value-controls/types.ts`.
- *   3. Add the new branch to `RESOLVERS` below. TypeScript will require it
- *      because the `Record<FilterFieldType, …>` keying makes the table
- *      exhaustive.
- *
- * `layout` is forwarded to the underlying control so the same component
- * can render differently between the two surfaces — see
- * `ChoicesValueControl` in `multiple` mode ("popover" → inline checkbox
- * list, "inline" → compact Combobox with chips).
- */
-interface ResolveValueControlOptions {
-  field: FilterField;
-  operator: FilterOperator;
-  value: FilterRuleValue;
-  onChange: (value: FilterRuleValue) => void;
-  onCommit?: () => void;
-  ariaLabel?: string;
-  /**
-   * Where the control is being rendered. `popover` (default) is the
-   * simple-pill `FilterPopover` surface — dedicated to one rule with
-   * room for an inline checkbox list. `inline` is the Advanced Filter
-   * Rules `LogicRow` dropdown surface — compact, prefers a Combobox
-   * with chips over a vertically expansive list.
-   */
-  layout?: 'popover' | 'inline';
-}
-type ValueControlResolver = (opts: ResolveValueControlOptions) => ReactNode | undefined;
-declare function resolveValueControl(opts: ResolveValueControlOptions, hostResolver?: ValueControlResolver): ReactNode;
-//#endregion
-export { ValueControlResolver as n, resolveValueControl as r, ResolveValueControlOptions as t };
-//# sourceMappingURL=value-control-resolver-B9p25q3G.d.cts.map

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

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

package/dist/variables/color.cjs

@@ -1,22 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region variables/color.ts
-/**
-* COLORS => Color
-* 10 => 100
-* 20 => 200
-* 30 => 300
-* 50 => 400
-* 60 => 500
-* 80 => 600 (primary color)
-* 100 => 700
-* unused => 800
-*/
-let Color = /* @__PURE__ */ function(Color) {
-	Color["Black"] = "#000000";
-	Color["White"] = "#FFFFFF";
-	return Color;
-}({});
-//#endregion
-exports.Color = Color;
-
-//# sourceMappingURL=color.cjs.map

package/dist/variables/color.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"color.cjs","names":[],"sources":["../../variables/color.ts"],"sourcesContent":["/**\n * COLORS => Color\n * 10 => 100\n * 20 => 200\n * 30 => 300\n * 50 => 400\n * 60 => 500\n * 80 => 600 (primary color)\n * 100 => 700\n * unused => 800\n */\nexport enum Color {\n  Black = '#000000',\n  White = '#FFFFFF',\n}\n"],"mappings":";;;;;;;;;;;;;AAWA,IAAY,QAAL,yBAAA,OAAA;AACL,OAAA,WAAA;AACA,OAAA,WAAA;;KACD"}

package/dist/variables/color.d.cts

@@ -1,19 +0,0 @@
-//#region variables/color.d.ts
-/**
- * COLORS => Color
- * 10 => 100
- * 20 => 200
- * 30 => 300
- * 50 => 400
- * 60 => 500
- * 80 => 600 (primary color)
- * 100 => 700
- * unused => 800
- */
-declare enum Color {
-  Black = "#000000",
-  White = "#FFFFFF"
-}
-//#endregion
-export { Color };
-//# sourceMappingURL=color.d.cts.map

package/dist/variables/effect.cjs

@@ -1,27 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CKQMccvm.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-//#region variables/effect.ts
-/**
-* There is intentionally no trailing semi. This makes it easier to compose shadows.
-* BOX_SHADOWS => Elevation
-* High => Popovers, modals, etc. [completely isolated and detached components]
-* Mid => Elevated cards, date pickers, tooltips, etc. [isolated elements that appear on trigger]
-* Low => Input popovers, listbox, drop downs, etc. [non-isolated components]
-*/
-let Elevation = /* @__PURE__ */ function(Elevation) {
-	Elevation["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)";
-	Elevation["Mid"] = "0px 8px 14px 0px rgba(0, 0, 0, 0.06), 0px 3px 24px 0px rgba(0, 0, 0, 0.06)";
-	Elevation["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)";
-	return Elevation;
-}({});
-const Hairline = {
-	Bottom: `0px 1px 0px ${_persona_design_tokens.Color.BorderHairline}`,
-	Top: `0px -1px 0px ${_persona_design_tokens.Color.BorderHairline}`,
-	Right: `1px 0px 0px ${_persona_design_tokens.Color.BorderHairline}`
-};
-//#endregion
-exports.Elevation = Elevation;
-exports.Hairline = Hairline;
-
-//# sourceMappingURL=effect.cjs.map

package/dist/variables/effect.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"effect.cjs","names":["Color"],"sources":["../../variables/effect.ts"],"sourcesContent":["import { Color } from '@persona/design-tokens';\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\n// String enums cannot have computed members, so we use an object.\nexport const Hairline = {\n  Bottom: `0px 1px 0px ${Color.BorderHairline}`,\n  Top: `0px -1px 0px ${Color.BorderHairline}`,\n  Right: `1px 0px 0px ${Color.BorderHairline}`,\n};\n"],"mappings":";;;;;;;;;;;AASA,IAAY,YAAL,yBAAA,WAAA;AACL,WAAA,UAAA;AACA,WAAA,SAAA;AACA,WAAA,SAAA;;KACD;AAGD,MAAa,WAAW;CACtB,QAAQ,eAAeA,uBAAAA,MAAM;CAC7B,KAAK,gBAAgBA,uBAAAA,MAAM;CAC3B,OAAO,eAAeA,uBAAAA,MAAM;CAC7B"}

package/dist/variables/effect.d.cts

@@ -1,21 +0,0 @@
-//#region variables/effect.d.ts
-/**
- * There is intentionally no trailing semi. This makes it easier to compose shadows.
- * BOX_SHADOWS => Elevation
- * High => Popovers, modals, etc. [completely isolated and detached components]
- * Mid => Elevated cards, date pickers, tooltips, etc. [isolated elements that appear on trigger]
- * Low => Input popovers, listbox, drop downs, etc. [non-isolated components]
- */
-declare enum Elevation {
-  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)",
-  Mid = "0px 8px 14px 0px rgba(0, 0, 0, 0.06), 0px 3px 24px 0px rgba(0, 0, 0, 0.06)",
-  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)"
-}
-declare const Hairline: {
-  Bottom: string;
-  Top: string;
-  Right: string;
-};
-//#endregion
-export { Elevation, Hairline };
-//# sourceMappingURL=effect.d.cts.map

package/dist/variables/keyframes.cjs

@@ -1,22 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../chunk-CKQMccvm.cjs");
-let styled_components = require("styled-components");
-//#region variables/keyframes.ts
-const rotate = styled_components.keyframes`
-  100% {
-    transform: rotate(360deg);
-  }
-`;
-const fadeIn = styled_components.keyframes`
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-`;
-//#endregion
-exports.fadeIn = fadeIn;
-exports.rotate = rotate;
-
-//# sourceMappingURL=keyframes.cjs.map

package/dist/variables/keyframes.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyframes.cjs","names":[],"sources":["../../variables/keyframes.ts"],"sourcesContent":["import { keyframes } from 'styled-components';\n\nexport const rotate = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nexport const fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n"],"mappings":";;;;AAEA,MAAa,SAAS,kBAAA,SAAS;;;;;AAM/B,MAAa,SAAS,kBAAA,SAAS"}

package/dist/variables/keyframes.d.cts

@@ -1,8 +0,0 @@
-import * as _$styled_components0 from "styled-components";
-
-//#region variables/keyframes.d.ts
-declare const rotate: _$styled_components0.Keyframes;
-declare const fadeIn: _$styled_components0.Keyframes;
-//#endregion
-export { fadeIn, rotate };
-//# sourceMappingURL=keyframes.d.cts.map

package/dist/variables/spacing.cjs

@@ -1,10 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region variables/spacing.ts
-/**
-* @deprecated Use a Spacing value from @persona/design-tokens
-*/
-const BASE = 8;
-//#endregion
-exports.BASE = BASE;
-
-//# sourceMappingURL=spacing.cjs.map

package/dist/variables/spacing.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacing.cjs","names":[],"sources":["../../variables/spacing.ts"],"sourcesContent":["/**\n * @deprecated Use a Spacing value from @persona/design-tokens\n */\nexport const BASE = 8;\n"],"mappings":";;;;;AAGA,MAAa,OAAO"}

package/dist/variables/spacing.d.cts

@@ -1,8 +0,0 @@
-//#region variables/spacing.d.ts
-/**
- * @deprecated Use a Spacing value from @persona/design-tokens
- */
-declare const BASE = 8;
-//#endregion
-export { BASE };
-//# sourceMappingURL=spacing.d.cts.map

package/dist/variables/text.cjs

@@ -1,13 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region variables/text.ts
-let FontWeight = /* @__PURE__ */ function(FontWeight) {
-	FontWeight[FontWeight["Light"] = 300] = "Light";
-	FontWeight[FontWeight["Regular"] = 400] = "Regular";
-	FontWeight[FontWeight["Medium"] = 500] = "Medium";
-	FontWeight[FontWeight["Bold"] = 700] = "Bold";
-	return FontWeight;
-}({});
-//#endregion
-exports.FontWeight = FontWeight;
-
-//# sourceMappingURL=text.cjs.map

package/dist/variables/text.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.cjs","names":[],"sources":["../../variables/text.ts"],"sourcesContent":["export enum FontWeight {\n  Light = 300,\n  Regular = 400,\n  Medium = 500,\n  Bold = 700,\n}\n"],"mappings":";;AAAA,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,WAAA,WAAA,OAAA;AACA,YAAA,WAAA,aAAA,OAAA;AACA,YAAA,WAAA,YAAA,OAAA;AACA,YAAA,WAAA,UAAA,OAAA;;KACD"}

package/dist/variables/text.d.cts

@@ -1,10 +0,0 @@
-//#region variables/text.d.ts
-declare enum FontWeight {
-  Light = 300,
-  Regular = 400,
-  Medium = 500,
-  Bold = 700
-}
-//#endregion
-export { FontWeight };
-//# sourceMappingURL=text.d.cts.map

package/dist/variables/transitions.cjs

@@ -1,24 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-//#region variables/transitions.ts
-let TransitionDuration = /* @__PURE__ */ function(TransitionDuration) {
-	TransitionDuration["ExtraFast"] = "100ms";
-	TransitionDuration["Faster"] = "150ms";
-	TransitionDuration["Fast"] = "200ms";
-	TransitionDuration["Medium"] = "400ms";
-	TransitionDuration["OneSecond"] = "1000ms";
-	return TransitionDuration;
-}({});
-let TransitionDurationInSeconds = /* @__PURE__ */ function(TransitionDurationInSeconds) {
-	TransitionDurationInSeconds[TransitionDurationInSeconds["ExtraFast"] = .1] = "ExtraFast";
-	TransitionDurationInSeconds[TransitionDurationInSeconds["Faster"] = .15] = "Faster";
-	TransitionDurationInSeconds[TransitionDurationInSeconds["Fast"] = .2] = "Fast";
-	TransitionDurationInSeconds[TransitionDurationInSeconds["MediumFast"] = .3] = "MediumFast";
-	TransitionDurationInSeconds[TransitionDurationInSeconds["Medium"] = .4] = "Medium";
-	TransitionDurationInSeconds[TransitionDurationInSeconds["OneSecond"] = 1] = "OneSecond";
-	return TransitionDurationInSeconds;
-}({});
-//#endregion
-exports.TransitionDuration = TransitionDuration;
-exports.TransitionDurationInSeconds = TransitionDurationInSeconds;
-
-//# sourceMappingURL=transitions.cjs.map

package/dist/variables/transitions.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"transitions.cjs","names":[],"sources":["../../variables/transitions.ts"],"sourcesContent":["export enum TransitionDuration {\n  ExtraFast = '100ms',\n  Faster = '150ms',\n  Fast = '200ms',\n  Medium = '400ms',\n\n  OneSecond = '1000ms',\n}\n\nexport enum TransitionDurationInSeconds {\n  ExtraFast = 0.1,\n  Faster = 0.15,\n  Fast = 0.2,\n  MediumFast = 0.3,\n  Medium = 0.4,\n\n  OneSecond = 1,\n}\n"],"mappings":";;AAAA,IAAY,qBAAL,yBAAA,oBAAA;AACL,oBAAA,eAAA;AACA,oBAAA,YAAA;AACA,oBAAA,UAAA;AACA,oBAAA,YAAA;AAEA,oBAAA,eAAA;;KACD;AAED,IAAY,8BAAL,yBAAA,6BAAA;AACL,6BAAA,4BAAA,eAAA,MAAA;AACA,6BAAA,4BAAA,YAAA,OAAA;AACA,6BAAA,4BAAA,UAAA,MAAA;AACA,6BAAA,4BAAA,gBAAA,MAAA;AACA,6BAAA,4BAAA,YAAA,MAAA;AAEA,6BAAA,4BAAA,eAAA,KAAA;;KACD"}

package/dist/variables/transitions.d.cts

@@ -1,19 +0,0 @@
-//#region variables/transitions.d.ts
-declare enum TransitionDuration {
-  ExtraFast = "100ms",
-  Faster = "150ms",
-  Fast = "200ms",
-  Medium = "400ms",
-  OneSecond = "1000ms"
-}
-declare enum TransitionDurationInSeconds {
-  ExtraFast = 0.1,
-  Faster = 0.15,
-  Fast = 0.2,
-  MediumFast = 0.3,
-  Medium = 0.4,
-  OneSecond = 1
-}
-//#endregion
-export { TransitionDuration, TransitionDurationInSeconds };
-//# sourceMappingURL=transitions.d.cts.map