@salt-ds/lab 1.0.0-alpha.67 → 1.0.0-alpha.68

package/dist-es/combo-box-deprecated/internal/getAnnouncement.js

@@ -1,6 +0,0 @@
-function getAnnouncement(itemCount, firstItem) {
-  return itemCount === 0 || itemCount === void 0 ? "no results" : `${itemCount} ${itemCount > 1 ? "results" : "result"}${""}`;
-}
-
-export { getAnnouncement };
-//# sourceMappingURL=getAnnouncement.js.map

package/dist-es/combo-box-deprecated/internal/getAnnouncement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getAnnouncement.js","sources":["../src/combo-box-deprecated/internal/getAnnouncement.ts"],"sourcesContent":["export function getAnnouncement(\n  itemCount: number | undefined,\n  firstItem: string | null,\n): string {\n  return itemCount === 0 || itemCount === undefined\n    ? \"no results\"\n    : `${itemCount} ${itemCount > 1 ? \"results\" : \"result\"}${\n        firstItem ? `, ${firstItem}` : \"\"\n      }`;\n}\n"],"names":[],"mappings":"AAAgB,SAAA,eAAA,CACd,WACA,SACQ,EAAA;AACR,EAAA,OAAO,cAAc,CAAK,IAAA,SAAA,KAAc,KACpC,CAAA,GAAA,YAAA,GACA,GAAG,SAAS,CAAA,CAAA,EAAI,SAAY,GAAA,CAAA,GAAI,YAAY,QAAQ,CAAA,EACnB,EACjC,CAAA,CAAA;AACN;;;;"}

package/dist-es/splitter/SplitHandle.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltSplitHandle {\n  --splitHandle-size: var(--salt-size-thickness-400, calc(var(--salt-size-border) * 4));\n  --splitHandle-borderWidth: var(--salt-size-thickness-100, var(--salt-size-border));\n  --splitHandle-borderColor: var(--salt-separable-secondary-borderColor);\n  --splitHandle-borderStyle: var(--salt-separable-borderStyle);\n  --splitHandle-dot-background: var(--salt-separable-foreground);\n  --splitHandle-dot-background-hover: var(--salt-separable-foreground-hover);\n  --splitHandle-dot-background-active: var(--salt-separable-foreground-active);\n\n  position: relative;\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  gap: 2px;\n\n  box-sizing: content-box;\n\n  background: var(--splitHandle-background);\n}\n\n.saltSplitHandle-bordered,\n.saltSplitHandle-variant-primary {\n  --splitHandle-background: var(--salt-container-primary-background);\n  --splitHandle-background-hover: var(--salt-separable-background-hover);\n  --splitHandle-background-active: var(--salt-separable-background-active);\n}\n\n.saltSplitHandle-variant-secondary {\n  --splitHandle-background: var(--salt-container-secondary-background);\n  --splitHandle-background-hover: var(--salt-separable-background-hover);\n  --splitHandle-background-active: var(--salt-separable-background-active);\n}\n\n.saltSplitHandle-variant-tertiary {\n  --splitHandle-background: var(--salt-container-tertiary-background);\n  --splitHandle-background-hover: var(--salt-separable-background-hover);\n  --splitHandle-background-active: var(--salt-separable-background-active);\n}\n\n.saltSplitHandle-variant-transparent {\n  --splitHandle-background: var(--salt-separable-background);\n  --splitHandle-background-hover: var(--salt-separable-background-hover);\n  --splitHandle-background-active: var(--salt-separable-background-active);\n}\n\n.saltSplitHandle[data-resize-handle-state=\"hover\"] {\n  background: var(--splitHandle-background-hover);\n}\n\n.saltSplitHandle[data-resize-handle-state=\"drag\"] {\n  --splitHandle-background: var(--splitHandle-background-active);\n}\n\n.saltSplitHandle[data-panel-group-direction=\"horizontal\"] {\n  flex-direction: column;\n  width: var(--splitHandle-size);\n}\n\n.saltSplitHandle[data-panel-group-direction=\"vertical\"] {\n  flex-direction: row;\n  height: var(--splitHandle-size);\n}\n\n.saltSplitHandle[data-panel-group-direction=\"horizontal\"]::after {\n  content: \"\";\n  position: absolute;\n  left: -10px;\n  right: -10px;\n  top: 0;\n  bottom: 0;\n}\n\n.saltSplitHandle[data-panel-group-direction=\"vertical\"]::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: -10px;\n  bottom: -10px;\n}\n\n.saltSplitHandle:focus-visible {\n  outline-style: var(--salt-focused-outlineStyle);\n  outline-width: var(--salt-focused-outlineWidth);\n  outline-color: var(--salt-focused-outlineColor);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n\n.saltSplitHandle-border-top {\n  border-top-width: var(--splitHandle-borderWidth);\n  border-top-color: var(--splitHandle-borderColor);\n  border-top-style: var(--splitHandle-borderStyle);\n\n  border-bottom-width: var(--splitHandle-borderWidth);\n  border-bottom-color: transparent;\n  border-bottom-style: var(--splitHandle-borderStyle);\n}\n\n.saltSplitHandle-border-bottom {\n  border-top-width: var(--splitHandle-borderWidth);\n  border-top-color: transparent;\n  border-top-style: var(--splitHandle-borderStyle);\n\n  border-bottom-width: var(--splitHandle-borderWidth);\n  border-bottom-color: var(--splitHandle-borderColor);\n  border-bottom-style: var(--splitHandle-borderStyle);\n}\n\n.saltSplitHandle-border-top-bottom {\n  border-top-width: var(--splitHandle-borderWidth);\n  border-top-color: var(--splitHandle-borderColor);\n  border-top-style: var(--splitHandle-borderStyle);\n\n  border-bottom-width: var(--splitHandle-borderWidth);\n  border-bottom-color: var(--splitHandle-borderColor);\n  border-bottom-style: var(--splitHandle-borderStyle);\n}\n\n.saltSplitHandle-border-left {\n  border-left-width: var(--splitHandle-borderWidth);\n  border-left-color: var(--splitHandle-borderColor);\n  border-left-style: var(--splitHandle-borderStyle);\n\n  border-right-width: var(--splitHandle-borderWidth);\n  border-right-color: transparent;\n  border-right-style: var(--splitHandle-borderStyle);\n}\n\n.saltSplitHandle-border-right {\n  border-left-width: var(--splitHandle-borderWidth);\n  border-left-color: transparent;\n  border-left-style: var(--splitHandle-borderStyle);\n\n  border-right-width: var(--splitHandle-borderWidth);\n  border-right-color: var(--splitHandle-borderColor);\n  border-right-style: var(--splitHandle-borderStyle);\n}\n\n.saltSplitHandle-border-left-right {\n  border-left-width: var(--splitHandle-borderWidth);\n  border-left-color: var(--splitHandle-borderColor);\n  border-left-style: var(--splitHandle-borderStyle);\n\n  border-right-width: var(--splitHandle-borderWidth);\n  border-right-color: var(--splitHandle-borderColor);\n  border-right-style: var(--splitHandle-borderStyle);\n}\n\n/* two handles touching horizontally */\n.saltSplitHandle[data-panel-group-direction=\"horizontal\"] + div[data-panel-size=\"0.0\"] + .saltSplitHandle[data-panel-group-direction=\"horizontal\"] {\n  margin-left: -1px;\n}\n\n/* two handles touching vertically */\n.saltSplitHandle[data-panel-group-direction=\"vertical\"] + div[data-panel-size=\"0.0\"] + .saltSplitHandle[data-panel-group-direction=\"vertical\"] {\n  margin-top: -1px;\n}\n\n/* handle touching the side of a container */\n@supports selector(:has(*)) {\n  .saltSplitPanel:first-of-type[data-panel-size=\"0.0\"] + .saltSplitHandle-bordered[data-panel-group-direction=\"horizontal\"] {\n    margin-left: -1px;\n  }\n\n  .saltSplitPanel:first-of-type[data-panel-size=\"0.0\"] + .saltSplitHandle-bordered[data-panel-group-direction=\"vertical\"] {\n    margin-top: -1px;\n  }\n\n  .saltSplitHandle-bordered[data-panel-group-direction=\"horizontal\"]:has(+ .saltSplitPanel:last-of-type[data-panel-size=\"0.0\"]) {\n    margin-right: -1px;\n  }\n\n  .saltSplitHandle-bordered[data-panel-group-direction=\"vertical\"]:has(+ .saltSplitPanel:last-of-type[data-panel-size=\"0.0\"]) {\n    margin-bottom: -1px;\n  }\n}\n\n.saltSplitHandle-dot {\n  background: var(--splitHandle-dot-background);\n}\n\n.saltSplitHandle[data-resize-handle-state=\"hover\"] > .saltSplitHandle-dot {\n  background: var(--splitHandle-dot-background-hover);\n}\n\n.saltSplitHandle[data-resize-handle-state=\"drag\"] > .saltSplitHandle-dot {\n  background: var(--splitHandle-dot-background-active);\n}\n\n.saltSplitHandle[data-panel-group-direction=\"horizontal\"] > .saltSplitHandle-dot {\n  width: 2px;\n  height: 1px;\n}\n\n.saltSplitHandle[data-panel-group-direction=\"vertical\"] > .saltSplitHandle-dot {\n  height: 2px;\n  width: 1px;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=SplitHandle.css.js.map

package/dist-es/splitter/SplitHandle.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitHandle.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/splitter/SplitHandle.js

@@ -1,58 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import clsx from 'clsx';
-import { useContext } from 'react';
-import { PanelResizeHandle } from 'react-resizable-panels';
-import css_248z from './SplitHandle.css.js';
-import { AppearanceContext, OrientationContext } from './Splitter.js';
-import { computeVariant, computeAccent } from './utils.js';
-
-const withBaseName = makePrefixer("saltSplitHandle");
-function SplitHandle({
-  variant: variantProp,
-  border: borderProp,
-  hitAreaMargins = {
-    coarse: 9,
-    fine: 9
-  },
-  className,
-  ...props
-}) {
-  const targetWindow = useWindow();
-  const appearance = useContext(AppearanceContext);
-  const orientation = useContext(OrientationContext);
-  const variant = variantProp ?? computeVariant(appearance);
-  const border = borderProp ?? computeAccent(appearance, orientation);
-  useComponentCssInjection({
-    testId: "salt-split-handle",
-    css: css_248z,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxs(
-    PanelResizeHandle,
-    {
-      hitAreaMargins,
-      "data-variant": variant,
-      "data-border": border,
-      className: clsx(
-        withBaseName(),
-        withBaseName(appearance),
-        withBaseName("border", border),
-        withBaseName("variant", variant),
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: withBaseName("dot") }),
-        /* @__PURE__ */ jsx("span", { className: withBaseName("dot") }),
-        /* @__PURE__ */ jsx("span", { className: withBaseName("dot") }),
-        /* @__PURE__ */ jsx("span", { className: withBaseName("dot") })
-      ]
-    }
-  );
-}
-
-export { SplitHandle };
-//# sourceMappingURL=SplitHandle.js.map

package/dist-es/splitter/SplitHandle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitHandle.js","sources":["../src/splitter/SplitHandle.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport {\n  PanelResizeHandle,\n  type PanelResizeHandleProps,\n} from \"react-resizable-panels\";\n\nimport splitHandleCSS from \"./SplitHandle.css\";\nimport { AppearanceContext, OrientationContext } from \"./Splitter\";\nimport { computeAccent, computeVariant } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltSplitHandle\");\n\nexport type SplitHandleVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"tertiary\"\n  | \"transparent\";\n\nexport type SplitHandleBorder =\n  | \"top\"\n  | \"bottom\"\n  | \"right\"\n  | \"left\"\n  | \"top-bottom\"\n  | \"left-right\"\n  | \"none\";\n\nexport interface SplitHandleProps extends PanelResizeHandleProps {\n  /**\n   * Styling variant\n   * @default \"primary\"\n   */\n  variant?: SplitHandleVariant;\n  /**\n   * Change which sides get a border displayed\n   *\n   * Default is based on the orientation and appearance\n   * set on the parent Stepper components, ex.\n   * bordered + vertical = left-right\n   * bordered + horizontal = top-bottom\n   * transparent = none\n   */\n  border?: SplitHandleBorder;\n}\n\nexport function SplitHandle({\n  variant: variantProp,\n  border: borderProp,\n  hitAreaMargins = {\n    coarse: 9,\n    fine: 9,\n  },\n  className,\n  ...props\n}: SplitHandleProps) {\n  const targetWindow = useWindow();\n  const appearance = useContext(AppearanceContext);\n  const orientation = useContext(OrientationContext);\n\n  const variant = variantProp ?? computeVariant(appearance);\n  const border = borderProp ?? computeAccent(appearance, orientation);\n\n  useComponentCssInjection({\n    testId: \"salt-split-handle\",\n    css: splitHandleCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <PanelResizeHandle\n      hitAreaMargins={hitAreaMargins}\n      data-variant={variant}\n      data-border={border}\n      className={clsx(\n        withBaseName(),\n        withBaseName(appearance),\n        withBaseName(\"border\", border),\n        withBaseName(\"variant\", variant),\n        className,\n      )}\n      {...props}\n    >\n      <span className={withBaseName(\"dot\")} />\n      <span className={withBaseName(\"dot\")} />\n      <span className={withBaseName(\"dot\")} />\n      <span className={withBaseName(\"dot\")} />\n    </PanelResizeHandle>\n  );\n}\n"],"names":["splitHandleCSS"],"mappings":";;;;;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA;AAmC5C,SAAS,WAAY,CAAA;AAAA,EAC1B,OAAS,EAAA,WAAA;AAAA,EACT,MAAQ,EAAA,UAAA;AAAA,EACR,cAAiB,GAAA;AAAA,IACf,MAAQ,EAAA,CAAA;AAAA,IACR,IAAM,EAAA;AAAA,GACR;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAqB,EAAA;AACnB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAM,MAAA,UAAA,GAAa,WAAW,iBAAiB,CAAA;AAC/C,EAAM,MAAA,WAAA,GAAc,WAAW,kBAAkB,CAAA;AAEjD,EAAM,MAAA,OAAA,GAAU,WAAe,IAAA,cAAA,CAAe,UAAU,CAAA;AACxD,EAAA,MAAM,MAAS,GAAA,UAAA,IAAc,aAAc,CAAA,UAAA,EAAY,WAAW,CAAA;AAElE,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,IAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,cAAA;AAAA,MACA,cAAc,EAAA,OAAA;AAAA,MACd,aAAa,EAAA,MAAA;AAAA,MACb,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb,aAAa,UAAU,CAAA;AAAA,QACvB,YAAA,CAAa,UAAU,MAAM,CAAA;AAAA,QAC7B,YAAA,CAAa,WAAW,OAAO,CAAA;AAAA,QAC/B;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,KAAK,CAAG,EAAA,CAAA;AAAA,wBACrC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,YAAA,CAAa,KAAK,CAAG,EAAA,CAAA;AAAA,wBACrC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,YAAA,CAAa,KAAK,CAAG,EAAA,CAAA;AAAA,wBACrC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,YAAA,CAAa,KAAK,CAAG,EAAA;AAAA;AAAA;AAAA,GACxC;AAEJ;;;;"}

package/dist-es/splitter/SplitPanel.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltSplitPanel {\n  box-sizing: border-box;\n\n  background: var(--splitPanel-background);\n}\n\n.saltSplitPanel[data-panel-size=\"0.0\"] {\n  visibility: hidden;\n}\n\n.saltSplitPanel-primary {\n  --splitPanel-background: var(--salt-container-primary-background);\n}\n\n.saltSplitPanel-secondary {\n  --splitPanel-background: var(--salt-container-secondary-background);\n}\n\n.saltSplitPanel-tertiary {\n  --splitPanel-background: var(--salt-container-tertiary-background);\n}\n\n@supports selector(:has(*)) {\n  .saltSplitPanel:has(.saltSplitPanel) {\n    background: unset;\n  }\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=SplitPanel.css.js.map

package/dist-es/splitter/SplitPanel.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitPanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/splitter/SplitPanel.js

@@ -1,35 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer, useId } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import clsx from 'clsx';
-import { forwardRef } from 'react';
-import { Panel } from 'react-resizable-panels';
-import css_248z from './SplitPanel.css.js';
-
-const withBaseName = makePrefixer("saltSplitPanel");
-const SplitPanel = forwardRef(
-  function SplitPanel2({ id: idProp, variant = "primary", minSize = 10, className, ...props }, ref) {
-    const id = useId(idProp);
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-split-panel",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx(
-      Panel,
-      {
-        id,
-        minSize,
-        "data-variant": variant,
-        className: clsx(withBaseName(), withBaseName(variant), className),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-
-export { SplitPanel };
-//# sourceMappingURL=SplitPanel.js.map

package/dist-es/splitter/SplitPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SplitPanel.js","sources":["../src/splitter/SplitPanel.tsx"],"sourcesContent":["import { makePrefixer, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { forwardRef } from \"react\";\nimport {\n  type ImperativePanelHandle,\n  Panel,\n  type PanelProps,\n} from \"react-resizable-panels\";\n\nimport splitPanelCSS from \"./SplitPanel.css\";\n\nexport type SplitPanelVariant = \"primary\" | \"secondary\" | \"tertiary\";\n\nexport interface SplitPanelProps extends PanelProps {\n  /**\n   * Styling variant\n   * @default \"primary\"\n   */\n  variant?: SplitPanelVariant;\n}\n\nconst withBaseName = makePrefixer(\"saltSplitPanel\");\n\nexport const SplitPanel = forwardRef<ImperativePanelHandle, SplitPanelProps>(\n  function SplitPanel(\n    { id: idProp, variant = \"primary\", minSize = 10, className, ...props },\n    ref,\n  ) {\n    const id = useId(idProp);\n    const targetWindow = useWindow();\n\n    useComponentCssInjection({\n      testId: \"salt-split-panel\",\n      css: splitPanelCSS,\n      window: targetWindow,\n    });\n\n    return (\n      <Panel\n        id={id}\n        minSize={minSize}\n        data-variant={variant}\n        className={clsx(withBaseName(), withBaseName(variant), className)}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\n"],"names":["SplitPanel","splitPanelCSS"],"mappings":";;;;;;;;;AAuBA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA;AAE3C,MAAM,UAAa,GAAA,UAAA;AAAA,EACxB,SAASA,WAAAA,CACP,EAAE,EAAA,EAAI,MAAQ,EAAA,OAAA,GAAU,SAAW,EAAA,OAAA,GAAU,EAAI,EAAA,SAAA,EAAW,GAAG,KAAA,IAC/D,GACA,EAAA;AACA,IAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA;AACvB,IAAA,MAAM,eAAe,SAAU,EAAA;AAE/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,kBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,OAAA;AAAA,QACA,cAAc,EAAA,OAAA;AAAA,QACd,WAAW,IAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,OAAO,GAAG,SAAS,CAAA;AAAA,QAChE,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA;AAGN;;;;"}

package/dist-es/splitter/Splitter.js

@@ -1,27 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
-import { PanelGroup } from 'react-resizable-panels';
-
-const OrientationContext = createContext("vertical");
-const AppearanceContext = createContext("bordered");
-function Splitter({
-  orientation,
-  appearance: appearanceProp,
-  ...props
-}) {
-  const appearanceContext = useContext(AppearanceContext);
-  const appearance = appearanceProp ?? appearanceContext;
-  const direction = orientation === "horizontal" ? "vertical" : "horizontal";
-  return /* @__PURE__ */ jsx(OrientationContext.Provider, { value: orientation, children: /* @__PURE__ */ jsx(AppearanceContext.Provider, { value: appearance, children: /* @__PURE__ */ jsx(
-    PanelGroup,
-    {
-      "data-orientation": orientation,
-      "data-appearance": appearance,
-      direction,
-      ...props
-    }
-  ) }) });
-}
-
-export { AppearanceContext, OrientationContext, Splitter };
-//# sourceMappingURL=Splitter.js.map

package/dist-es/splitter/Splitter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Splitter.js","sources":["../src/splitter/Splitter.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext } from \"react\";\nimport { PanelGroup, type PanelGroupProps } from \"react-resizable-panels\";\n\nexport type SplitterAppearance = \"bordered\" | \"transparent\";\nexport type SplitterOrientation = \"horizontal\" | \"vertical\";\n\nexport const OrientationContext =\n  createContext<SplitterOrientation>(\"vertical\");\nexport const AppearanceContext = createContext<SplitterAppearance>(\"bordered\");\n\nexport interface SplitterProps extends Omit<PanelGroupProps, \"direction\"> {\n  /**\n   * The orientation of the splitter.\n   * Replaces `PanelGroupProps[\"direction\"]`\n   */\n  orientation: SplitterOrientation;\n  /**\n   * The appearance of the splitter.\n   * If set to \"transparent\", the splitter handle will\n   * be transparent, hence the background will be visible.\n   * @default \"bordered\"\n   */\n  appearance?: SplitterAppearance;\n  children: ReactNode;\n}\n\nexport function Splitter({\n  orientation,\n  appearance: appearanceProp,\n  ...props\n}: SplitterProps) {\n  const appearanceContext = useContext(AppearanceContext);\n  const appearance = appearanceProp ?? appearanceContext;\n\n  const direction = orientation === \"horizontal\" ? \"vertical\" : \"horizontal\";\n\n  return (\n    <OrientationContext.Provider value={orientation}>\n      <AppearanceContext.Provider value={appearance}>\n        <PanelGroup\n          data-orientation={orientation}\n          data-appearance={appearance}\n          direction={direction}\n          {...props}\n        />\n      </AppearanceContext.Provider>\n    </OrientationContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;AAMa,MAAA,kBAAA,GACX,cAAmC,UAAU;AAClC,MAAA,iBAAA,GAAoB,cAAkC,UAAU;AAkBtE,SAAS,QAAS,CAAA;AAAA,EACvB,WAAA;AAAA,EACA,UAAY,EAAA,cAAA;AAAA,EACZ,GAAG;AACL,CAAkB,EAAA;AAChB,EAAM,MAAA,iBAAA,GAAoB,WAAW,iBAAiB,CAAA;AACtD,EAAA,MAAM,aAAa,cAAkB,IAAA,iBAAA;AAErC,EAAM,MAAA,SAAA,GAAY,WAAgB,KAAA,YAAA,GAAe,UAAa,GAAA,YAAA;AAE9D,EACE,uBAAA,GAAA,CAAC,kBAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAA,EAAO,WAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,iBAAkB,CAAA,QAAA,EAAlB,EAA2B,KAAA,EAAO,UACjC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,kBAAkB,EAAA,WAAA;AAAA,MAClB,iBAAiB,EAAA,UAAA;AAAA,MACjB,SAAA;AAAA,MACC,GAAG;AAAA;AAAA,KAER,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist-es/splitter/utils.js

@@ -1,15 +0,0 @@
-function computeAccent(appearance, orientation) {
-  if (appearance === "transparent") {
-    return "none";
-  }
-  if (orientation === "horizontal") {
-    return "top-bottom";
-  }
-  return "left-right";
-}
-function computeVariant(appearance) {
-  return appearance === "bordered" ? "primary" : "transparent";
-}
-
-export { computeAccent, computeVariant };
-//# sourceMappingURL=utils.js.map

package/dist-es/splitter/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/splitter/utils.ts"],"sourcesContent":["import type { SplitHandleBorder } from \"./SplitHandle\";\nimport type { SplitterAppearance, SplitterOrientation } from \"./Splitter\";\n\nexport function computeAccent(\n  appearance: SplitterAppearance,\n  orientation: SplitterOrientation,\n): SplitHandleBorder {\n  if (appearance === \"transparent\") {\n    return \"none\";\n  }\n\n  if (orientation === \"horizontal\") {\n    return \"top-bottom\";\n  }\n\n  return \"left-right\";\n}\n\nexport function computeVariant(\n  appearance: SplitterAppearance,\n): \"primary\" | \"transparent\" {\n  return appearance === \"bordered\" ? \"primary\" : \"transparent\";\n}\n"],"names":[],"mappings":"AAGgB,SAAA,aAAA,CACd,YACA,WACmB,EAAA;AACnB,EAAA,IAAI,eAAe,aAAe,EAAA;AAChC,IAAO,OAAA,MAAA;AAAA;AAGT,EAAA,IAAI,gBAAgB,YAAc,EAAA;AAChC,IAAO,OAAA,YAAA;AAAA;AAGT,EAAO,OAAA,YAAA;AACT;AAEO,SAAS,eACd,UAC2B,EAAA;AAC3B,EAAO,OAAA,UAAA,KAAe,aAAa,SAAY,GAAA,aAAA;AACjD;;;;"}

package/dist-types/splitter/SplitHandle.d.ts

@@ -1,21 +0,0 @@
-import { type PanelResizeHandleProps } from "react-resizable-panels";
-export declare type SplitHandleVariant = "primary" | "secondary" | "tertiary" | "transparent";
-export declare type SplitHandleBorder = "top" | "bottom" | "right" | "left" | "top-bottom" | "left-right" | "none";
-export interface SplitHandleProps extends PanelResizeHandleProps {
-    /**
-     * Styling variant
-     * @default "primary"
-     */
-    variant?: SplitHandleVariant;
-    /**
-     * Change which sides get a border displayed
-     *
-     * Default is based on the orientation and appearance
-     * set on the parent Stepper components, ex.
-     * bordered + vertical = left-right
-     * bordered + horizontal = top-bottom
-     * transparent = none
-     */
-    border?: SplitHandleBorder;
-}
-export declare function SplitHandle({ variant: variantProp, border: borderProp, hitAreaMargins, className, ...props }: SplitHandleProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/splitter/SplitPanel.d.ts

@@ -1,10 +0,0 @@
-import { type ImperativePanelHandle, type PanelProps } from "react-resizable-panels";
-export declare type SplitPanelVariant = "primary" | "secondary" | "tertiary";
-export interface SplitPanelProps extends PanelProps {
-    /**
-     * Styling variant
-     * @default "primary"
-     */
-    variant?: SplitPanelVariant;
-}
-export declare const SplitPanel: import("react").ForwardRefExoticComponent<SplitPanelProps & import("react").RefAttributes<ImperativePanelHandle>>;

package/dist-types/splitter/Splitter.d.ts

@@ -1,22 +0,0 @@
-import { type ReactNode } from "react";
-import { type PanelGroupProps } from "react-resizable-panels";
-export declare type SplitterAppearance = "bordered" | "transparent";
-export declare type SplitterOrientation = "horizontal" | "vertical";
-export declare const OrientationContext: import("react").Context<SplitterOrientation>;
-export declare const AppearanceContext: import("react").Context<SplitterAppearance>;
-export interface SplitterProps extends Omit<PanelGroupProps, "direction"> {
-    /**
-     * The orientation of the splitter.
-     * Replaces `PanelGroupProps["direction"]`
-     */
-    orientation: SplitterOrientation;
-    /**
-     * The appearance of the splitter.
-     * If set to "transparent", the splitter handle will
-     * be transparent, hence the background will be visible.
-     * @default "bordered"
-     */
-    appearance?: SplitterAppearance;
-    children: ReactNode;
-}
-export declare function Splitter({ orientation, appearance: appearanceProp, ...props }: SplitterProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/splitter/index.d.ts

@@ -1,4 +0,0 @@
-export { Splitter, type SplitterProps } from "./Splitter";
-export { SplitPanel, type SplitPanelProps } from "./SplitPanel";
-export { SplitHandle, type SplitHandleProps } from "./SplitHandle";
-export type { ImperativePanelHandle } from "react-resizable-panels";

package/dist-types/splitter/utils.d.ts

@@ -1,4 +0,0 @@
-import type { SplitHandleBorder } from "./SplitHandle";
-import type { SplitterAppearance, SplitterOrientation } from "./Splitter";
-export declare function computeAccent(appearance: SplitterAppearance, orientation: SplitterOrientation): SplitHandleBorder;
-export declare function computeVariant(appearance: SplitterAppearance): "primary" | "transparent";