npm - @d4gger/design-system - Versions diffs - 2.7.0 → 3.0.0 - Mend

@d4gger/design-system 2.7.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1127) hide show

package/dist/components/grid/Grid.d.mts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.d.mts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;~~AAI9B~~,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAQlC,KAAK,YAAY,GAAG,MAAM,CAAA;AAC1B,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;AACpE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AA+B/E,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;AAE1F,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc,CAAA;IAChE,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;~~IACtC~~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"}
1	+ {"version":3,"file":"Grid.d.mts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}

package/dist/components/grid/Grid.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ type GridBreakpointProps = {
     flow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense';
     gap?: GridGapToken;
     justify?: GridJustify;
-    justifyContent?: GridAlign | 'stretch';
+    justifyContent?: GridAlign | 'between' | 'around' | 'evenly';
     justifyItems?: GridAlign;
     minItemWidth?: number | string;
     rows?: number | string;

package/dist/components/grid/Grid.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;~~AAI9B~~,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAA;AAQlC,KAAK,YAAY,GAAG,MAAM,CAAA;AAC1B,KAAK,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;AACpE,KAAK,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;AA+B/E,KAAK,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAA;AAE1F,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc,CAAA;IAChE,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;~~IACtC~~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"}
1	+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}

package/dist/components/grid/Grid.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as React from "react";
 import classNames from "classnames";
 import { Slot } from "../slot/Slot.js";
+import { resolveLength } from "../../foundations/Shared.js";
 import {
   BOX_PROP_DEFS,
   GRID_PROP_DEFS,
@@ -83,7 +84,7 @@ const Grid = React.forwardRef(function Grid2({ as, asChild = false, className, s
   for (const condition of responsiveConditions) {
     const nextMinItemWidth = minItemWidthMap?.[condition];
     if (nextMinItemWidth !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-columns", condition)] = `repeat(auto-fit, minmax(${String(nextMinItemWidth)}, 1fr))`;
+      gridVars[getResponsiveVarName("dsx-grid-columns", condition)] = `repeat(auto-fit, minmax(${resolveLength(nextMinItemWidth)}, 1fr))`;
       lastColumns = nextMinItemWidth;
       continue;
     }
@@ -165,8 +166,8 @@ const Grid = React.forwardRef(function Grid2({ as, asChild = false, className, s
       className: classNames("dsx-box", "dsx-grid", resolvedProps.className, className),
       style: finalStyleWithDisplay,
       "data-gap": serializeResponsiveValue(responsiveGap),
-      "data-align": serializeResponsiveValue(align),
-      "data-justify": serializeResponsiveValue(justify)
+      "data-align": serializeResponsiveValue(responsiveAlign),
+      "data-justify": serializeResponsiveValue(responsiveJustify)
     }
   );
 });

package/dist/components/grid/Grid.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/grid/Grid.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Slot } from '../slot/Slot'\nimport {\n  BOX_PROP_DEFS,\n  GRID_PROP_DEFS,\n  extractLayoutProps,\n  type BoxStyleProps,\n  type GridStyleProps,\n} from '../../layout/layout.props'\nimport {\n  assignResponsiveVars,\n  toResponsiveMap,\n  type ResponsiveCondition,\n  type ResponsiveValue,\n} from '../../layout/responsive.props'\n\ntype GridGapToken = string\ntype GridAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\ntype GridJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\nconst RESPONSIVE_CONDITIONS: ResponsiveCondition[] = ['initial', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction serializeResponsiveValue<T extends string | number | boolean>(value: ResponsiveValue<T> | undefined) {\n  const responsive = toResponsiveMap(value)\n  const entries = RESPONSIVE_CONDITIONS.flatMap((condition) => {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      return []\n    }\n\n    return [[condition, nextValue] as const]\n  })\n\n  if (entries.length === 0) {\n    return undefined\n  }\n\n  if (entries.length === 1 && entries[0][0] === 'initial') {\n    return String(entries[0][1])\n  }\n\n  return entries.map(([condition, nextValue]) => `${condition}:${String(nextValue)}`).join(';')\n}\n\nfunction getResponsiveVarName(name: string, condition: string): `--${string}` {\n  return condition === 'initial' ? (`--${name}` as `--${string}`) : (`--${name}-${condition}` as `--${string}`)\n}\n\ntype Responsive<T> = T | Partial<Record<'initial' | 'sm' | 'md' | 'lg' | 'xl' | '2xl', T>>\n\ntype GridBreakpointProps = {\n  align?: GridAlign\n  alignContent?: GridAlign | 'stretch'\n  areas?: string\n  columns?: number | string\n  flow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense'\n  gap?: GridGapToken\n  justify?: GridJustify\n  justifyContent?: GridAlign | 'stretch'\n  justifyItems?: GridAlign\n  minItemWidth?: number | string\n  rows?: number | string\n}\n\nexport type GridProps = React.HTMLAttributes<HTMLElement> &\n  BoxStyleProps &\n  Omit<GridStyleProps, 'columns' | 'rows' | 'gap'> & {\n    as?: React.ElementType\n    asChild?: boolean\n    columns?: Responsive<number | string>\n    rows?: Responsive<number | string>\n    gap?: Responsive<GridGapToken>\n    align?: Responsive<GridAlign>\n    hide?: Responsive<boolean>\n    justify?: Responsive<GridJustify>\n    show?: Responsive<boolean>\n    minItemWidth?: Responsive<number | string>\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n    sm?: Partial<GridBreakpointProps>\n    md?: Partial<GridBreakpointProps>\n    lg?: Partial<GridBreakpointProps>\n  }\n\n/**\n * Write child-sizing custom properties to a style object so box.css\n * can consume them via var(--dsx-box-flex, initial) etc.\n */\nfunction writeBoxChildStyleVars(\n  style: React.CSSProperties | undefined,\n  props: {\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n  },\n): React.CSSProperties {\n  const vars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(vars, 'dsx-box-flex', props.flex, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-grow', props.flexGrow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-shrink', props.flexShrink, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-basis', props.flexBasis, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-order', props.order, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-column', props.gridColumn, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-row', props.gridRow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-area', props.gridArea, (value) => String(value))\n  return Object.keys(vars).length > 0 ? { ...vars, ...style } : style ?? {}\n}\n\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n  { as, asChild = false, className, style, align, hide, justify, minItemWidth, show, sm, md, lg, ...props },\n  ref,\n) {\n  const Component = asChild ? Slot : (as ?? 'div')\n\n  // Merge breakpoint aliases into responsive props\n  const propsColumnsMap = toResponsiveMap(props.columns)\n  const propsRowsMap = toResponsiveMap(props.rows)\n  const propsGapMap = toResponsiveMap(props.gap)\n  const propsAlignMap = toResponsiveMap(align)\n  const propsJustifyMap = toResponsiveMap(justify)\n  const propsMinItemWidthMap = toResponsiveMap(minItemWidth)\n  const propsAreasMap = toResponsiveMap(props.areas)\n  const propsFlowMap = toResponsiveMap(props.flow)\n  const propsAlignContentMap = toResponsiveMap(props.alignContent)\n  const propsJustifyItemsMap = toResponsiveMap(props.justifyItems)\n  const propsJustifyContentMap = toResponsiveMap(props.justifyContent)\n\n  const hasSmOrMdOrLg = Boolean(sm || md || lg)\n\n  const responsiveColumns = hasSmOrMdOrLg\n    ? { initial: propsColumnsMap.initial, sm: sm?.columns ?? propsColumnsMap.sm, md: md?.columns ?? propsColumnsMap.md, lg: lg?.columns ?? propsColumnsMap.lg }\n    : props.columns\n  const responsiveRows = hasSmOrMdOrLg\n    ? { initial: propsRowsMap.initial, sm: sm?.rows ?? propsRowsMap.sm, md: md?.rows ?? propsRowsMap.md, lg: lg?.rows ?? propsRowsMap.lg }\n    : props.rows\n  const responsiveGap = hasSmOrMdOrLg\n    ? { initial: propsGapMap.initial, sm: sm?.gap ?? propsGapMap.sm, md: md?.gap ?? propsGapMap.md, lg: lg?.gap ?? propsGapMap.lg }\n    : props.gap\n  const responsiveAlign = hasSmOrMdOrLg\n    ? { initial: propsAlignMap.initial, sm: sm?.align ?? propsAlignMap.sm, md: md?.align ?? propsAlignMap.md, lg: lg?.align ?? propsAlignMap.lg }\n    : align\n  const responsiveJustify = hasSmOrMdOrLg\n    ? { initial: propsJustifyMap.initial, sm: sm?.justify ?? propsJustifyMap.sm, md: md?.justify ?? propsJustifyMap.md, lg: lg?.justify ?? propsJustifyMap.lg }\n    : justify\n  const responsiveMinItemWidth = hasSmOrMdOrLg\n    ? { initial: propsMinItemWidthMap.initial, sm: sm?.minItemWidth ?? propsMinItemWidthMap.sm, md: md?.minItemWidth ?? propsMinItemWidthMap.md, lg: lg?.minItemWidth ?? propsMinItemWidthMap.lg }\n    : minItemWidth\n\n  // Extract child-sizing props before passing to extractLayoutProps\n  const {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n    ...layoutProps\n  } = props\n\n  // Build grid-specific CSS vars\n  const gridVars: Record<string, string> = {}\n  const responsiveConditions = ['initial', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\n  // Handle columns\n  const responsiveColumnsMap = toResponsiveMap(responsiveColumns)\n  const minItemWidthMap = responsiveMinItemWidth ? toResponsiveMap(responsiveMinItemWidth) : null\n  let lastColumns: number | string | undefined\n  for (const condition of responsiveConditions) {\n    const nextMinItemWidth = minItemWidthMap?.[condition]\n    if (nextMinItemWidth !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        `repeat(auto-fit, minmax(${String(nextMinItemWidth)}, 1fr))`\n      lastColumns = nextMinItemWidth\n      continue\n    }\n    const nextColumns = responsiveColumnsMap[condition]\n    if (nextColumns !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        typeof nextColumns === 'number'\n          ? `repeat(${nextColumns}, minmax(0, 1fr))`\n          : String(nextColumns)\n      lastColumns = nextColumns\n    } else if (lastColumns !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        typeof lastColumns === 'number'\n          ? `repeat(${lastColumns}, minmax(0, 1fr))`\n          : String(lastColumns)\n    }\n  }\n\n  // Handle rows\n  const responsiveRowsMap = toResponsiveMap(responsiveRows)\n  let lastRows: number | string | undefined\n  for (const condition of responsiveConditions) {\n    const nextRows = responsiveRowsMap[condition]\n    if (nextRows !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-rows', condition)] =\n        typeof nextRows === 'number' ? `repeat(${nextRows}, minmax(0, 1fr))` : String(nextRows)\n      lastRows = nextRows\n    } else if (lastRows !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-rows', condition)] =\n        typeof lastRows === 'number' ? `repeat(${lastRows}, minmax(0, 1fr))` : String(lastRows)\n    }\n  }\n\n  // Handle align (align-items)\n  const responsiveAlignMap = toResponsiveMap(responsiveAlign)\n  let lastAlign: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextAlign = responsiveAlignMap[condition]\n    if (nextAlign !== undefined) {\n      const val = nextAlign === 'start' || nextAlign === 'end' ? `flex-${nextAlign}` : String(nextAlign)\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = val\n      lastAlign = val\n    } else if (lastAlign !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = lastAlign\n    }\n  }\n\n  // Handle justify (justify-content shorthand)\n  const responsiveJustifyMap = toResponsiveMap(responsiveJustify)\n  let lastJustify: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextJustify = responsiveJustifyMap[condition]\n    if (nextJustify !== undefined) {\n      const val = nextJustify === 'between' ? 'space-between'\n        : nextJustify === 'around' ? 'space-around'\n        : nextJustify === 'evenly' ? 'space-evenly'\n        : nextJustify === 'start' || nextJustify === 'end' ? `flex-${nextJustify}`\n        : String(nextJustify)\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = val\n      lastJustify = val\n    } else if (lastJustify !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = lastJustify\n    }\n  }\n\n  // Merge grid vars into style\n  const mergedStyle = Object.keys(gridVars).length > 0\n    ? { ...style, ...gridVars }\n    : style\n\n  // Pass merged responsive values to extractLayoutProps\n  const propsForExtraction = {\n    ...layoutProps,\n    columns: responsiveColumns,\n    rows: responsiveRows,\n    gap: responsiveGap,\n    areas: hasSmOrMdOrLg\n      ? { initial: propsAreasMap.initial, sm: sm?.areas ?? propsAreasMap.sm, md: md?.areas ?? propsAreasMap.md, lg: lg?.areas ?? propsAreasMap.lg }\n      : props.areas,\n    flow: hasSmOrMdOrLg\n      ? { initial: propsFlowMap.initial, sm: sm?.flow ?? propsFlowMap.sm, md: md?.flow ?? propsFlowMap.md, lg: lg?.flow ?? propsFlowMap.lg }\n      : props.flow,\n    alignContent: hasSmOrMdOrLg\n      ? { initial: propsAlignContentMap.initial, sm: sm?.alignContent ?? propsAlignContentMap.sm, md: md?.alignContent ?? propsAlignContentMap.md, lg: lg?.alignContent ?? propsAlignContentMap.lg }\n      : props.alignContent,\n    justifyItems: hasSmOrMdOrLg\n      ? { initial: propsJustifyItemsMap.initial, sm: sm?.justifyItems ?? propsJustifyItemsMap.sm, md: md?.justifyItems ?? propsJustifyItemsMap.md, lg: lg?.justifyItems ?? propsJustifyItemsMap.lg }\n      : props.justifyItems,\n    justifyContent: hasSmOrMdOrLg\n      ? { initial: propsJustifyContentMap.initial, sm: sm?.justifyContent ?? propsJustifyContentMap.sm, md: md?.justifyContent ?? propsJustifyContentMap.md, lg: lg?.justifyContent ?? propsJustifyContentMap.lg }\n      : props.justifyContent,\n  }\n\n  const resolvedProps = extractLayoutProps(propsForExtraction, BOX_PROP_DEFS, GRID_PROP_DEFS)\n\n  const finalStyle = writeBoxChildStyleVars(mergedStyle, {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n  })\n\n  const displayVars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(displayVars, 'dsx-box-display', hide, (value) => (value ? 'none' : 'grid'))\n  assignResponsiveVars(displayVars, 'dsx-box-display', show, (value) => (value ? 'grid' : 'none'))\n  const finalStyleWithDisplay = Object.keys(displayVars).length > 0\n    ? { ...displayVars, ...finalStyle }\n    : finalStyle\n\n  return (\n    <Component\n      {...resolvedProps}\n      ref={ref as never}\n      className={classNames('dsx-box', 'dsx-grid', resolvedProps.className, className)}\n      style={finalStyleWithDisplay}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(align)}\n      data-justify={serializeResponsiveValue(justify)}\n    />\n  )\n})\n\nGrid.displayName = 'Grid'\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Slot } from '../slot/Slot'\nimport { resolveLength } from '../../foundations/Shared'\nimport {\n  BOX_PROP_DEFS,\n  GRID_PROP_DEFS,\n  extractLayoutProps,\n  type BoxStyleProps,\n  type GridStyleProps,\n} from '../../layout/layout.props'\nimport {\n  assignResponsiveVars,\n  toResponsiveMap,\n  type ResponsiveCondition,\n  type ResponsiveValue,\n} from '../../layout/responsive.props'\n\ntype GridGapToken = string\ntype GridAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\ntype GridJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\nconst RESPONSIVE_CONDITIONS: ResponsiveCondition[] = ['initial', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction serializeResponsiveValue<T extends string | number | boolean>(value: ResponsiveValue<T> | undefined) {\n  const responsive = toResponsiveMap(value)\n  const entries = RESPONSIVE_CONDITIONS.flatMap((condition) => {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      return []\n    }\n\n    return [[condition, nextValue] as const]\n  })\n\n  if (entries.length === 0) {\n    return undefined\n  }\n\n  if (entries.length === 1 && entries[0][0] === 'initial') {\n    return String(entries[0][1])\n  }\n\n  return entries.map(([condition, nextValue]) => `${condition}:${String(nextValue)}`).join(';')\n}\n\nfunction getResponsiveVarName(name: string, condition: string): `--${string}` {\n  return condition === 'initial' ? (`--${name}` as `--${string}`) : (`--${name}-${condition}` as `--${string}`)\n}\n\ntype Responsive<T> = T | Partial<Record<'initial' | 'sm' | 'md' | 'lg' | 'xl' | '2xl', T>>\n\ntype GridBreakpointProps = {\n  align?: GridAlign\n  alignContent?: GridAlign | 'stretch'\n  areas?: string\n  columns?: number | string\n  flow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense'\n  gap?: GridGapToken\n  justify?: GridJustify\n  justifyContent?: GridAlign | 'between' | 'around' | 'evenly'\n  justifyItems?: GridAlign\n  minItemWidth?: number | string\n  rows?: number | string\n}\n\nexport type GridProps = React.HTMLAttributes<HTMLElement> &\n  BoxStyleProps &\n  Omit<GridStyleProps, 'columns' | 'rows' | 'gap'> & {\n    as?: React.ElementType\n    asChild?: boolean\n    columns?: Responsive<number | string>\n    rows?: Responsive<number | string>\n    gap?: Responsive<GridGapToken>\n    align?: Responsive<GridAlign>\n    hide?: Responsive<boolean>\n    justify?: Responsive<GridJustify>\n    show?: Responsive<boolean>\n    minItemWidth?: Responsive<number | string>\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n    sm?: Partial<GridBreakpointProps>\n    md?: Partial<GridBreakpointProps>\n    lg?: Partial<GridBreakpointProps>\n  }\n\n/**\n * Write child-sizing custom properties to a style object so box.css\n * can consume them via var(--dsx-box-flex, initial) etc.\n */\nfunction writeBoxChildStyleVars(\n  style: React.CSSProperties | undefined,\n  props: {\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n  },\n): React.CSSProperties {\n  const vars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(vars, 'dsx-box-flex', props.flex, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-grow', props.flexGrow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-shrink', props.flexShrink, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-basis', props.flexBasis, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-order', props.order, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-column', props.gridColumn, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-row', props.gridRow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-area', props.gridArea, (value) => String(value))\n  return Object.keys(vars).length > 0 ? { ...vars, ...style } : style ?? {}\n}\n\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n  { as, asChild = false, className, style, align, hide, justify, minItemWidth, show, sm, md, lg, ...props },\n  ref,\n) {\n  const Component = asChild ? Slot : (as ?? 'div')\n\n  // Merge breakpoint aliases into responsive props\n  const propsColumnsMap = toResponsiveMap(props.columns)\n  const propsRowsMap = toResponsiveMap(props.rows)\n  const propsGapMap = toResponsiveMap(props.gap)\n  const propsAlignMap = toResponsiveMap(align)\n  const propsJustifyMap = toResponsiveMap(justify)\n  const propsMinItemWidthMap = toResponsiveMap(minItemWidth)\n  const propsAreasMap = toResponsiveMap(props.areas)\n  const propsFlowMap = toResponsiveMap(props.flow)\n  const propsAlignContentMap = toResponsiveMap(props.alignContent)\n  const propsJustifyItemsMap = toResponsiveMap(props.justifyItems)\n  const propsJustifyContentMap = toResponsiveMap(props.justifyContent)\n\n  const hasSmOrMdOrLg = Boolean(sm || md || lg)\n\n  const responsiveColumns = hasSmOrMdOrLg\n    ? { initial: propsColumnsMap.initial, sm: sm?.columns ?? propsColumnsMap.sm, md: md?.columns ?? propsColumnsMap.md, lg: lg?.columns ?? propsColumnsMap.lg }\n    : props.columns\n  const responsiveRows = hasSmOrMdOrLg\n    ? { initial: propsRowsMap.initial, sm: sm?.rows ?? propsRowsMap.sm, md: md?.rows ?? propsRowsMap.md, lg: lg?.rows ?? propsRowsMap.lg }\n    : props.rows\n  const responsiveGap = hasSmOrMdOrLg\n    ? { initial: propsGapMap.initial, sm: sm?.gap ?? propsGapMap.sm, md: md?.gap ?? propsGapMap.md, lg: lg?.gap ?? propsGapMap.lg }\n    : props.gap\n  const responsiveAlign = hasSmOrMdOrLg\n    ? { initial: propsAlignMap.initial, sm: sm?.align ?? propsAlignMap.sm, md: md?.align ?? propsAlignMap.md, lg: lg?.align ?? propsAlignMap.lg }\n    : align\n  const responsiveJustify = hasSmOrMdOrLg\n    ? { initial: propsJustifyMap.initial, sm: sm?.justify ?? propsJustifyMap.sm, md: md?.justify ?? propsJustifyMap.md, lg: lg?.justify ?? propsJustifyMap.lg }\n    : justify\n  const responsiveMinItemWidth = hasSmOrMdOrLg\n    ? { initial: propsMinItemWidthMap.initial, sm: sm?.minItemWidth ?? propsMinItemWidthMap.sm, md: md?.minItemWidth ?? propsMinItemWidthMap.md, lg: lg?.minItemWidth ?? propsMinItemWidthMap.lg }\n    : minItemWidth\n\n  // Extract child-sizing props before passing to extractLayoutProps\n  const {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n    ...layoutProps\n  } = props\n\n  // Build grid-specific CSS vars\n  const gridVars: Record<string, string> = {}\n  const responsiveConditions = ['initial', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\n  // Handle columns\n  const responsiveColumnsMap = toResponsiveMap(responsiveColumns)\n  const minItemWidthMap = responsiveMinItemWidth ? toResponsiveMap(responsiveMinItemWidth) : null\n  let lastColumns: number | string | undefined\n  for (const condition of responsiveConditions) {\n    const nextMinItemWidth = minItemWidthMap?.[condition]\n    if (nextMinItemWidth !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        `repeat(auto-fit, minmax(${resolveLength(nextMinItemWidth)}, 1fr))`\n      lastColumns = nextMinItemWidth\n      continue\n    }\n    const nextColumns = responsiveColumnsMap[condition]\n    if (nextColumns !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        typeof nextColumns === 'number'\n          ? `repeat(${nextColumns}, minmax(0, 1fr))`\n          : String(nextColumns)\n      lastColumns = nextColumns\n    } else if (lastColumns !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        typeof lastColumns === 'number'\n          ? `repeat(${lastColumns}, minmax(0, 1fr))`\n          : String(lastColumns)\n    }\n  }\n\n  // Handle rows\n  const responsiveRowsMap = toResponsiveMap(responsiveRows)\n  let lastRows: number | string | undefined\n  for (const condition of responsiveConditions) {\n    const nextRows = responsiveRowsMap[condition]\n    if (nextRows !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-rows', condition)] =\n        typeof nextRows === 'number' ? `repeat(${nextRows}, minmax(0, 1fr))` : String(nextRows)\n      lastRows = nextRows\n    } else if (lastRows !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-rows', condition)] =\n        typeof lastRows === 'number' ? `repeat(${lastRows}, minmax(0, 1fr))` : String(lastRows)\n    }\n  }\n\n  // Handle align (align-items)\n  const responsiveAlignMap = toResponsiveMap(responsiveAlign)\n  let lastAlign: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextAlign = responsiveAlignMap[condition]\n    if (nextAlign !== undefined) {\n      const val = nextAlign === 'start' || nextAlign === 'end' ? `flex-${nextAlign}` : String(nextAlign)\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = val\n      lastAlign = val\n    } else if (lastAlign !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = lastAlign\n    }\n  }\n\n  // Handle justify (justify-content shorthand)\n  const responsiveJustifyMap = toResponsiveMap(responsiveJustify)\n  let lastJustify: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextJustify = responsiveJustifyMap[condition]\n    if (nextJustify !== undefined) {\n      const val = nextJustify === 'between' ? 'space-between'\n        : nextJustify === 'around' ? 'space-around'\n        : nextJustify === 'evenly' ? 'space-evenly'\n        : nextJustify === 'start' || nextJustify === 'end' ? `flex-${nextJustify}`\n        : String(nextJustify)\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = val\n      lastJustify = val\n    } else if (lastJustify !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = lastJustify\n    }\n  }\n\n  // Merge grid vars into style\n  const mergedStyle = Object.keys(gridVars).length > 0\n    ? { ...style, ...gridVars }\n    : style\n\n  // Pass merged responsive values to extractLayoutProps\n  const propsForExtraction = {\n    ...layoutProps,\n    columns: responsiveColumns,\n    rows: responsiveRows,\n    gap: responsiveGap,\n    areas: hasSmOrMdOrLg\n      ? { initial: propsAreasMap.initial, sm: sm?.areas ?? propsAreasMap.sm, md: md?.areas ?? propsAreasMap.md, lg: lg?.areas ?? propsAreasMap.lg }\n      : props.areas,\n    flow: hasSmOrMdOrLg\n      ? { initial: propsFlowMap.initial, sm: sm?.flow ?? propsFlowMap.sm, md: md?.flow ?? propsFlowMap.md, lg: lg?.flow ?? propsFlowMap.lg }\n      : props.flow,\n    alignContent: hasSmOrMdOrLg\n      ? { initial: propsAlignContentMap.initial, sm: sm?.alignContent ?? propsAlignContentMap.sm, md: md?.alignContent ?? propsAlignContentMap.md, lg: lg?.alignContent ?? propsAlignContentMap.lg }\n      : props.alignContent,\n    justifyItems: hasSmOrMdOrLg\n      ? { initial: propsJustifyItemsMap.initial, sm: sm?.justifyItems ?? propsJustifyItemsMap.sm, md: md?.justifyItems ?? propsJustifyItemsMap.md, lg: lg?.justifyItems ?? propsJustifyItemsMap.lg }\n      : props.justifyItems,\n    justifyContent: hasSmOrMdOrLg\n      ? { initial: propsJustifyContentMap.initial, sm: sm?.justifyContent ?? propsJustifyContentMap.sm, md: md?.justifyContent ?? propsJustifyContentMap.md, lg: lg?.justifyContent ?? propsJustifyContentMap.lg }\n      : props.justifyContent,\n  }\n\n  const resolvedProps = extractLayoutProps(propsForExtraction, BOX_PROP_DEFS, GRID_PROP_DEFS)\n\n  const finalStyle = writeBoxChildStyleVars(mergedStyle, {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n  })\n\n  const displayVars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(displayVars, 'dsx-box-display', hide, (value) => (value ? 'none' : 'grid'))\n  assignResponsiveVars(displayVars, 'dsx-box-display', show, (value) => (value ? 'grid' : 'none'))\n  const finalStyleWithDisplay = Object.keys(displayVars).length > 0\n    ? { ...displayVars, ...finalStyle }\n    : finalStyle\n\n  return (\n    <Component\n      {...resolvedProps}\n      ref={ref as never}\n      className={classNames('dsx-box', 'dsx-grid', resolvedProps.className, className)}\n      style={finalStyleWithDisplay}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n    />\n  )\n})\n\nGrid.displayName = 'Grid'\n"],
+  "mappings": "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",
   "names": ["Grid"]
 }

package/dist/components/heading.css CHANGED Viewed

@@ -17,6 +17,7 @@
   font-weight: var(--dsx-typography-headline-medium-font-weight);
   line-height: var(--dsx-typography-headline-medium-line-height);
   letter-spacing: var(--dsx-typography-headline-medium-letter-spacing);
+  font-variation-settings: var(--dsx-typography-headline-medium-font-variation-settings);
   text-transform: var(--dsx-typography-headline-medium-text-transform);
   text-decoration: var(--dsx-typography-headline-medium-text-decoration);
   color: var(--dsx-color-on-surface);
@@ -28,6 +29,7 @@
   font-weight: var(--dsx-typography-display-large-font-weight);
   line-height: var(--dsx-typography-display-large-line-height);
   letter-spacing: var(--dsx-typography-display-large-letter-spacing);
+  font-variation-settings: var(--dsx-typography-display-large-font-variation-settings);
   text-transform: var(--dsx-typography-display-large-text-transform);
   text-decoration: var(--dsx-typography-display-large-text-decoration);
 }
@@ -38,6 +40,7 @@
   font-weight: var(--dsx-typography-display-medium-font-weight);
   line-height: var(--dsx-typography-display-medium-line-height);
   letter-spacing: var(--dsx-typography-display-medium-letter-spacing);
+  font-variation-settings: var(--dsx-typography-display-medium-font-variation-settings);
   text-transform: var(--dsx-typography-display-medium-text-transform);
   text-decoration: var(--dsx-typography-display-medium-text-decoration);
 }
@@ -48,6 +51,7 @@
   font-weight: var(--dsx-typography-headline-large-font-weight);
   line-height: var(--dsx-typography-headline-large-line-height);
   letter-spacing: var(--dsx-typography-headline-large-letter-spacing);
+  font-variation-settings: var(--dsx-typography-headline-large-font-variation-settings);
   text-transform: var(--dsx-typography-headline-large-text-transform);
   text-decoration: var(--dsx-typography-headline-large-text-decoration);
 }
@@ -58,6 +62,7 @@
   font-weight: var(--dsx-typography-headline-medium-font-weight);
   line-height: var(--dsx-typography-headline-medium-line-height);
   letter-spacing: var(--dsx-typography-headline-medium-letter-spacing);
+  font-variation-settings: var(--dsx-typography-headline-medium-font-variation-settings);
   text-transform: var(--dsx-typography-headline-medium-text-transform);
   text-decoration: var(--dsx-typography-headline-medium-text-decoration);
 }
@@ -82,6 +87,7 @@
     font-weight: var(--dsx-typography-label-small-font-weight);
     line-height: var(--dsx-typography-label-small-line-height);
     letter-spacing: var(--dsx-typography-label-small-letter-spacing);
+    font-variation-settings: var(--dsx-typography-label-small-font-variation-settings);
     text-transform: var(--dsx-typography-label-small-text-transform);
     text-decoration: var(--dsx-typography-label-small-text-decoration);
   }
@@ -92,6 +98,7 @@
     font-weight: var(--dsx-typography-label-medium-font-weight);
     line-height: var(--dsx-typography-label-medium-line-height);
     letter-spacing: var(--dsx-typography-label-medium-letter-spacing);
+    font-variation-settings: var(--dsx-typography-label-medium-font-variation-settings);
     text-transform: var(--dsx-typography-label-medium-text-transform);
     text-decoration: var(--dsx-typography-label-medium-text-decoration);
   }
@@ -102,6 +109,7 @@
     font-weight: var(--dsx-typography-label-large-font-weight);
     line-height: var(--dsx-typography-label-large-line-height);
     letter-spacing: var(--dsx-typography-label-large-letter-spacing);
+    font-variation-settings: var(--dsx-typography-label-large-font-variation-settings);
     text-transform: var(--dsx-typography-label-large-text-transform);
     text-decoration: var(--dsx-typography-label-large-text-decoration);
   }
@@ -112,6 +120,7 @@
     font-weight: var(--dsx-typography-body-medium-font-weight);
     line-height: var(--dsx-typography-body-medium-line-height);
     letter-spacing: var(--dsx-typography-body-medium-letter-spacing);
+    font-variation-settings: var(--dsx-typography-body-medium-font-variation-settings);
     text-transform: var(--dsx-typography-body-medium-text-transform);
     text-decoration: var(--dsx-typography-body-medium-text-decoration);
   }
@@ -122,6 +131,7 @@
     font-weight: var(--dsx-typography-body-large-font-weight);
     line-height: var(--dsx-typography-body-large-line-height);
     letter-spacing: var(--dsx-typography-body-large-letter-spacing);
+    font-variation-settings: var(--dsx-typography-body-large-font-variation-settings);
     text-transform: var(--dsx-typography-body-large-text-transform);
     text-decoration: var(--dsx-typography-body-large-text-decoration);
   }
@@ -132,6 +142,7 @@
     font-weight: var(--dsx-typography-headline-medium-font-weight);
     line-height: var(--dsx-typography-headline-medium-line-height);
     letter-spacing: var(--dsx-typography-headline-medium-letter-spacing);
+    font-variation-settings: var(--dsx-typography-headline-medium-font-variation-settings);
     text-transform: var(--dsx-typography-headline-medium-text-transform);
     text-decoration: var(--dsx-typography-headline-medium-text-decoration);
   }
@@ -142,6 +153,7 @@
     font-weight: var(--dsx-typography-headline-large-font-weight);
     line-height: var(--dsx-typography-headline-large-line-height);
     letter-spacing: var(--dsx-typography-headline-large-letter-spacing);
+    font-variation-settings: var(--dsx-typography-headline-large-font-variation-settings);
     text-transform: var(--dsx-typography-headline-large-text-transform);
     text-decoration: var(--dsx-typography-headline-large-text-decoration);
   }
@@ -152,6 +164,7 @@
     font-weight: var(--dsx-typography-display-medium-font-weight);
     line-height: var(--dsx-typography-display-medium-line-height);
     letter-spacing: var(--dsx-typography-display-medium-letter-spacing);
+    font-variation-settings: var(--dsx-typography-display-medium-font-variation-settings);
     text-transform: var(--dsx-typography-display-medium-text-transform);
     text-decoration: var(--dsx-typography-display-medium-text-decoration);
   }
@@ -162,6 +175,7 @@
     font-weight: var(--dsx-typography-display-large-font-weight);
     line-height: var(--dsx-typography-display-large-line-height);
     letter-spacing: var(--dsx-typography-display-large-letter-spacing);
+    font-variation-settings: var(--dsx-typography-display-large-font-variation-settings);
     text-transform: var(--dsx-typography-display-large-text-transform);
     text-decoration: var(--dsx-typography-display-large-text-decoration);
   }

package/dist/components/hover-card.css CHANGED Viewed

@@ -14,11 +14,6 @@
   overflow: visible;
 }
-.dsx-hover-card__content[data-variant='with-image'] {
-  gap: var(--dsx-space-lg);
-  max-width: min(var(--dsx-size-dialog-sm-width), calc(100vw - var(--dsx-space-xl)));
-}
 .dsx-hover-card__content[data-size='sm'] {
   max-width: min(240px, calc(100vw - var(--dsx-space-xl)));
 }
@@ -31,12 +26,14 @@
   overflow: visible;
 }
-.dsx-hover-card-variant-with-image {
-  gap: var(--dsx-space-lg);
-  max-width: min(var(--dsx-size-dialog-sm-width), calc(100vw - var(--dsx-space-xl)));
-}
 .dsx-hover-card__positioner {
   position: relative;
   z-index: var(--dsx-z-index-popover, 50);
 }
+.dsx-hover-card__arrow {
+  fill: currentColor;
+  stroke: var(--dsx-color-outline-variant);
+  stroke-width: 1px;
+  vector-effect: non-scaling-stroke;
+}

package/dist/components/hoverCard/HoverCard.cjs CHANGED Viewed

@@ -157,7 +157,7 @@ const HoverCardContent = React.forwardRef(
             transition: prefersReducedMotion ? import_motion.MOTION_TRANSITIONS.reduced : import_motion.MOTION_TRANSITIONS.popover,
             children: [
               children,
-              showArrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HoverCardPrimitive.Arrow, { className: "dsx-hover-card__arrow", width: 10, height: 5 }) : null
+              showArrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HoverCardPrimitive.Arrow, { className: "dsx-hover-card__arrow", width: 16, height: 8 }) : null
             ]
           }
         )

package/dist/components/hoverCard/HoverCard.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/hoverCard/HoverCard.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card'\nimport { Slot } from '../slot/Slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { AnimatePresence, motion } from '../../motion'\nimport { hoverCardContentPropDefs } from './hoverCard.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst HoverCardOpenContext = React.createContext(false)\n\nfunction useControllableHoverCardOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<HoverCardProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, handleOpenChange] as const\n}\n\ntype HoverCardOwnProps = GetPropDefTypes<typeof hoverCardContentPropDefs>\n\ntype HoverCardProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>\ntype HoverCardSize = NonNullable<HoverCardOwnProps['size']>\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> & HoverCardOwnProps\n\ntype HoverCardSide = NonNullable<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>['side']>\ntype HoverCardAlign = NonNullable<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>['align']>\n\ninterface HoverCardPositionerProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: HoverCardSide\n  sideOffset?: number\n  align?: HoverCardAlign\n  alignOffset?: number\n  asChild?: boolean\n}\n\ninterface HoverCardArrowProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {\n  width?: number\n  height?: number\n  asChild?: boolean\n}\n\nconst HoverCardTrigger: typeof HoverCardPrimitive.Trigger = HoverCardPrimitive.Trigger\n\nfunction HoverCardRoot({ children, ...props }: HoverCardProps) {\n  const [open, setOpen] = useControllableHoverCardOpenState(props)\n  const { ...rootProps } = props\n\n  return (\n    <PortalThemeBoundary>\n      <HoverCardOpenContext.Provider value={open}>\n        <HoverCardPrimitive.Root {...rootProps} open={open} onOpenChange={setOpen}>\n          {children}\n        </HoverCardPrimitive.Root>\n      </HoverCardOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nHoverCardRoot.displayName = 'HoverCard'\n\nconst HoverCardPositioner = React.forwardRef<HTMLDivElement, HoverCardPositionerProps>(\n  ({ className, side = 'bottom', sideOffset = 8, align = 'center', alignOffset = 0, asChild, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-hover-card__positioner', className)}\n        data-slot=\"hover-card-positioner\"\n        data-side={side}\n        data-align={align}\n        {...props}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nHoverCardPositioner.displayName = 'HoverCardPositioner'\n\nconst HoverCardArrow = React.forwardRef<SVGSVGElement, HoverCardArrowProps>(\n  ({ className, width = 10, height = 5, asChild, ...props }, forwardedRef) => {\n    if (asChild) {\n      const { onCopy: _onCopy, ...slotProps } = props as React.ComponentPropsWithoutRef<'div'>\n      return (\n        <Slot\n          ref={forwardedRef as React.ForwardedRef<HTMLElement>}\n          className={classNames('dsx-hover-card__arrow', className)}\n          data-slot=\"hover-card-arrow\"\n          {...slotProps}\n        />\n      )\n    }\n    return (\n      <svg\n        ref={forwardedRef}\n        className={classNames('dsx-hover-card__arrow', className)}\n        data-slot=\"hover-card-arrow\"\n        width={width}\n        height={height}\n        viewBox=\"0 0 10 5\"\n        preserveAspectRatio=\"none\"\n        {...props}\n      >\n        <path d=\"M0 0 L5 5 L10 0 Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  },\n)\nHoverCardArrow.displayName = 'HoverCardArrow'\n\nconst HoverCardContent = React.forwardRef<React.ComponentRef<typeof HoverCardPrimitive.Content>, HoverCardContentProps>(\n  ({ className: propClassName, forceMount = false, sideOffset = 8, size = 'md', showArrow = true, children, ...props }, forwardedRef) => {\n    const open = React.useContext(HoverCardOpenContext)\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        showArrow,\n        size,\n      },\n      hoverCardContentPropDefs,\n    )\n    const isPresent = open || forceMount\n\n    return (\n      <HoverCardPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {isPresent ? (\n            <PortalThemeWrapper key=\"hovercard-content\">\n              <HoverCardPrimitive.Content\n                {...contentProps}\n                ref={forwardedRef}\n                forceMount\n                asChild\n                sideOffset={sideOffset}\n                data-show-arrow={showArrow ? 'true' : 'false'}\n                data-size={size}\n              >\n                <motion.div\n                  className={classNames('dsx-hover-card__content', className)}\n                  initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, scale: 0.95 }}\n                  animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, scale: open ? 1 : 0.98 }}\n                  exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, scale: 0.98 }}\n                  transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover}\n                >\n                  {children}\n                  {showArrow ? <HoverCardPrimitive.Arrow className=\"dsx-hover-card__arrow\" width={10} height={5} /> : null}\n                </motion.div>\n              </HoverCardPrimitive.Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </HoverCardPrimitive.Portal>\n    )\n  },\n)\nHoverCardContent.displayName = 'HoverCardContent'\n\nconst HoverCard: typeof HoverCardRoot & {\n  Trigger: typeof HoverCardTrigger\n  Content: typeof HoverCardContent\n  Positioner: typeof HoverCardPositioner\n  Arrow: typeof HoverCardArrow\n} = Object.assign(HoverCardRoot, {\n  Trigger: HoverCardTrigger,\n  Content: HoverCardContent,\n  Positioner: HoverCardPositioner,\n  Arrow: HoverCardArrow,\n})\nHoverCard.displayName = 'HoverCard'\n\nexport { HoverCard, HoverCardArrow, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger }\nexport type { HoverCardArrowProps, HoverCardContentProps, HoverCardPositionerProps, HoverCardProps, HoverCardSize }\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card'\nimport { Slot } from '../slot/Slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { AnimatePresence, motion } from '../../motion'\nimport { hoverCardContentPropDefs } from './hoverCard.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst HoverCardOpenContext = React.createContext(false)\n\nfunction useControllableHoverCardOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<HoverCardProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, handleOpenChange] as const\n}\n\ntype HoverCardOwnProps = GetPropDefTypes<typeof hoverCardContentPropDefs>\n\ntype HoverCardProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>\ntype HoverCardSize = NonNullable<HoverCardOwnProps['size']>\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> & HoverCardOwnProps\n\ntype HoverCardSide = NonNullable<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>['side']>\ntype HoverCardAlign = NonNullable<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>['align']>\n\ninterface HoverCardPositionerProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: HoverCardSide\n  sideOffset?: number\n  align?: HoverCardAlign\n  alignOffset?: number\n  asChild?: boolean\n}\n\ninterface HoverCardArrowProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {\n  width?: number\n  height?: number\n  asChild?: boolean\n}\n\nconst HoverCardTrigger: typeof HoverCardPrimitive.Trigger = HoverCardPrimitive.Trigger\n\nfunction HoverCardRoot({ children, ...props }: HoverCardProps) {\n  const [open, setOpen] = useControllableHoverCardOpenState(props)\n  const { ...rootProps } = props\n\n  return (\n    <PortalThemeBoundary>\n      <HoverCardOpenContext.Provider value={open}>\n        <HoverCardPrimitive.Root {...rootProps} open={open} onOpenChange={setOpen}>\n          {children}\n        </HoverCardPrimitive.Root>\n      </HoverCardOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nHoverCardRoot.displayName = 'HoverCard'\n\nconst HoverCardPositioner = React.forwardRef<HTMLDivElement, HoverCardPositionerProps>(\n  ({ className, side = 'bottom', sideOffset = 8, align = 'center', alignOffset = 0, asChild, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-hover-card__positioner', className)}\n        data-slot=\"hover-card-positioner\"\n        data-side={side}\n        data-align={align}\n        {...props}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nHoverCardPositioner.displayName = 'HoverCardPositioner'\n\nconst HoverCardArrow = React.forwardRef<SVGSVGElement, HoverCardArrowProps>(\n  ({ className, width = 10, height = 5, asChild, ...props }, forwardedRef) => {\n    if (asChild) {\n      const { onCopy: _onCopy, ...slotProps } = props as React.ComponentPropsWithoutRef<'div'>\n      return (\n        <Slot\n          ref={forwardedRef as React.ForwardedRef<HTMLElement>}\n          className={classNames('dsx-hover-card__arrow', className)}\n          data-slot=\"hover-card-arrow\"\n          {...slotProps}\n        />\n      )\n    }\n    return (\n      <svg\n        ref={forwardedRef}\n        className={classNames('dsx-hover-card__arrow', className)}\n        data-slot=\"hover-card-arrow\"\n        width={width}\n        height={height}\n        viewBox=\"0 0 10 5\"\n        preserveAspectRatio=\"none\"\n        {...props}\n      >\n        <path d=\"M0 0 L5 5 L10 0 Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  },\n)\nHoverCardArrow.displayName = 'HoverCardArrow'\n\nconst HoverCardContent = React.forwardRef<React.ComponentRef<typeof HoverCardPrimitive.Content>, HoverCardContentProps>(\n  ({ className: propClassName, forceMount = false, sideOffset = 8, size = 'md', showArrow = true, children, ...props }, forwardedRef) => {\n    const open = React.useContext(HoverCardOpenContext)\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        showArrow,\n        size,\n      },\n      hoverCardContentPropDefs,\n    )\n    const isPresent = open || forceMount\n\n    return (\n      <HoverCardPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {isPresent ? (\n            <PortalThemeWrapper key=\"hovercard-content\">\n              <HoverCardPrimitive.Content\n                {...contentProps}\n                ref={forwardedRef}\n                forceMount\n                asChild\n                sideOffset={sideOffset}\n                data-show-arrow={showArrow ? 'true' : 'false'}\n                data-size={size}\n              >\n                <motion.div\n                  className={classNames('dsx-hover-card__content', className)}\n                  initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, scale: 0.95 }}\n                  animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, scale: open ? 1 : 0.98 }}\n                  exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, scale: 0.98 }}\n                  transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover}\n                >\n                  {children}\n                  {showArrow ? <HoverCardPrimitive.Arrow className=\"dsx-hover-card__arrow\" width={16} height={8} /> : null}\n                </motion.div>\n              </HoverCardPrimitive.Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </HoverCardPrimitive.Portal>\n    )\n  },\n)\nHoverCardContent.displayName = 'HoverCardContent'\n\nconst HoverCard: typeof HoverCardRoot & {\n  Trigger: typeof HoverCardTrigger\n  Content: typeof HoverCardContent\n  Positioner: typeof HoverCardPositioner\n  Arrow: typeof HoverCardArrow\n} = Object.assign(HoverCardRoot, {\n  Trigger: HoverCardTrigger,\n  Content: HoverCardContent,\n  Positioner: HoverCardPositioner,\n  Arrow: HoverCardArrow,\n})\nHoverCard.displayName = 'HoverCard'\n\nexport { HoverCard, HoverCardArrow, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger }\nexport type { HoverCardArrowProps, HoverCardContentProps, HoverCardPositionerProps, HoverCardProps, HoverCardSize }\n"],
   "mappings": "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",
   "names": ["import_motion", "classNames"]
 }

package/dist/components/hoverCard/HoverCard.js CHANGED Viewed

@@ -119,7 +119,7 @@ const HoverCardContent = React.forwardRef(
             transition: prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover,
             children: [
               children,
-              showArrow ? /* @__PURE__ */ jsx(HoverCardPrimitive.Arrow, { className: "dsx-hover-card__arrow", width: 10, height: 5 }) : null
+              showArrow ? /* @__PURE__ */ jsx(HoverCardPrimitive.Arrow, { className: "dsx-hover-card__arrow", width: 16, height: 8 }) : null
             ]
           }
         )

package/dist/components/hoverCard/HoverCard.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/hoverCard/HoverCard.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card'\nimport { Slot } from '../slot/Slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { AnimatePresence, motion } from '../../motion'\nimport { hoverCardContentPropDefs } from './hoverCard.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst HoverCardOpenContext = React.createContext(false)\n\nfunction useControllableHoverCardOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<HoverCardProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, handleOpenChange] as const\n}\n\ntype HoverCardOwnProps = GetPropDefTypes<typeof hoverCardContentPropDefs>\n\ntype HoverCardProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>\ntype HoverCardSize = NonNullable<HoverCardOwnProps['size']>\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> & HoverCardOwnProps\n\ntype HoverCardSide = NonNullable<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>['side']>\ntype HoverCardAlign = NonNullable<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>['align']>\n\ninterface HoverCardPositionerProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: HoverCardSide\n  sideOffset?: number\n  align?: HoverCardAlign\n  alignOffset?: number\n  asChild?: boolean\n}\n\ninterface HoverCardArrowProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {\n  width?: number\n  height?: number\n  asChild?: boolean\n}\n\nconst HoverCardTrigger: typeof HoverCardPrimitive.Trigger = HoverCardPrimitive.Trigger\n\nfunction HoverCardRoot({ children, ...props }: HoverCardProps) {\n  const [open, setOpen] = useControllableHoverCardOpenState(props)\n  const { ...rootProps } = props\n\n  return (\n    <PortalThemeBoundary>\n      <HoverCardOpenContext.Provider value={open}>\n        <HoverCardPrimitive.Root {...rootProps} open={open} onOpenChange={setOpen}>\n          {children}\n        </HoverCardPrimitive.Root>\n      </HoverCardOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nHoverCardRoot.displayName = 'HoverCard'\n\nconst HoverCardPositioner = React.forwardRef<HTMLDivElement, HoverCardPositionerProps>(\n  ({ className, side = 'bottom', sideOffset = 8, align = 'center', alignOffset = 0, asChild, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-hover-card__positioner', className)}\n        data-slot=\"hover-card-positioner\"\n        data-side={side}\n        data-align={align}\n        {...props}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nHoverCardPositioner.displayName = 'HoverCardPositioner'\n\nconst HoverCardArrow = React.forwardRef<SVGSVGElement, HoverCardArrowProps>(\n  ({ className, width = 10, height = 5, asChild, ...props }, forwardedRef) => {\n    if (asChild) {\n      const { onCopy: _onCopy, ...slotProps } = props as React.ComponentPropsWithoutRef<'div'>\n      return (\n        <Slot\n          ref={forwardedRef as React.ForwardedRef<HTMLElement>}\n          className={classNames('dsx-hover-card__arrow', className)}\n          data-slot=\"hover-card-arrow\"\n          {...slotProps}\n        />\n      )\n    }\n    return (\n      <svg\n        ref={forwardedRef}\n        className={classNames('dsx-hover-card__arrow', className)}\n        data-slot=\"hover-card-arrow\"\n        width={width}\n        height={height}\n        viewBox=\"0 0 10 5\"\n        preserveAspectRatio=\"none\"\n        {...props}\n      >\n        <path d=\"M0 0 L5 5 L10 0 Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  },\n)\nHoverCardArrow.displayName = 'HoverCardArrow'\n\nconst HoverCardContent = React.forwardRef<React.ComponentRef<typeof HoverCardPrimitive.Content>, HoverCardContentProps>(\n  ({ className: propClassName, forceMount = false, sideOffset = 8, size = 'md', showArrow = true, children, ...props }, forwardedRef) => {\n    const open = React.useContext(HoverCardOpenContext)\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        showArrow,\n        size,\n      },\n      hoverCardContentPropDefs,\n    )\n    const isPresent = open || forceMount\n\n    return (\n      <HoverCardPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {isPresent ? (\n            <PortalThemeWrapper key=\"hovercard-content\">\n              <HoverCardPrimitive.Content\n                {...contentProps}\n                ref={forwardedRef}\n                forceMount\n                asChild\n                sideOffset={sideOffset}\n                data-show-arrow={showArrow ? 'true' : 'false'}\n                data-size={size}\n              >\n                <motion.div\n                  className={classNames('dsx-hover-card__content', className)}\n                  initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, scale: 0.95 }}\n                  animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, scale: open ? 1 : 0.98 }}\n                  exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, scale: 0.98 }}\n                  transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover}\n                >\n                  {children}\n                  {showArrow ? <HoverCardPrimitive.Arrow className=\"dsx-hover-card__arrow\" width={10} height={5} /> : null}\n                </motion.div>\n              </HoverCardPrimitive.Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </HoverCardPrimitive.Portal>\n    )\n  },\n)\nHoverCardContent.displayName = 'HoverCardContent'\n\nconst HoverCard: typeof HoverCardRoot & {\n  Trigger: typeof HoverCardTrigger\n  Content: typeof HoverCardContent\n  Positioner: typeof HoverCardPositioner\n  Arrow: typeof HoverCardArrow\n} = Object.assign(HoverCardRoot, {\n  Trigger: HoverCardTrigger,\n  Content: HoverCardContent,\n  Positioner: HoverCardPositioner,\n  Arrow: HoverCardArrow,\n})\nHoverCard.displayName = 'HoverCard'\n\nexport { HoverCard, HoverCardArrow, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger }\nexport type { HoverCardArrowProps, HoverCardContentProps, HoverCardPositionerProps, HoverCardProps, HoverCardSize }\n"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card'\nimport { Slot } from '../slot/Slot'\n\nimport { PortalThemeBoundary, PortalThemeWrapper } from '../../_internal/BaseDialog'\nimport { usePrefersReducedMotion } from '../../_internal'\nimport { MOTION_TRANSITIONS } from '../../_internal/motion'\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport { AnimatePresence, motion } from '../../motion'\nimport { hoverCardContentPropDefs } from './hoverCard.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\nconst HoverCardOpenContext = React.createContext(false)\n\nfunction useControllableHoverCardOpenState({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n}: Pick<HoverCardProps, 'open' | 'defaultOpen' | 'onOpenChange'>) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false)\n  const open = openProp ?? uncontrolledOpen\n\n  const handleOpenChange = React.useCallback(\n    (nextOpen: boolean) => {\n      if (openProp === undefined) {\n        setUncontrolledOpen(nextOpen)\n      }\n\n      onOpenChange?.(nextOpen)\n    },\n    [onOpenChange, openProp],\n  )\n\n  return [open, handleOpenChange] as const\n}\n\ntype HoverCardOwnProps = GetPropDefTypes<typeof hoverCardContentPropDefs>\n\ntype HoverCardProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>\ntype HoverCardSize = NonNullable<HoverCardOwnProps['size']>\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content> & HoverCardOwnProps\n\ntype HoverCardSide = NonNullable<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>['side']>\ntype HoverCardAlign = NonNullable<React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>['align']>\n\ninterface HoverCardPositionerProps extends React.ComponentPropsWithoutRef<'div'> {\n  side?: HoverCardSide\n  sideOffset?: number\n  align?: HoverCardAlign\n  alignOffset?: number\n  asChild?: boolean\n}\n\ninterface HoverCardArrowProps extends Omit<React.ComponentPropsWithoutRef<'svg'>, 'width' | 'height'> {\n  width?: number\n  height?: number\n  asChild?: boolean\n}\n\nconst HoverCardTrigger: typeof HoverCardPrimitive.Trigger = HoverCardPrimitive.Trigger\n\nfunction HoverCardRoot({ children, ...props }: HoverCardProps) {\n  const [open, setOpen] = useControllableHoverCardOpenState(props)\n  const { ...rootProps } = props\n\n  return (\n    <PortalThemeBoundary>\n      <HoverCardOpenContext.Provider value={open}>\n        <HoverCardPrimitive.Root {...rootProps} open={open} onOpenChange={setOpen}>\n          {children}\n        </HoverCardPrimitive.Root>\n      </HoverCardOpenContext.Provider>\n    </PortalThemeBoundary>\n  )\n}\nHoverCardRoot.displayName = 'HoverCard'\n\nconst HoverCardPositioner = React.forwardRef<HTMLDivElement, HoverCardPositionerProps>(\n  ({ className, side = 'bottom', sideOffset = 8, align = 'center', alignOffset = 0, asChild, children, ...props }, forwardedRef) => {\n    const Comp = asChild ? Slot : 'div'\n    return (\n      <Comp\n        ref={forwardedRef}\n        className={classNames('dsx-hover-card__positioner', className)}\n        data-slot=\"hover-card-positioner\"\n        data-side={side}\n        data-align={align}\n        {...props}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nHoverCardPositioner.displayName = 'HoverCardPositioner'\n\nconst HoverCardArrow = React.forwardRef<SVGSVGElement, HoverCardArrowProps>(\n  ({ className, width = 10, height = 5, asChild, ...props }, forwardedRef) => {\n    if (asChild) {\n      const { onCopy: _onCopy, ...slotProps } = props as React.ComponentPropsWithoutRef<'div'>\n      return (\n        <Slot\n          ref={forwardedRef as React.ForwardedRef<HTMLElement>}\n          className={classNames('dsx-hover-card__arrow', className)}\n          data-slot=\"hover-card-arrow\"\n          {...slotProps}\n        />\n      )\n    }\n    return (\n      <svg\n        ref={forwardedRef}\n        className={classNames('dsx-hover-card__arrow', className)}\n        data-slot=\"hover-card-arrow\"\n        width={width}\n        height={height}\n        viewBox=\"0 0 10 5\"\n        preserveAspectRatio=\"none\"\n        {...props}\n      >\n        <path d=\"M0 0 L5 5 L10 0 Z\" fill=\"currentColor\" />\n      </svg>\n    )\n  },\n)\nHoverCardArrow.displayName = 'HoverCardArrow'\n\nconst HoverCardContent = React.forwardRef<React.ComponentRef<typeof HoverCardPrimitive.Content>, HoverCardContentProps>(\n  ({ className: propClassName, forceMount = false, sideOffset = 8, size = 'md', showArrow = true, children, ...props }, forwardedRef) => {\n    const open = React.useContext(HoverCardOpenContext)\n    const prefersReducedMotion = usePrefersReducedMotion()\n    const { className, ...contentProps } = extractProps(\n      {\n        ...props,\n        className: propClassName,\n        showArrow,\n        size,\n      },\n      hoverCardContentPropDefs,\n    )\n    const isPresent = open || forceMount\n\n    return (\n      <HoverCardPrimitive.Portal>\n        <AnimatePresence initial={false}>\n          {isPresent ? (\n            <PortalThemeWrapper key=\"hovercard-content\">\n              <HoverCardPrimitive.Content\n                {...contentProps}\n                ref={forwardedRef}\n                forceMount\n                asChild\n                sideOffset={sideOffset}\n                data-show-arrow={showArrow ? 'true' : 'false'}\n                data-size={size}\n              >\n                <motion.div\n                  className={classNames('dsx-hover-card__content', className)}\n                  initial={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, scale: 0.95 }}\n                  animate={prefersReducedMotion ? { opacity: open ? 1 : 0 } : { opacity: open ? 1 : 0, scale: open ? 1 : 0.98 }}\n                  exit={prefersReducedMotion ? { opacity: 0 } : { opacity: 0, scale: 0.98 }}\n                  transition={prefersReducedMotion ? MOTION_TRANSITIONS.reduced : MOTION_TRANSITIONS.popover}\n                >\n                  {children}\n                  {showArrow ? <HoverCardPrimitive.Arrow className=\"dsx-hover-card__arrow\" width={16} height={8} /> : null}\n                </motion.div>\n              </HoverCardPrimitive.Content>\n            </PortalThemeWrapper>\n          ) : null}\n        </AnimatePresence>\n      </HoverCardPrimitive.Portal>\n    )\n  },\n)\nHoverCardContent.displayName = 'HoverCardContent'\n\nconst HoverCard: typeof HoverCardRoot & {\n  Trigger: typeof HoverCardTrigger\n  Content: typeof HoverCardContent\n  Positioner: typeof HoverCardPositioner\n  Arrow: typeof HoverCardArrow\n} = Object.assign(HoverCardRoot, {\n  Trigger: HoverCardTrigger,\n  Content: HoverCardContent,\n  Positioner: HoverCardPositioner,\n  Arrow: HoverCardArrow,\n})\nHoverCard.displayName = 'HoverCard'\n\nexport { HoverCard, HoverCardArrow, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger }\nexport type { HoverCardArrowProps, HoverCardContentProps, HoverCardPositionerProps, HoverCardProps, HoverCardSize }\n"],
   "mappings": "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",
   "names": []
 }

package/dist/components/icon/Icon.cjs CHANGED Viewed

@@ -119,6 +119,8 @@ const DSX_ICON_NAMES = [
   "moon",
   "netflix",
   "npm",
+  "panel-left",
+  "panel-left-dashed",
   "paypal",
   "plus",
   "power",
@@ -207,6 +209,8 @@ const LUCIDE_ICON_COMPONENTS = {
   minus: import_lucide_react.Minus,
   monitor: import_lucide_react.Monitor,
   moon: import_lucide_react.Moon,
+  "panel-left": import_lucide_react.PanelLeft,
+  "panel-left-dashed": import_lucide_react.PanelLeftDashed,
   plus: import_lucide_react.Plus,
   power: import_lucide_react.Power,
   quote: import_lucide_react.Quote,
@@ -409,6 +413,8 @@ const dsxIconCatalog = [
   { name: "moon", category: "Theme", file: "moon.svg" },
   { name: "netflix", category: "Companies & Services", file: "netflix.svg" },
   { name: "npm", category: "Companies & Services", file: "npm.svg" },
+  { name: "panel-left", category: "Navigation & System", file: "panel-left.svg" },
+  { name: "panel-left-dashed", category: "Navigation & System", file: "panel-left-dashed.svg" },
   { name: "paypal", category: "Companies & Services", file: "paypal.svg" },
   { name: "plus", category: "Navigation & System", file: "plus.svg" },
   { name: "power", category: "Actions", file: "power.svg" },