@persona/design-system 0.1.8 → 0.2.0

package/dist/components/Tile/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["Spacing","Stack","Color","TextUnderlineTooltip","Paragraph","HStack","Heading","ArrowRightIcon12","ArrowRightIcon16","Sticker"],"sources":["../../../components/Tile/Tile.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport Stack, { HStack } from '@persona/design-system/components/Stack';\nimport Sticker, { type StickerProps } from '@persona/design-system/components/Sticker';\nimport { Heading, Paragraph } from '@persona/design-system/components/Text';\nimport { TextUnderlineTooltip } from '@persona/design-system/components/Tooltip';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ArrowRightIcon as ArrowRightIcon12 } from '@persona/icons/12px';\nimport { ArrowRightIcon as ArrowRightIcon16 } from '@persona/icons/16px';\n\nexport type TileSize = 'sm' | 'md';\n\nexport interface TileStickerProps extends Omit<\n  StickerProps,\n  'children' | 'onDismiss' | 'dismissButtonProps'\n> {\n  /**\n   * Text content of the sticker. The Tile owns rendering so callers cannot\n   * inject arbitrary JSX.\n   */\n  text: string;\n}\n\nexport interface TileProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * Size of the tile. Controls value typography and padding.\n   *\n   * @defaultValue 'md'\n   */\n  size?: TileSize;\n\n  /**\n   * Label rendered above the value.\n   */\n  label: string;\n\n  /**\n   * Tooltip content shown when hovering the label. When provided, the label\n   * is rendered with a dashed-underline trigger.\n   */\n  labelTooltip?: ReactNode;\n\n  /**\n   * Main value displayed prominently. Pass a `[before, after]` tuple to render\n   * a transition between two values with a right-pointing arrow between them.\n   */\n  value: string | [string, string];\n\n  /**\n   * Optional sticker rendered to the right of the value. The Tile renders the\n   * `<Sticker>` itself; callers configure it via these props (text + any\n   * non-children sticker props such as `variant` or `icon`).\n   */\n  sticker?: TileStickerProps;\n\n  /**\n   * Optional metadata text rendered beneath the value.\n   */\n  metadata?: string;\n\n  /**\n   * Tooltip content shown when hovering the metadata. When provided, the\n   * metadata is rendered with a dashed-underline trigger.\n   */\n  metadataTooltip?: ReactNode;\n}\n\nconst PADDING_BY_SIZE: Record<TileSize, string> = {\n  sm: Spacing[3],\n  md: Spacing[4],\n};\n\nconst TILE_MAX_WIDTH_PX = '220px';\n\nconst TileContainer = styled(Stack)<{ $size: TileSize }>`\n  background-color: ${({ theme }) => theme.color.background.primary};\n  box-sizing: border-box;\n  width: 100%;\n  max-width: ${TILE_MAX_WIDTH_PX};\n  padding: ${({ $size }) => PADDING_BY_SIZE[$size]};\n  border: 1px solid ${({ theme }) => theme.color.border.primary};\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n`;\n\nconst TransitionArrow = styled.span`\n  display: inline-flex;\n  align-items: center;\n  color: ${Color.BorderIconSecondary};\n  line-height: 0;\n`;\n\nexport const Tile = ({\n  size = 'md',\n  label,\n  labelTooltip,\n  value,\n  sticker,\n  metadata,\n  metadataTooltip,\n  ...props\n}: TileProps) => {\n  const labelNode = labelTooltip ? (\n    <TextUnderlineTooltip tooltip={labelTooltip} side='top'>\n      {label}\n    </TextUnderlineTooltip>\n  ) : (\n    label\n  );\n\n  const metadataNode =\n    metadata != null && metadataTooltip ? (\n      <TextUnderlineTooltip tooltip={metadataTooltip}>{metadata}</TextUnderlineTooltip>\n    ) : (\n      metadata\n    );\n\n  const { text: stickerText, ...stickerRest } = sticker ?? { text: '' };\n\n  return (\n    <TileContainer $size={size} spacing={Spacing[1]} {...props}>\n      <Paragraph size={size} color='secondary' as='div'>\n        {labelNode}\n      </Paragraph>\n      <HStack spacing={Spacing[2]} align='center'>\n        {Array.isArray(value) ? (\n          <>\n            <Heading size={size} color='primary' as='p'>\n              {value[0]}\n            </Heading>\n            <TransitionArrow data-test='tile-transition-arrow' aria-hidden='true'>\n              {size === 'sm' ? <ArrowRightIcon12 /> : <ArrowRightIcon16 />}\n            </TransitionArrow>\n            <Heading size={size} color='primary' as='p'>\n              {value[1]}\n            </Heading>\n          </>\n        ) : (\n          <Heading size={size} color='primary' as='p'>\n            {value}\n          </Heading>\n        )}\n        {sticker != null && <Sticker {...stickerRest}>{stickerText}</Sticker>}\n      </HStack>\n      {metadata != null && (\n        <Paragraph size='sm' color='secondary' as='div'>\n          {metadataNode}\n        </Paragraph>\n      )}\n    </TileContainer>\n  );\n};\n\nexport default Tile;\n"],"mappings":";;;;;;;;;;;;;;;;AAoEA,MAAM,kBAA4C;CAChD,IAAIA,uBAAAA,QAAQ;CACZ,IAAIA,uBAAAA,QAAQ;CACb;AAID,MAAM,gBAAgB,CAAA,GAAA,kBAAA,SAAOC,cAAAA,MAAM;uBACZ,EAAE,YAAY,MAAM,MAAM,WAAW,QAAQ;;;eAGrD,QAAkB;cACnB,EAAE,YAAY,gBAAgB,OAAO;uBAC5B,EAAE,YAAY,MAAM,MAAM,OAAO,QAAQ;oBAC5C,EAAE,YAAY,MAAM,KAAK,aAAa;;AAG1D,MAAM,kBAAkB,kBAAA,QAAO,IAAI;;;WAGxBC,uBAAAA,MAAM,oBAAoB;;;AAIrC,MAAa,QAAQ,EACnB,OAAO,MACP,OACA,cACA,OACA,SACA,UACA,iBACA,GAAG,YACY;CACf,MAAM,YAAY,eAChB,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,sBAAD;EAAsB,SAAS;EAAc,MAAK;YAC/C;EACoB,CAAA,GAEvB;CAGF,MAAM,eACJ,YAAY,QAAQ,kBAClB,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,sBAAD;EAAsB,SAAS;YAAkB;EAAgC,CAAA,GAEjF;CAGJ,MAAM,EAAE,MAAM,aAAa,GAAG,gBAAgB,WAAW,EAAE,MAAM,IAAI;AAErE,QACE,iBAAA,GAAA,kBAAA,MAAC,eAAD;EAAe,OAAO;EAAM,SAASH,uBAAAA,QAAQ;EAAI,GAAI;YAArD;GACE,iBAAA,GAAA,kBAAA,KAACI,aAAAA,WAAD;IAAiB;IAAM,OAAM;IAAY,IAAG;cACzC;IACS,CAAA;GACZ,iBAAA,GAAA,kBAAA,MAACC,cAAAA,QAAD;IAAQ,SAASL,uBAAAA,QAAQ;IAAI,OAAM;cAAnC,CACG,MAAM,QAAQ,MAAM,GACnB,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA;KACE,iBAAA,GAAA,kBAAA,KAACM,aAAAA,SAAD;MAAe;MAAM,OAAM;MAAU,IAAG;gBACrC,MAAM;MACC,CAAA;KACV,iBAAA,GAAA,kBAAA,KAAC,iBAAD;MAAiB,aAAU;MAAwB,eAAY;gBAC5D,SAAS,OAAO,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,gBAAD,EAAoB,CAAA,GAAG,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,gBAAD,EAAoB,CAAA;MAC5C,CAAA;KAClB,iBAAA,GAAA,kBAAA,KAACF,aAAAA,SAAD;MAAe;MAAM,OAAM;MAAU,IAAG;gBACrC,MAAM;MACC,CAAA;KACT,EAAA,CAAA,GAEH,iBAAA,GAAA,kBAAA,KAACA,aAAAA,SAAD;KAAe;KAAM,OAAM;KAAU,IAAG;eACrC;KACO,CAAA,EAEX,WAAW,QAAQ,iBAAA,GAAA,kBAAA,KAACG,gBAAAA,SAAD;KAAS,GAAI;eAAc;KAAsB,CAAA,CAC9D;;GACR,YAAY,QACX,iBAAA,GAAA,kBAAA,KAACL,aAAAA,WAAD;IAAW,MAAK;IAAK,OAAM;IAAY,IAAG;cACvC;IACS,CAAA;GAEA"}

package/dist/components/Tile/index.d.cts

@@ -1,2 +0,0 @@
-import { Tile, TileProps, TileSize, TileStickerProps } from "../../Tile.cjs";
-export { Tile, Tile as default, type TileProps, type TileSize, type TileStickerProps };

package/dist/components/Toast/index.cjs

@@ -1,134 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../../chunk-CKQMccvm.cjs");
-const require_lib_pseudoClass = require("../../lib/pseudoClass.cjs");
-require("../../variables/effect.cjs");
-require("../../variables/transitions.cjs");
-const require_mixins_text = require("../../mixins/text.cjs");
-require("../../lib/message.cjs");
-const require_IconButton = require("../../IconButton-nlgjJQCS.cjs");
-let _persona_design_tokens = require("@persona/design-tokens");
-let styled_components = require("styled-components");
-styled_components = require_chunk.__toESM(styled_components);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _persona_icons = require("@persona/icons");
-let _persona_icons_12px = require("@persona/icons/12px");
-let framer_motion = require("framer-motion");
-//#region components/Toast/Toast.tsx
-const TOAST_WIDTH = "324px";
-const BaseToast = (0, styled_components.default)(framer_motion.motion.div)`
-  border-radius: ${_persona_design_tokens.BorderRadius.Md};
-  box-shadow: ${"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)"};
-  color: ${({ theme }) => theme.color.text.primary};
-  ${require_mixins_text.paragraphMixins.md};
-  display: flex;
-  align-items: center;
-  gap: ${_persona_design_tokens.Spacing[2]};
-  box-sizing: border-box;
-  padding: ${_persona_design_tokens.Spacing[2]} ${_persona_design_tokens.Spacing[3]};
-  width: 100%;
-`;
-const ToastIcon = styled_components.default.div`
-  flex-shrink: 0;
-  display: flex;
-  line-height: 0;
-  color: ${_persona_design_tokens.Color.BorderIconPrimary};
-`;
-const ToastContent = styled_components.default.div`
-  flex: 1;
-  min-width: 0; /* needed for text to wrap/truncate inside flex container */
-  ${({ $clip }) => $clip && styled_components.css`
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `}
-`;
-const CloseButton = (0, styled_components.default)(require_IconButton.IconButton)`
-  flex-shrink: 0;
-  margin-left: auto;
-  color: ${_persona_design_tokens.Color.BorderIconPrimary};
-
-  &${require_lib_pseudoClass.isActive}${require_lib_pseudoClass.isNotDisabled}, &${require_lib_pseudoClass.isHovered}${require_lib_pseudoClass.isNotDisabled} {
-    background-color: rgba(0, 0, 0, 0.05);
-  }
-
-  ${({ isFocusVisible }) => !isFocusVisible && styled_components.css`
-      &${require_lib_pseudoClass.isHovered}${require_lib_pseudoClass.isFocused}${require_lib_pseudoClass.isNotDisabled} {
-        box-shadow: none;
-      }
-      &${require_lib_pseudoClass.isFocused}${require_lib_pseudoClass.isNotDisabled} {
-        box-shadow: none;
-      }
-    `}
-`;
-const NoticeToast = (0, styled_components.default)(BaseToast)`
-  background: ${_persona_design_tokens.Color.CorePurple200};
-`;
-const SuccessToast = (0, styled_components.default)(BaseToast)`
-  background: ${_persona_design_tokens.Color.CoreGreen200};
-`;
-const FailureToast = (0, styled_components.default)(BaseToast)`
-  background: ${_persona_design_tokens.Color.CoreRed200};
-`;
-const getStyledComponent = (variant) => {
-	switch (variant) {
-		case "success": return SuccessToast;
-		case "failure": return FailureToast;
-		default: return NoticeToast;
-	}
-};
-const getIcon = (variant) => {
-	switch (variant) {
-		case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.CircleCheckIcon, {});
-		case "failure": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.CircleAlertIcon, {});
-		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons.CircleInfoIcon, {});
-	}
-};
-const Toast = ({ message, messageType, onDismiss, shouldClipOverflow, ...elemProps }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(getStyledComponent(messageType), {
-		initial: {
-			y: 64,
-			opacity: 0,
-			scale: .96
-		},
-		animate: {
-			y: 0,
-			opacity: 1,
-			scale: 1
-		},
-		exit: {
-			opacity: 0,
-			scale: .9,
-			transition: {
-				duration: .3,
-				ease: "easeOut"
-			}
-		},
-		role: "alert",
-		"aria-live": "polite",
-		transition: {
-			type: "tween",
-			duration: .4,
-			ease: "easeOut"
-		},
-		...elemProps,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastIcon, { children: getIcon(messageType) }),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ToastContent, {
-				$clip: shouldClipOverflow,
-				children: message
-			}),
-			onDismiss && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseButton, {
-				size: "sm",
-				"aria-label": "Close",
-				title: "Close",
-				onClick: onDismiss,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_persona_icons_12px.XIcon, {})
-			})
-		]
-	});
-};
-//#endregion
-exports.TOAST_WIDTH = TOAST_WIDTH;
-exports.Toast = Toast;
-
-//# sourceMappingURL=index.cjs.map

package/dist/components/Toast/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","names":["motion","BorderRadius","paragraphMixins","Spacing","Color","IconButton","isActive","isNotDisabled","isHovered","isFocused","CircleCheckIcon","CircleAlertIcon","CircleInfoIcon","XIcon"],"sources":["../../../components/Toast/Toast.tsx"],"sourcesContent":["import { type HTMLMotionProps, motion } from 'framer-motion';\nimport type { ReactElement } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport {\n  isActive,\n  isFocused,\n  isHovered,\n  isNotDisabled,\n} from '@persona/design-system/lib/pseudoClass';\nimport { paragraphMixins } from '@persona/design-system/mixins/text';\nimport { Elevation } from '@persona/design-system/variables/effect';\nimport { TransitionDurationInSeconds } from '@persona/design-system/variables/transitions';\nimport { BorderRadius, Color, Spacing } from '@persona/design-tokens';\nimport { CircleAlertIcon, CircleCheckIcon, CircleInfoIcon } from '@persona/icons';\nimport { XIcon } from '@persona/icons/12px';\nimport { MessageType } from 'design-system/lib/message';\n\nexport interface ToastProps extends HTMLMotionProps<'div'> {\n  id: string;\n  message: React.ReactNode;\n  messageType: MessageType;\n  onDismiss?: () => void;\n  shouldClipOverflow?: boolean;\n}\n\n// This is exported and used by whatever container is rendering the Toasts\nexport const TOAST_WIDTH = '324px';\n\nconst BaseToast = styled(motion.div)`\n  border-radius: ${BorderRadius.Md};\n  box-shadow: ${Elevation.Low};\n  color: ${({ theme }) => theme.color.text.primary};\n  ${paragraphMixins.md};\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n  box-sizing: border-box;\n  padding: ${Spacing[2]} ${Spacing[3]};\n  width: 100%;\n`;\n\nconst ToastIcon = styled.div`\n  flex-shrink: 0;\n  display: flex;\n  line-height: 0;\n  color: ${Color.BorderIconPrimary};\n`;\n\nconst ToastContent = styled.div<{ $clip?: boolean }>`\n  flex: 1;\n  min-width: 0; /* needed for text to wrap/truncate inside flex container */\n  ${({ $clip }) =>\n    $clip &&\n    css`\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `}\n`;\n\nconst CloseButton = styled(IconButton)<{ isFocusVisible?: boolean }>`\n  flex-shrink: 0;\n  margin-left: auto;\n  color: ${Color.BorderIconPrimary};\n\n  &${isActive}${isNotDisabled}, &${isHovered}${isNotDisabled} {\n    background-color: rgba(0, 0, 0, 0.05);\n  }\n\n  ${({ isFocusVisible }) =>\n    !isFocusVisible &&\n    css`\n      &${isHovered}${isFocused}${isNotDisabled} {\n        box-shadow: none;\n      }\n      &${isFocused}${isNotDisabled} {\n        box-shadow: none;\n      }\n    `}\n`;\n\nconst NoticeToast = styled(BaseToast)`\n  background: ${Color.CorePurple200};\n`;\n\nconst SuccessToast = styled(BaseToast)`\n  background: ${Color.CoreGreen200};\n`;\n\nconst FailureToast = styled(BaseToast)`\n  background: ${Color.CoreRed200};\n`;\n\nconst getStyledComponent = (variant: MessageType) => {\n  switch (variant) {\n    case MessageType.Success:\n      return SuccessToast;\n    case MessageType.Failure:\n      return FailureToast;\n    case MessageType.Notice:\n    default:\n      return NoticeToast;\n  }\n};\n\nconst getIcon = (variant: MessageType): ReactElement => {\n  switch (variant) {\n    case MessageType.Success:\n      return <CircleCheckIcon />;\n    case MessageType.Failure:\n      return <CircleAlertIcon />;\n    case MessageType.Notice:\n    default:\n      return <CircleInfoIcon />;\n  }\n};\n\nexport const Toast = ({\n  message,\n  messageType,\n  onDismiss,\n  shouldClipOverflow,\n  ...elemProps\n}: ToastProps) => {\n  const StyledToast = getStyledComponent(messageType);\n\n  return (\n    <StyledToast\n      initial={{ y: 64, opacity: 0, scale: 0.96 }}\n      animate={{ y: 0, opacity: 1, scale: 1 }}\n      exit={{\n        opacity: 0,\n        scale: 0.9,\n        transition: { duration: TransitionDurationInSeconds.MediumFast, ease: 'easeOut' },\n      }}\n      role='alert'\n      aria-live='polite'\n      transition={{ type: 'tween', duration: TransitionDurationInSeconds.Medium, ease: 'easeOut' }}\n      {...elemProps}\n    >\n      <ToastIcon>{getIcon(messageType)}</ToastIcon>\n      <ToastContent $clip={shouldClipOverflow}>{message}</ToastContent>\n      {onDismiss && (\n        <CloseButton size='sm' aria-label='Close' title='Close' onClick={onDismiss}>\n          <XIcon />\n        </CloseButton>\n      )}\n    </StyledToast>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;AA4BA,MAAa,cAAc;AAE3B,MAAM,YAAY,CAAA,GAAA,kBAAA,SAAOA,cAAAA,OAAO,IAAI;mBACjBC,uBAAAA,aAAa,GAAG;kIACL;YAClB,EAAE,YAAY,MAAM,MAAM,KAAK,QAAQ;IAC/CC,oBAAAA,gBAAgB,GAAG;;;SAGdC,uBAAAA,QAAQ,GAAG;;aAEPA,uBAAAA,QAAQ,GAAG,GAAGA,uBAAAA,QAAQ,GAAG;;;AAItC,MAAM,YAAY,kBAAA,QAAO,GAAG;;;;WAIjBC,uBAAAA,MAAM,kBAAkB;;AAGnC,MAAM,eAAe,kBAAA,QAAO,GAAwB;;;KAG/C,EAAE,YACH,SACA,kBAAA,GAAG;;;;MAID;;AAGN,MAAM,cAAc,CAAA,GAAA,kBAAA,SAAOC,mBAAAA,WAAW;;;WAG3BD,uBAAAA,MAAM,kBAAkB;;KAE9BE,wBAAAA,WAAWC,wBAAAA,cAAc,KAAKC,wBAAAA,YAAYD,wBAAAA,cAAc;;;;KAIxD,EAAE,qBACH,CAAC,kBACD,kBAAA,GAAG;SACEC,wBAAAA,YAAYC,wBAAAA,YAAYF,wBAAAA,cAAc;;;SAGtCE,wBAAAA,YAAYF,wBAAAA,cAAc;;;MAG7B;;AAGN,MAAM,cAAc,CAAA,GAAA,kBAAA,SAAO,UAAU;gBACrBH,uBAAAA,MAAM,cAAc;;AAGpC,MAAM,eAAe,CAAA,GAAA,kBAAA,SAAO,UAAU;gBACtBA,uBAAAA,MAAM,aAAa;;AAGnC,MAAM,eAAe,CAAA,GAAA,kBAAA,SAAO,UAAU;gBACtBA,uBAAAA,MAAM,WAAW;;AAGjC,MAAM,sBAAsB,YAAyB;AACnD,SAAQ,SAAR;EACE,KAAA,UACE,QAAO;EACT,KAAA,UACE,QAAO;EAET,QACE,QAAO;;;AAIb,MAAM,WAAW,YAAuC;AACtD,SAAQ,SAAR;EACE,KAAA,UACE,QAAO,iBAAA,GAAA,kBAAA,KAACM,eAAAA,iBAAD,EAAmB,CAAA;EAC5B,KAAA,UACE,QAAO,iBAAA,GAAA,kBAAA,KAACC,eAAAA,iBAAD,EAAmB,CAAA;EAE5B,QACE,QAAO,iBAAA,GAAA,kBAAA,KAACC,eAAAA,gBAAD,EAAkB,CAAA;;;AAI/B,MAAa,SAAS,EACpB,SACA,aACA,WACA,oBACA,GAAG,gBACa;AAGhB,QACE,iBAAA,GAAA,kBAAA,MAHkB,mBAAmB,YAGzB,EAAZ;EACE,SAAS;GAAE,GAAG;GAAI,SAAS;GAAG,OAAO;GAAM;EAC3C,SAAS;GAAE,GAAG;GAAG,SAAS;GAAG,OAAO;GAAG;EACvC,MAAM;GACJ,SAAS;GACT,OAAO;GACP,YAAY;IAAE,UAAA;IAAkD,MAAM;IAAW;GAClF;EACD,MAAK;EACL,aAAU;EACV,YAAY;GAAE,MAAM;GAAS,UAAA;GAA8C,MAAM;GAAW;EAC5F,GAAI;YAXN;GAaE,iBAAA,GAAA,kBAAA,KAAC,WAAD,EAAA,UAAY,QAAQ,YAAY,EAAa,CAAA;GAC7C,iBAAA,GAAA,kBAAA,KAAC,cAAD;IAAc,OAAO;cAAqB;IAAuB,CAAA;GAChE,aACC,iBAAA,GAAA,kBAAA,KAAC,aAAD;IAAa,MAAK;IAAK,cAAW;IAAQ,OAAM;IAAQ,SAAS;cAC/D,iBAAA,GAAA,kBAAA,KAACC,oBAAAA,OAAD,EAAS,CAAA;IACG,CAAA;GAEJ"}

package/dist/components/Toast/index.d.cts

@@ -1,2 +0,0 @@
-import { TOAST_WIDTH, Toast, ToastProps } from "../../Toast.cjs";
-export { TOAST_WIDTH, Toast, ToastProps };

package/dist/components/Toggle/index.cjs

@@ -1,7 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Toggle = require("../../Toggle-Ce-rF8Xp.cjs");
-exports.Toggle = require_Toggle.Toggle;
-exports.default = require_Toggle.Toggle;

package/dist/components/Toggle/index.d.cts

@@ -1,2 +0,0 @@
-import { n as ToggleProps, t as Toggle } from "../../Toggle-tbIebQWC.cjs";
-export { Toggle, Toggle as default, ToggleProps };

package/dist/components/Tooltip/index.cjs

@@ -1,11 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Tooltip = require("../../Tooltip-olP3rdUO.cjs");
-exports.FloatingTooltip = require_Tooltip.FloatingTooltip;
-exports.HelperTooltip = require_Tooltip.HelperTooltip;
-exports.TextUnderlineTooltip = require_Tooltip.TextUnderlineTooltip;
-exports.TextWithDashedUnderline = require_Tooltip.TextWithDashedUnderline;
-exports.Tooltip = require_Tooltip.Tooltip;
-exports.default = require_Tooltip.Tooltip;

package/dist/components/Tooltip/index.d.cts

@@ -1,4 +0,0 @@
-import { i as TooltipWithIconProps, n as Tooltip, r as TooltipStandardProps, t as FloatingTooltip } from "../../Tooltip--eDrrk2r.cjs";
-import { t as HelperTooltip } from "../../HelperTooltip-T-sTGGLD.cjs";
-import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "../../TextUnderlineTooltip-DMEyOu8C.cjs";
-export { FloatingTooltip, HelperTooltip, TextUnderlineTooltip, TextWithDashedUnderline, Tooltip, Tooltip as default, TooltipStandardProps, TooltipWithIconProps };

package/dist/constants-BASogfT_.d.mts

@@ -1,6 +0,0 @@
-//#region components/Pagination/constants.d.ts
-declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
-declare const MIN_PAGE_SIZE = 10;
-//#endregion
-export { MIN_PAGE_SIZE as n, DEFAULT_PAGE_SIZE_OPTIONS as t };
-//# sourceMappingURL=constants-BASogfT_.d.mts.map

package/dist/constants.d.cts

@@ -1,2 +0,0 @@
-import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "./constants-B6c8S033.cjs";
-export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE };

package/dist/constants2.d.cts

@@ -1,10 +0,0 @@
-//#region components/DataTable/constants.d.ts
-declare function getColumnWidths(compact?: boolean): {
-  EXPAND_COLUMN_WIDTH: number;
-  SELECT_COLUMN_WIDTH: number;
-  ACTION_COLUMN_WIDTH: number;
-  NEST_SPACING: number;
-};
-//#endregion
-export { getColumnWidths };
-//# sourceMappingURL=constants2.d.cts.map

package/dist/filter-size-context-CIw0Zi6r.d.cts

@@ -1,52 +0,0 @@
-import { d as FilterSize } from "./types-B_HHNlia.cjs";
-import * as _$react from "react";
-
-//#region components/DataTable/TableControls/FiltersV2/filter-size-context.d.ts
-interface FilterBarContextValue {
-  size: FilterSize;
-}
-/**
- * Context for FilterBar-wide rendering settings. It currently carries
- * only `size`, but the object shape leaves room for future bar-level
- * settings without introducing another provider.
- */
-declare const FilterBarContext: _$react.Context<FilterBarContextValue>;
-/**
- * Resolve the active filter-bar size, honoring an explicit prop
- * override before falling back to the surrounding `FilterBarContext`.
- * Pattern is the same as the design-system FormControl size hook —
- * components accept an optional `size` prop that wins, otherwise
- * follow the ambient context.
- */
-declare function useFilterBarSize(override?: FilterSize): FilterSize;
-/**
- * Dimensional tokens for each filter-bar size variant. Co-locating the
- * pixel values here keeps the per-component styled primitives free of
- * magic numbers and ensures both variants stay in lockstep across the
- * Filter UI v2 family of components.
- *
- * Current size contract:
- *   sm → 12px font, 12px icons, 24px controls, 18px chip
- *   md → 14px font, 16px icons, 32px controls, 24px chip
- *
- * These values stay centralized here so subcomponents do not duplicate
- * hardcoded dimensions.
- */
-interface FilterSizeTokens {
-  /** Height of pills, the picker trigger, and other "control" surfaces. */
-  controlHeight: string;
-  /** Height of value chips embedded in pills (proportional to controlHeight). */
-  chipHeight: string;
-  /** Base font size for pill labels, header text, and option rows. */
-  fontSize: string;
-  /** Line height paired with `fontSize`. */
-  lineHeight: string;
-  /** Glyph size for caret/dismiss icons inside pills. */
-  iconSize: string;
-}
-declare const FILTER_SIZE_TOKENS: Record<FilterSize, FilterSizeTokens>;
-/** Convenience accessor — returns the token bundle for the resolved size. */
-declare function useFilterSizeTokens(override?: FilterSize): FilterSizeTokens;
-//#endregion
-export { useFilterBarSize as a, FilterSizeTokens as i, FilterBarContext as n, useFilterSizeTokens as o, FilterBarContextValue as r, FILTER_SIZE_TOKENS as t };
-//# sourceMappingURL=filter-size-context-CIw0Zi6r.d.cts.map

package/dist/filter-size-context.d.cts

@@ -1,2 +0,0 @@
-import { a as useFilterBarSize, i as FilterSizeTokens, n as FilterBarContext, o as useFilterSizeTokens, r as FilterBarContextValue, t as FILTER_SIZE_TOKENS } from "./filter-size-context-CIw0Zi6r.cjs";
-export { FILTER_SIZE_TOKENS, FilterBarContext, FilterBarContextValue, FilterSizeTokens, useFilterBarSize, useFilterSizeTokens };

package/dist/helpers.d.cts

@@ -1,76 +0,0 @@
-import { n as CheckboxProps } from "./Checkbox-Cr8ifm10.cjs";
-import { DataTableColumnFormat, DataTableColumnImageFormat, DataTableColumnPiiFormat, DataTableColumnStringFormat, DateConfig, DatetimeConfig, RenderValueStickerFormatConfig } from "./components/DataTable/types.cjs";
-import { ReactNode } from "react";
-
-//#region components/DataTable/helpers.d.ts
-declare const renderAsCheckbox: ({
-  rowId,
-  isChecked,
-  onChange,
-  onValueChange,
-  columnHeader,
-  disabled,
-  indeterminate
-}: {
-  rowId: string;
-  isChecked: boolean;
-  /**
-   * Called when the checkbox is clicked
-   * @param e - The event object
-   */
-  onChange?: CheckboxProps["onChange"];
-  /**
-   * Called when the checkbox value changes
-   * @param rowId - The id of the row
-   * @param checked - The new value of the checkbox
-   */
-  onValueChange?: (rowId: string, checked: boolean) => void;
-  columnHeader?: string;
-  disabled?: boolean;
-  indeterminate?: boolean;
-}) => ReactNode;
-declare const renderAsCheckboxHeader: ({
-  header,
-  isChecked,
-  isIndeterminate,
-  onChange,
-  onValueChange
-}: {
-  /**
-   * The header text to display to the right of the checkbox
-   */
-  header?: string;
-  isChecked: boolean;
-  isIndeterminate: boolean;
-  /**
-   * Called when the checkbox is clicked
-   * @param e - The event object
-   */
-  onChange?: CheckboxProps["onChange"];
-  /**
-   * Called when the checkbox value changes
-   * @param rowId - The id of the row
-   * @param checked - The new value of the checkbox
-   */
-  onValueChange?: (checked: boolean) => void;
-}) => ReactNode;
-declare const renderAsString: (value: unknown) => string;
-declare const renderAsDate: (value: unknown, config?: DateConfig) => string;
-declare const renderAsDatetime: (value: unknown, config?: DatetimeConfig) => string;
-declare const renderAsURL: (value: unknown) => ReactNode;
-declare const renderAsNumber: (value: unknown) => ReactNode;
-declare const renderAsSticker: (value: unknown, config?: RenderValueStickerFormatConfig) => ReactNode;
-declare const renderAsCopyableString: (value: unknown, config?: DataTableColumnStringFormat["config"] & {
-  emptyText?: string;
-}) => ReactNode;
-declare const renderAsPii: <TData = unknown>(row?: TData, config?: DataTableColumnPiiFormat<TData>["config"]) => ReactNode;
-declare const renderAsLightweightImage: (value: unknown, config?: DataTableColumnImageFormat["config"]) => ReactNode;
-/**
- * Default PDS cell renderer. Handles all generic format types built into the design system.
- * Hosts should supply their own `renderFormat` prop to DataTable for format types that require
- * application-specific components (e.g. tags, files, PII masking, status indicators).
- */
-declare const renderAsPDSFormat: <TData = unknown>(value: unknown, format?: DataTableColumnFormat<TData>, row?: TData) => string | ReactNode;
-//#endregion
-export { renderAsCheckbox, renderAsCheckboxHeader, renderAsCopyableString, renderAsDate, renderAsDatetime, renderAsLightweightImage, renderAsNumber, renderAsPDSFormat, renderAsPii, renderAsSticker, renderAsString, renderAsURL };
-//# sourceMappingURL=helpers.d.cts.map

package/dist/index-Bw8QVu_o.d.cts

@@ -1,75 +0,0 @@
-import { t as TableHeaderCell } from "./TableHeaderCell-Crsa2R2g.cjs";
-import { n as TableRowProps } from "./TableRow-DVTPqT4w.cjs";
-import * as _$react from "react";
-import { ComponentPropsWithoutRef, ReactNode } from "react";
-import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-
-//#region components/Table/TableTH.d.ts
-interface TableTHProps extends ComponentPropsWithoutRef<typeof TableHeaderCell> {
-  canSort?: boolean;
-  isSorted?: boolean;
-  isDescending?: boolean;
-  isSticky?: boolean;
-  /**
-   * Display help icon and tooltip for column header
-   */
-  helpText?: ReactNode;
-  align?: 'left' | 'right';
-  size?: 'sm' | 'md';
-}
-declare const TableTH: _$react.ForwardRefExoticComponent<TableTHProps & _$react.RefAttributes<HTMLTableCellElement>>;
-//#endregion
-//#region components/Table/TableCell.d.ts
-interface TableCellProps {
-  breakWord?: boolean;
-  size?: 'sm' | 'md';
-}
-declare const TableCell: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps, "role">;
-interface TableCellTitleProps extends ComponentPropsWithoutRef<'div'> {
-  subtitle?: ReactNode;
-}
-declare const TableCellTitle: ({
-  children,
-  subtitle,
-  ...elemProps
-}: TableCellTitleProps) => _$react_jsx_runtime0.JSX.Element;
-declare const TableTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-}, "role">;
-declare const TableIconTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-}, "role">;
-declare const TableActionTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-}, "role">;
-declare const StickyTD: _$styled_components0.StyledComponent<"td", any, {
-  role: "cell";
-} & TableCellProps & {
-  unclickable?: boolean;
-} & {
-  left?: number;
-  hasRightBorder?: boolean;
-}, "role">;
-declare const StickyTH: _$styled_components0.StyledComponent<_$react.ForwardRefExoticComponent<TableTHProps & _$react.RefAttributes<HTMLTableCellElement>>, any, {
-  left?: number;
-  hasRightBorder?: boolean;
-  size?: "sm" | "md";
-}, never>;
-declare const TableTR: _$styled_components0.StyledComponent<"tr", any, {
-  role: "row";
-} & TableRowProps & {
-  disableHoverBackground?: boolean;
-  $isActive?: boolean;
-}, "role">;
-//#endregion
-export { TableCellProps as a, TableTD as c, TableTHProps as d, TableCell as i, TableTR as l, StickyTH as n, TableCellTitle as o, TableActionTD as r, TableIconTD as s, StickyTD as t, TableTH as u };
-//# sourceMappingURL=index-Bw8QVu_o.d.cts.map

package/dist/index-C9EIpBh8.d.cts

@@ -1,7 +0,0 @@
-import { n as FilterBarProps$1 } from "./FilterBar-YzOh02f9.cjs";
-
-//#region components/DataTable/TableControls/FiltersV2/FilterBar/index.d.ts
-type FilterBarProps = FilterBarProps$1;
-//#endregion
-export { FilterBarProps as t };
-//# sourceMappingURL=index-C9EIpBh8.d.cts.map

package/dist/index-CzItj62a.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-D-BciAtf.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-D34XP8vp.d.cts

@@ -1,54 +0,0 @@
-import { n as ListBoxItemProps, r as ListBoxProps } from "./ListBox-QaeRQBSC.cjs";
-import { n as LogicRowProps } from "./LogicRow-C6lrFIq0.cjs";
-import * as _$react from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
-import * as _$react_aria_components0 from "react-aria-components";
-
-//#region components/ListBox/index.d.ts
-declare const ListBox: {
-  <T extends object>({
-    children,
-    onAdd,
-    onDelete,
-    emptyText,
-    deleteDisabled,
-    selectedKeys,
-    onSelectionChange,
-    editable,
-    size,
-    reorderConfig,
-    items,
-    ...props
-  }: _$react.PropsWithChildren<ListBoxProps<T>>): _$react_jsx_runtime0.JSX.Element;
-  Item: ({
-    children,
-    actions,
-    onDelete,
-    size,
-    dropdownHeadingText,
-    dropdownFormFields,
-    dropdownContent,
-    dropdownFooter,
-    ...props
-  }: ListBoxItemProps) => _$react_jsx_runtime0.JSX.Element;
-  Section: <T extends object>(props: _$react_aria_components0.ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
-  Header: (props: _$react.ComponentPropsWithoutRef<typeof _$react_aria_components0.Header>) => _$react_jsx_runtime0.JSX.Element;
-} & {
-  LogicRow: ({
-    condition,
-    attributeName,
-    operator,
-    matchLevelName,
-    editable,
-    id,
-    onDelete,
-    dropdownHeadingText,
-    dropdownFormFields,
-    size,
-    hideCondition,
-    ...listBoxItemProps
-  }: LogicRowProps) => _$react_jsx_runtime0.JSX.Element;
-};
-//#endregion
-export { ListBox as t };
-//# sourceMappingURL=index-D34XP8vp.d.cts.map

package/dist/index-D4DUvwPf.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-D5tSVhTd.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-D6CnpA_r.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-D9IqtUDs.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-DFKoAoY2.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-DGsJdI5l.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-DM6vVDZD.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-DWfPppPU.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-DXJd7-2Z.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-DkrC-i1D.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-DpEKQcoR.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-DvuJXuAN.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-Iujpc9_6.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-PWQavSPf.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-_wQ5ClJU.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-dC-i2r_u.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-e6k85DKM.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-lIMqGGJz.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index-sQecLSpR.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/index-sViox9YW.d.mts

@@ -1 +0,0 @@
-export { };

package/dist/index.d.cts

@@ -1,2 +0,0 @@
-import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "./Header-C-WhPOin.cjs";
-export { ActionsContainer, HeaderContainer, HeaderProps, Root, Title, TitleContainer, Header as default };

package/dist/index2.d.cts

@@ -1,2 +0,0 @@
-import { n as SearchInput, t as OmniSearchProps } from "./SearchInput-CTI59-NW.cjs";
-export { OmniSearchProps, SearchInput as default };

package/dist/index3.d.cts

@@ -1,4 +0,0 @@
-import { r as resolveValueControl } from "./value-control-resolver-B9p25q3G.cjs";
-import { t as FilterBar } from "./FilterBar-YzOh02f9.cjs";
-import { t as FilterBarProps } from "./index-C9EIpBh8.cjs";
-export { FilterBarProps, FilterBar as default, resolveValueControl };

package/dist/index4.d.cts

@@ -1,11 +0,0 @@
-import { a as FilterField, c as FilterOperator, d as FilterSize, f as FilterStateV2, i as EMPTY_FILTER_STATE, l as FilterRule, n as CompoundExpression, o as FilterFieldSource, p as TopLevelFilterRule, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "./types-B_HHNlia.cjs";
-import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "./FieldRegistry-OX60T3hr.cjs";
-import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-B9p25q3G.cjs";
-import { t as FilterBar } from "./FilterBar-YzOh02f9.cjs";
-import { t as FilterBarProps } from "./index-C9EIpBh8.cjs";
-import { a as useFilterBarSize } from "./filter-size-context-CIw0Zi6r.cjs";
-import { a as getOperatorsForField, o as getOperatorsForType, r as getDefaultOperatorForType, s as isValuelessOperator } from "./operators-1qE2GpC7.cjs";
-import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "./useFilterStateV2-DbPwX5N1.cjs";
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-CJymv6JE.cjs";
-import { t as ValueControlProps } from "./types-CCvc590y.cjs";
-export { AndGroup, CompoundExpression, DateRangeFilterValue, EMPTY_FILTER_STATE, FieldRegistry, FilterBar, FilterBarProps, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRule, FilterRuleValue, FilterSize, FilterStateV2, RawFieldInfo, ResolveValueControlOptions, TopLevelFilterRule, UseFilterStateV2Options, UseFilterStateV2Result, ValueControlProps, ValueControlResolver, buildFieldRegistry, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isFilterStateV2, isValuelessOperator, pruneToRegistry, resolveValueControl, useFilterBarSize, useFilterStateV2 };

package/dist/index5.d.cts

@@ -1 +0,0 @@
-export { };

package/dist/input-DPB0cX2m.d.cts

@@ -1,17 +0,0 @@
-import { t as PseudoClassProps } from "./PseudoClassProps-C5jpj6Rp.cjs";
-import { t as ErrorProps } from "./ErrorProps-Dxqb4gw_.cjs";
-import * as _$styled_components0 from "styled-components";
-
-//#region mixins/input.d.ts
-type InputSizes = 'md' | 'sm';
-interface InputMixinProps extends ErrorProps, PseudoClassProps {
-  $size?: InputSizes;
-}
-/**
- * Provides input-like hover and focus outline effects. Can also be applied to
- * non-input elements (like divs) to give input-like styles.
- */
-declare const inputMixin: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemedStyledProps<InputMixinProps, any>>;
-//#endregion
-export { InputSizes as n, inputMixin as r, InputMixinProps as t };
-//# sourceMappingURL=input-DPB0cX2m.d.cts.map