@salt-ds/lab 1.0.0-alpha.30 → 1.0.0-alpha.31

package/dist-types/index.d.ts

@@ -33,10 +33,8 @@ export * from "./menu-button";
 export * from "./metric";
 export * from "./option";
 export * from "./overlay";
-export * from "./parent-child-item";
 export * from "./parent-child-layout";
 export * from "./portal";
-export * from "./progress";
 export * from "./query-input";
 export * from "./responsive";
 export * from "./search-input";

package/dist-types/list-control/ListControlContext.d.ts

@@ -1,20 +1,20 @@
 import { SyntheticEvent } from "react";
-export interface OptionValue {
+export interface OptionValue<Item> {
     id: string;
     disabled: boolean;
-    value: string;
+    value: Item;
     text: string;
 }
-export interface ListControlContextValue {
+export interface ListControlContextValue<Item> {
     openState: boolean;
     setOpen: (event: SyntheticEvent, newOpen: boolean) => void;
-    register: (optionValue: OptionValue, element: HTMLElement) => () => void;
-    selectedState: string[];
-    select: (event: SyntheticEvent, option: OptionValue) => void;
-    activeState?: OptionValue;
-    setActive: (option: OptionValue) => void;
+    register: (optionValue: OptionValue<Item>, element: HTMLElement) => () => void;
+    selectedState: unknown[];
+    select: (event: SyntheticEvent, option: OptionValue<Item>) => void;
+    activeState?: OptionValue<Item>;
+    setActive: (option: OptionValue<Item>) => void;
     multiselect: boolean;
     focusVisibleState: boolean;
 }
-export declare const ListControlContext: import("react").Context<ListControlContextValue>;
-export declare function useListControlContext(): ListControlContextValue;
+export declare const ListControlContext: import("react").Context<ListControlContextValue<any>>;
+export declare function useListControlContext<Item>(): ListControlContextValue<Item>;

package/dist-types/list-control/ListControlState.d.ts

@@ -1,6 +1,6 @@
 import { SyntheticEvent } from "react";
 import { OptionValue } from "./ListControlContext";
-export interface ListControlProps {
+export interface ListControlProps<Item> {
     /**
      * If true, the list will be open by default.
      */
@@ -16,15 +16,15 @@ export interface ListControlProps {
     /**
      * The default selected options. If this is provided `defaultValue` should be provided as well.
      */
-    defaultSelected?: string[];
+    defaultSelected?: Item[];
     /**
      * The selected options. The component will be controlled if this prop is provided.
      */
-    selected?: string[];
+    selected?: Item[];
     /**
      * Callback fired when the selected options change.
      */
-    onSelectionChange?: (event: SyntheticEvent, newSelected: string[]) => void;
+    onSelectionChange?: (event: SyntheticEvent, newSelected: Item[]) => void;
     /**
      * The default value.
      */
@@ -38,7 +38,7 @@ export interface ListControlProps {
      */
     multiselect?: boolean;
 }
-export declare function useListControl(props: ListControlProps): {
+export declare function useListControl<Item>(props: ListControlProps<Item>): {
     multiselect: boolean;
     openState: boolean;
     setOpen: (event: SyntheticEvent, newOpen: boolean) => void;
@@ -46,11 +46,11 @@ export declare function useListControl(props: ListControlProps): {
         key: string;
         altKey: boolean;
     }>;
-    activeState: OptionValue | undefined;
-    setActive: (option?: OptionValue | undefined) => void;
-    selectedState: string[];
-    setSelectedState: import("react").Dispatch<import("react").SetStateAction<string[]>>;
-    select: (event: SyntheticEvent, option: OptionValue) => void;
+    activeState: OptionValue<Item> | undefined;
+    setActive: (option?: OptionValue<Item> | undefined) => void;
+    selectedState: Item[];
+    setSelectedState: import("react").Dispatch<import("react").SetStateAction<Item[]>>;
+    select: (event: SyntheticEvent, option: OptionValue<Item>) => void;
     clear: (event: SyntheticEvent) => void;
     valueState: string | number | readonly string[] | undefined;
     setValueState: import("react").Dispatch<import("react").SetStateAction<string | number | readonly string[] | undefined>>;
@@ -60,9 +60,9 @@ export declare function useListControl(props: ListControlProps): {
     setFocusedState: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     listRef: import("react").RefObject<HTMLDivElement>;
     options: HTMLElement[];
-    register: (optionValue: OptionValue, element: HTMLElement) => () => void;
-    getOptionAtIndex: (index: number) => OptionValue;
-    getIndexOfOption: (option: OptionValue) => number;
-    getOptionsMatching: (predicate: (option: OptionValue) => boolean) => OptionValue[];
-    getOptionFromSearch: (search: string, startFrom?: OptionValue | undefined) => OptionValue | undefined;
+    register: (optionValue: OptionValue<Item>, element: HTMLElement) => () => void;
+    getOptionAtIndex: (index: number) => OptionValue<Item>;
+    getIndexOfOption: (option: OptionValue<Item>) => number;
+    getOptionsMatching: (predicate: (option: OptionValue<Item>) => boolean) => OptionValue<Item>[];
+    getOptionFromSearch: (search: string, startFrom?: OptionValue<Item> | undefined) => OptionValue<Item> | undefined;
 };

package/dist-types/option/Option.d.ts

@@ -7,7 +7,7 @@ export interface OptionProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * The value of the option.
      */
-    value: string;
+    value: unknown;
     /**
      * The text value of the option. If not provided, the text value will be inferred from the children.
      */

package/dist-types/parent-child-layout/ParentChildLayout.d.ts

@@ -1,28 +1,23 @@
 import { Breakpoints, FlexLayoutProps } from "@salt-ds/core";
-import { ElementType, HTMLAttributes, ReactNode } from "react";
+import { ReactNode } from "react";
 export declare type StackedViewElement = "parent" | "child";
-declare type Orientation = "horizontal" | "vertical";
-export interface ParentChildLayoutProps extends HTMLAttributes<HTMLDivElement> {
+export interface ParentChildLayoutProps extends FlexLayoutProps<"div"> {
     /**
      * Breakpoint at which the parent and child will stack.
      */
-    stackedAtBreakpoint?: keyof Breakpoints;
+    collapseAtBreakpoint?: keyof Breakpoints;
     /**
      * Change element that is displayed when in staked view.
      */
-    stackedViewElement?: StackedViewElement;
+    collapsedViewElement?: StackedViewElement;
     /**
      * Disable all animations.
      */
     disableAnimations?: boolean;
     /**
-     * Orientation for slide animations.
+     * Position of the parent component within the layout.
      */
-    orientation?: Orientation;
-    /**
-     * Controls the space between columns.
-     */
-    gap?: FlexLayoutProps<ElementType>["gap"];
+    parentPosition?: "left" | "right";
     /**
      * Parent component to be rendered
      */
@@ -31,6 +26,6 @@ export interface ParentChildLayoutProps extends HTMLAttributes<HTMLDivElement> {
      * Child component to be rendered
      */
     child: ReactNode;
+    onCollapseChange?: (isCollapsed: boolean) => void;
 }
-export declare const ParentChildLayout: import("react").ForwardRefExoticComponent<ParentChildLayoutProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};
+export declare const ParentChildLayout: import("react").ForwardRefExoticComponent<Omit<ParentChildLayoutProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.30",
+  "version": "1.0.0-alpha.31",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tinycolor2": "^1.4.2",
-    "@salt-ds/core": "^1.16.1",
+    "@salt-ds/core": "^1.17.0",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.2.1",
     "@salt-ds/icons": "^1.9.1"

package/dist-cjs/dialog/useDialog.js

@@ -1,31 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('@floating-ui/react');
-var core = require('@salt-ds/core');
-
-function useDialog(props) {
-  const { open, onOpenChange } = props;
-  const { context, floating } = core.useFloatingUI({
-    open,
-    onOpenChange
-  });
-  const click = react.useClick(context);
-  const role = react.useRole(context);
-  const dismiss = react.useDismiss(context);
-  const { getFloatingProps, getReferenceProps } = react.useInteractions([
-    role,
-    dismiss,
-    click
-  ]);
-  return {
-    getFloatingProps,
-    getReferenceProps,
-    floating,
-    context
-  };
-}
-
-exports.useDialog = useDialog;
-//# sourceMappingURL=useDialog.js.map

package/dist-cjs/dialog/useDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDialog.js","sources":["../src/dialog/useDialog.ts"],"sourcesContent":["import {\n  useClick,\n  useDismiss,\n  useInteractions,\n  useRole,\n} from \"@floating-ui/react\";\nimport { useFloatingUI, UseFloatingUIProps } from \"@salt-ds/core\";\n\nexport type UseDialogProps = Partial<\n  Pick<UseFloatingUIProps, \"onOpenChange\" | \"open\">\n>;\n\nexport function useDialog(props: UseDialogProps) {\n  const { open, onOpenChange } = props;\n\n  const { context, floating } = useFloatingUI({\n    open,\n    onOpenChange,\n  });\n\n  const click = useClick(context);\n  const role = useRole(context);\n  const dismiss = useDismiss(context);\n\n  const { getFloatingProps, getReferenceProps } = useInteractions([\n    role,\n    dismiss,\n    click,\n  ]);\n\n  return {\n    getFloatingProps,\n    getReferenceProps,\n    floating,\n    context,\n  };\n}\n"],"names":["useFloatingUI","useClick","useRole","useDismiss","useInteractions"],"mappings":";;;;;;;AAYO,SAAS,UAAU,KAAuB,EAAA;AAC/C,EAAM,MAAA,EAAE,IAAM,EAAA,YAAA,EAAiB,GAAA,KAAA,CAAA;AAE/B,EAAA,MAAM,EAAE,OAAA,EAAS,QAAS,EAAA,GAAIA,kBAAc,CAAA;AAAA,IAC1C,IAAA;AAAA,IACA,YAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAM,MAAA,KAAA,GAAQC,eAAS,OAAO,CAAA,CAAA;AAC9B,EAAM,MAAA,IAAA,GAAOC,cAAQ,OAAO,CAAA,CAAA;AAC5B,EAAM,MAAA,OAAA,GAAUC,iBAAW,OAAO,CAAA,CAAA;AAElC,EAAA,MAAM,EAAE,gBAAA,EAAkB,iBAAkB,EAAA,GAAIC,qBAAgB,CAAA;AAAA,IAC9D,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist-cjs/parent-child-item/ParentChildItem.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltParentChildItem-slide-top {\n  animation: var(--salt-animation-slide-in-top);\n}\n.saltParentChildItem-slide-bottom {\n  animation: var(--salt-animation-slide-in-bottom);\n}\n.saltParentChildItem-slide-left {\n  animation: var(--salt-animation-slide-in-left);\n}\n.saltParentChildItem-slide-right {\n  animation: var(--salt-animation-slide-in-right);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=ParentChildItem.css.js.map

package/dist-cjs/parent-child-item/ParentChildItem.css.js.map

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

package/dist-cjs/parent-child-item/ParentChildItem.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var ParentChildItem$1 = require('./ParentChildItem.css.js');
-
-const withBaseName = core.makePrefixer("saltParentChildItem");
-const ParentChildItem = React.forwardRef(
-  function ParentChildItem2({
-    disableAnimations = false,
-    direction,
-    isStacked,
-    children,
-    className,
-    ...rest
-  }, ref) {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-parent-child-item",
-      css: ParentChildItem$1,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(core.FlexItem, {
-      className: clsx.clsx(
-        withBaseName(),
-        {
-          ...direction && {
-            [withBaseName(`slide-${direction}`)]: !disableAnimations
-          },
-          "saltFlexItem-stacked": isStacked
-        },
-        className
-      ),
-      ref,
-      ...rest,
-      children
-    });
-  }
-);
-
-exports.ParentChildItem = ParentChildItem;
-//# sourceMappingURL=ParentChildItem.js.map

package/dist-cjs/parent-child-item/ParentChildItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ParentChildItem.js","sources":["../src/parent-child-item/ParentChildItem.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport { clsx } from \"clsx\";\nimport {\n  FlexItem,\n  flexItemAlignment,\n  makePrefixer,\n  ResponsiveProp,\n} from \"@salt-ds/core\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport parentChildItemCss from \"./ParentChildItem.css\";\n\nexport type SlideDirection = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface ParentChildItemProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Allows the alignment specified by parent to be overridden for individual items, default is \"start\".\n   */\n  align?: flexItemAlignment;\n  /**\n   * Disable all animations.\n   */\n  disableAnimations?: boolean;\n  /**\n   * Direction for slide animations.\n   */\n  direction?: SlideDirection;\n  /**\n   * Defines the ability for an item to grow x times more compared to it's siblings, default is 0.\n   */\n  grow?: ResponsiveProp<number>;\n  /**\n   * Determines whether the component is stacked\n   */\n  isStacked?: boolean;\n  /**\n   * Defines the ability for an item to shrink x times more compared to it's siblings, default is 1.\n\n   */\n  shrink?: ResponsiveProp<number>;\n}\n\nconst withBaseName = makePrefixer(\"saltParentChildItem\");\nexport const ParentChildItem = forwardRef<HTMLDivElement, ParentChildItemProps>(\n  function ParentChildItem(\n    {\n      disableAnimations = false,\n      direction,\n      isStacked,\n      children,\n      className,\n      ...rest\n    },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-parent-child-item\",\n      css: parentChildItemCss,\n      window: targetWindow,\n    });\n\n    return (\n      <FlexItem\n        className={clsx(\n          withBaseName(),\n          {\n            ...(direction && {\n              [withBaseName(`slide-${direction}`)]: !disableAnimations,\n            }),\n            \"saltFlexItem-stacked\": isStacked,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </FlexItem>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","ParentChildItem","useWindow","useComponentCssInjection","parentChildItemCss","jsx","FlexItem","clsx"],"mappings":";;;;;;;;;;;;AA4CA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA,CAAA;AAChD,MAAM,eAAkB,GAAAC,gBAAA;AAAA,EAC7B,SAASC,gBACP,CAAA;AAAA,IACE,iBAAoB,GAAA,KAAA;AAAA,IACpB,SAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,wBAAA;AAAA,MACR,GAAK,EAAAC,iBAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACGC,cAAA,CAAAC,aAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,GAAI,SAAa,IAAA;AAAA,YACf,CAAC,YAAA,CAAa,CAAS,MAAA,EAAA,SAAA,CAAA,CAAW,IAAI,CAAC,iBAAA;AAAA,WACzC;AAAA,UACA,sBAAwB,EAAA,SAAA;AAAA,SAC1B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-cjs/progress/CircularProgress/CircularProgress.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltCircularProgress {\n  color: var(--salt-content-primary-foreground);\n  display: inline-flex;\n  position: relative;\n}\n\n.saltCircularProgress-progressValue {\n  align-items: center;\n  color: var(--salt-content-primary-foreground);\n  display: flex;\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-label-fontSize);\n  font-weight: var(--salt-text-label-fontWeight-strong);\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  width: 100%;\n}\n\n.saltCircularProgress-track {\n  inline-size: calc(var(--salt-size-base) * 3);\n  block-size: calc(var(--salt-size-base) * 3);\n  border-style: var(--salt-track-borderStyle);\n  border-width: var(--salt-size-bar-small);\n  border-radius: calc(var(--salt-size-base) * 3);\n  border-color: var(--salt-palette-neutral-secondary-border);\n}\n\n.saltCircularProgress-bar {\n  inline-size: calc(var(--salt-size-base) * 3);\n  block-size: calc(var(--salt-size-base) * 3);\n  border-style: var(--salt-track-borderStyle);\n  border-width: var(--salt-size-bar-strong);\n  border-radius: calc(var(--salt-size-base) * 3);\n  border-color: var(--salt-accent-background);\n}\n\n.saltCircularProgress-bars {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.saltCircularProgress-barOverlayRight,\n.saltCircularProgress-barOverlayLeft {\n  inline-size: 50%;\n  block-size: 100%;\n  transform-origin: 100% center;\n  transform: rotate(180deg);\n  overflow: hidden;\n  position: absolute;\n}\n\n.saltCircularProgress-barSubOverlayRight,\n.saltCircularProgress-barSubOverlayLeft {\n  inline-size: 100%;\n  block-size: 100%;\n  transform-origin: 100% center;\n  overflow: hidden;\n  transform: rotate(-180deg);\n}\n\n.saltCircularProgress-barOverlayLeft {\n  transform: rotate(0deg);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=CircularProgress.css.js.map

package/dist-cjs/progress/CircularProgress/CircularProgress.css.js.map

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

package/dist-cjs/progress/CircularProgress/CircularProgress.js

@@ -1,89 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-var Info = require('../Info.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var CircularProgress$1 = require('./CircularProgress.css.js');
-
-const withBaseName = core.makePrefixer("saltCircularProgress");
-const CircularProgress = React.forwardRef(function CircularProgress2({ "aria-label": ariaLabel, className, max = 100, value = 0, ...rest }, ref) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-circular-progress",
-    css: CircularProgress$1,
-    window: targetWindow
-  });
-  const subOverlayRightStyle = {};
-  const subOverlayLeftStyle = {};
-  const getRotationAngle = (progress2, shift = 0) => {
-    return -180 + (progress2 - shift) / 50 * 180;
-  };
-  const progress = value / max * 100;
-  if (progress <= 50) {
-    const rotationAngle = getRotationAngle(progress);
-    subOverlayRightStyle.transform = `rotate(${rotationAngle}deg)`;
-    subOverlayLeftStyle.transform = "rotate(-180deg)";
-  } else {
-    const rotationAngle = getRotationAngle(progress, 50);
-    subOverlayRightStyle.transform = "rotate(0deg)";
-    subOverlayLeftStyle.transform = `rotate(${rotationAngle}deg)`;
-  }
-  const progressInfo = /* @__PURE__ */ jsxRuntime.jsx(Info.Info, {
-    className: withBaseName("progressValue"),
-    unit: "%",
-    value: Math.round(progress)
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: clsx.clsx(withBaseName(), className),
-    "data-testid": "circular-progress",
-    ref,
-    role: "progressbar",
-    "aria-label": ariaLabel,
-    "aria-valuemax": max,
-    "aria-valuemin": 0,
-    "aria-valuenow": Math.round(value),
-    ...rest,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: withBaseName("track")
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: withBaseName("bars"),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("barOverlayRight"),
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: withBaseName("barSubOverlayRight"),
-              "data-testid": "barSubOverlayRight",
-              style: subOverlayRightStyle,
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-                className: withBaseName("bar")
-              })
-            })
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: withBaseName("barOverlayLeft"),
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: withBaseName("barSubOverlayLeft"),
-              "data-testid": "barSubOverlayLeft",
-              style: subOverlayLeftStyle,
-              children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-                className: withBaseName("bar")
-              })
-            })
-          })
-        ]
-      }),
-      progressInfo
-    ]
-  });
-});
-
-exports.CircularProgress = CircularProgress;
-//# sourceMappingURL=CircularProgress.js.map

package/dist-cjs/progress/CircularProgress/CircularProgress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CircularProgress.js","sources":["../src/progress/CircularProgress/CircularProgress.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, HTMLAttributes } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { Info } from \"../Info\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport circularProgressCSS from \"./CircularProgress.css\";\n\nconst withBaseName = makePrefixer(\"saltCircularProgress\");\n\nexport interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * A label for accessibility\n   */\n  \"aria-label\"?: string;\n  /**\n   * The className(s) of the component\n   */\n  className?: string;\n  /**\n   * The value of the max progress indicator.\n   * Default value is 100.\n   */\n  max?: number;\n  /**\n   * The value of the progress indicator.\n   * Value between 0 and max.\n   */\n  value?: number;\n}\n\n/**\n * Circular progress bar with an Info element showing the current value\n */\nexport const CircularProgress = forwardRef<\n  HTMLDivElement,\n  CircularProgressProps\n>(function CircularProgress(\n  { \"aria-label\": ariaLabel, className, max = 100, value = 0, ...rest },\n  ref\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-circular-progress\",\n    css: circularProgressCSS,\n    window: targetWindow,\n  });\n\n  const subOverlayRightStyle: CSSProperties = {};\n  const subOverlayLeftStyle: CSSProperties = {};\n\n  const getRotationAngle = (progress: number, shift = 0) => {\n    return -180 + ((progress - shift) / 50) * 180;\n  };\n\n  const progress = (value / max) * 100;\n\n  if (progress <= 50) {\n    const rotationAngle = getRotationAngle(progress);\n    subOverlayRightStyle.transform = `rotate(${rotationAngle}deg)`;\n    subOverlayLeftStyle.transform = \"rotate(-180deg)\";\n  } else {\n    const rotationAngle = getRotationAngle(progress, 50);\n    subOverlayRightStyle.transform = \"rotate(0deg)\";\n    subOverlayLeftStyle.transform = `rotate(${rotationAngle}deg)`;\n  }\n\n  const progressInfo = (\n    <Info\n      className={withBaseName(\"progressValue\")}\n      unit=\"%\"\n      value={Math.round(progress)}\n    />\n  );\n\n  return (\n    <div\n      className={clsx(withBaseName(), className)}\n      data-testid=\"circular-progress\"\n      ref={ref}\n      role=\"progressbar\"\n      aria-label={ariaLabel}\n      aria-valuemax={max}\n      aria-valuemin={0}\n      aria-valuenow={Math.round(value)}\n      {...rest}\n    >\n      <div className={withBaseName(\"track\")} />\n      <div className={withBaseName(\"bars\")}>\n        <div className={withBaseName(\"barOverlayRight\")}>\n          <div\n            className={withBaseName(\"barSubOverlayRight\")}\n            data-testid=\"barSubOverlayRight\"\n            style={subOverlayRightStyle}\n          >\n            <div className={withBaseName(\"bar\")} />\n          </div>\n        </div>\n        <div className={withBaseName(\"barOverlayLeft\")}>\n          <div\n            className={withBaseName(\"barSubOverlayLeft\")}\n            data-testid=\"barSubOverlayLeft\"\n            style={subOverlayLeftStyle}\n          >\n            <div className={withBaseName(\"bar\")} />\n          </div>\n        </div>\n      </div>\n      {progressInfo}\n    </div>\n  );\n});\n"],"names":["makePrefixer","forwardRef","CircularProgress","useWindow","useComponentCssInjection","circularProgressCSS","progress","jsx","Info","jsxs","clsx"],"mappings":"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"}

package/dist-cjs/progress/Info.js

@@ -1,20 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-
-const Info = ({ className, value, unit }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(core.Text, {
-    styleAs: "h2",
-    className,
-    children: [
-      value,
-      unit
-    ]
-  });
-};
-
-exports.Info = Info;
-//# sourceMappingURL=Info.js.map

package/dist-cjs/progress/Info.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Info.js","sources":["../src/progress/Info.tsx"],"sourcesContent":["import { Text } from \"@salt-ds/core\";\nexport interface InfoProps {\n  className: string;\n  unit: string;\n  value: number;\n}\n\nexport const Info = ({ className, value, unit }: InfoProps) => {\n  return (\n    <Text styleAs=\"h2\" className={className}>\n      {value}\n      {unit}\n    </Text>\n  );\n};\n"],"names":["jsxs","Text"],"mappings":";;;;;;;AAOO,MAAM,OAAO,CAAC,EAAE,SAAW,EAAA,KAAA,EAAO,MAAsB,KAAA;AAC7D,EAAA,uBACGA,eAAA,CAAAC,SAAA,EAAA;AAAA,IAAK,OAAQ,EAAA,IAAA;AAAA,IAAK,SAAA;AAAA,IAChB,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,IAAA;AAAA,KAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/progress/LinearProgress/LinearProgress.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltLinearProgress {\n  align-items: center;\n  color: var(--salt-content-primary-foreground);\n  display: flex;\n  min-width: 400px;\n  font-size: var(--linearProgress-fontSize);\n}\n\n.saltLinearProgress-barContainer {\n  background: none;\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  height: var(--salt-size-bar-strong);\n}\n\n.saltLinearProgress-bar {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  top: 0;\n  transition: transform 0.2s linear;\n  transform-origin: left;\n  background: var(--salt-accent-background);\n  z-index: 2;\n}\n\n.saltLinearProgress-track {\n  background: var(--salt-palette-neutral-secondary-border);\n  width: 100%;\n  height: var(--salt-size-bar-small);\n  position: absolute;\n  top: calc((var(--salt-size-bar-strong) - var(--salt-size-bar-small)) / 2);\n  transition: transform 0.2s linear;\n  transform-origin: left;\n}\n\n.saltLinearProgress-progressValue {\n  color: inherit;\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-label-fontSize);\n  font-weight: var(--salt-text-label-fontWeight-strong);\n  margin: 0;\n  white-space: nowrap;\n  padding-left: var(--salt-spacing-100);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=LinearProgress.css.js.map

package/dist-cjs/progress/LinearProgress/LinearProgress.css.js.map

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

package/dist-cjs/progress/LinearProgress/LinearProgress.js

@@ -1,63 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var core = require('@salt-ds/core');
-var Info = require('../Info.js');
-var window = require('@salt-ds/window');
-var styles = require('@salt-ds/styles');
-var LinearProgress$1 = require('./LinearProgress.css.js');
-
-const withBaseName = core.makePrefixer("saltLinearProgress");
-const LinearProgress = React.forwardRef(
-  function LinearProgress2({ className, max = 100, value = 0, ...rest }, ref) {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-linear-progress",
-      css: LinearProgress$1,
-      window: targetWindow
-    });
-    const progress = value / max * 100;
-    const progressInfo = /* @__PURE__ */ jsxRuntime.jsx(Info.Info, {
-      unit: "%",
-      value: Math.round(progress),
-      className: withBaseName("progressValue")
-    });
-    const barStyle = {};
-    const trackStyle = {};
-    barStyle.transform = `translateX(${progress - 100}%)`;
-    trackStyle.transform = `translateX(${progress}%)`;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: clsx.clsx(withBaseName(), className),
-      ref,
-      "data-testid": "linear-progress",
-      role: "progressbar",
-      "aria-valuemax": max,
-      "aria-valuemin": 0,
-      "aria-valuenow": Math.round(value),
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          className: withBaseName("barContainer"),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: withBaseName("bar"),
-              style: barStyle
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: withBaseName("track"),
-              style: trackStyle
-            })
-          ]
-        }),
-        progressInfo
-      ]
-    });
-  }
-);
-
-exports.LinearProgress = LinearProgress;
-//# sourceMappingURL=LinearProgress.js.map

package/dist-cjs/progress/LinearProgress/LinearProgress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinearProgress.js","sources":["../src/progress/LinearProgress/LinearProgress.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, HTMLAttributes } from \"react\";\nimport { clsx } from \"clsx\";\nimport { makePrefixer } from \"@salt-ds/core\";\n\nimport { Info } from \"../Info\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport linearProgressCss from \"./LinearProgress.css\";\n\nconst withBaseName = makePrefixer(\"saltLinearProgress\");\n\nexport interface LinearProgressProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * The className(s) of the component.\n   */\n  className?: string;\n  /**\n   * The value of the max progress indicator.\n   * Default value is 100.\n   */\n  max?: number;\n  /**\n   * The unit shown on the progress indicator.\n   * Default unit is `%`.\n   */\n  unit?: string;\n  /**\n   * The value of the progress indicator.\n   * Value between 0 and max.\n   */\n  value?: number;\n}\n\n/**\n * Linear progress bar with an Info element showing the current value\n */\nexport const LinearProgress = forwardRef<HTMLDivElement, LinearProgressProps>(\n  function LinearProgress({ className, max = 100, value = 0, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-linear-progress\",\n      css: linearProgressCss,\n      window: targetWindow,\n    });\n\n    const progress = (value / max) * 100;\n\n    const progressInfo = (\n      <Info\n        unit=\"%\"\n        value={Math.round(progress)}\n        className={withBaseName(\"progressValue\")}\n      />\n    );\n\n    const barStyle: CSSProperties = {};\n    const trackStyle: CSSProperties = {};\n\n    barStyle.transform = `translateX(${progress - 100}%)`;\n    trackStyle.transform = `translateX(${progress}%)`;\n\n    return (\n      <div\n        className={clsx(withBaseName(), className)}\n        ref={ref}\n        data-testid=\"linear-progress\"\n        role=\"progressbar\"\n        aria-valuemax={max}\n        aria-valuemin={0}\n        aria-valuenow={Math.round(value)}\n        {...rest}\n      >\n        <div className={withBaseName(\"barContainer\")}>\n          <div className={withBaseName(\"bar\")} style={barStyle} />\n          <div className={withBaseName(\"track\")} style={trackStyle} />\n        </div>\n        {progressInfo}\n      </div>\n    );\n  }\n);\n"],"names":["makePrefixer","forwardRef","LinearProgress","useWindow","useComponentCssInjection","linearProgressCss","jsx","Info","jsxs","clsx"],"mappings":";;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,kBAAa,oBAAoB,CAAA,CAAA;AA2B/C,MAAM,cAAiB,GAAAC,gBAAA;AAAA,EAC5B,SAASC,eAAe,CAAA,EAAE,SAAW,EAAA,GAAA,GAAM,KAAK,KAAQ,GAAA,CAAA,EAAA,GAAM,IAAK,EAAA,EAAG,GAAK,EAAA;AACzE,IAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,sBAAA;AAAA,MACR,GAAK,EAAAC,gBAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAM,MAAA,QAAA,GAAY,QAAQ,GAAO,GAAA,GAAA,CAAA;AAEjC,IAAA,MAAM,+BACHC,cAAA,CAAAC,SAAA,EAAA;AAAA,MACC,IAAK,EAAA,GAAA;AAAA,MACL,KAAA,EAAO,IAAK,CAAA,KAAA,CAAM,QAAQ,CAAA;AAAA,MAC1B,SAAA,EAAW,aAAa,eAAe,CAAA;AAAA,KACzC,CAAA,CAAA;AAGF,IAAA,MAAM,WAA0B,EAAC,CAAA;AACjC,IAAA,MAAM,aAA4B,EAAC,CAAA;AAEnC,IAAS,QAAA,CAAA,SAAA,GAAY,cAAc,QAAW,GAAA,GAAA,CAAA,EAAA,CAAA,CAAA;AAC9C,IAAA,UAAA,CAAW,YAAY,CAAc,WAAA,EAAA,QAAA,CAAA,EAAA,CAAA,CAAA;AAErC,IAAA,uBACGC,eAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAW,EAAAC,SAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,GAAA;AAAA,MACA,aAAY,EAAA,iBAAA;AAAA,MACZ,IAAK,EAAA,aAAA;AAAA,MACL,eAAe,EAAA,GAAA;AAAA,MACf,eAAe,EAAA,CAAA;AAAA,MACf,eAAA,EAAe,IAAK,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAC9B,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAACD,eAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAA,EAAW,aAAa,cAAc,CAAA;AAAA,UACzC,QAAA,EAAA;AAAA,4BAACF,cAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAA,EAAW,aAAa,KAAK,CAAA;AAAA,cAAG,KAAO,EAAA,QAAA;AAAA,aAAU,CAAA;AAAA,4BACrDA,cAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,cAAG,KAAO,EAAA,UAAA;AAAA,aAAY,CAAA;AAAA,WAAA;AAAA,SAC5D,CAAA;AAAA,QACC,YAAA;AAAA,OAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/dialog/useDialog.js

@@ -1,27 +0,0 @@
-import { useClick, useRole, useDismiss, useInteractions } from '@floating-ui/react';
-import { useFloatingUI } from '@salt-ds/core';
-
-function useDialog(props) {
-  const { open, onOpenChange } = props;
-  const { context, floating } = useFloatingUI({
-    open,
-    onOpenChange
-  });
-  const click = useClick(context);
-  const role = useRole(context);
-  const dismiss = useDismiss(context);
-  const { getFloatingProps, getReferenceProps } = useInteractions([
-    role,
-    dismiss,
-    click
-  ]);
-  return {
-    getFloatingProps,
-    getReferenceProps,
-    floating,
-    context
-  };
-}
-
-export { useDialog };
-//# sourceMappingURL=useDialog.js.map

package/dist-es/dialog/useDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDialog.js","sources":["../src/dialog/useDialog.ts"],"sourcesContent":["import {\n  useClick,\n  useDismiss,\n  useInteractions,\n  useRole,\n} from \"@floating-ui/react\";\nimport { useFloatingUI, UseFloatingUIProps } from \"@salt-ds/core\";\n\nexport type UseDialogProps = Partial<\n  Pick<UseFloatingUIProps, \"onOpenChange\" | \"open\">\n>;\n\nexport function useDialog(props: UseDialogProps) {\n  const { open, onOpenChange } = props;\n\n  const { context, floating } = useFloatingUI({\n    open,\n    onOpenChange,\n  });\n\n  const click = useClick(context);\n  const role = useRole(context);\n  const dismiss = useDismiss(context);\n\n  const { getFloatingProps, getReferenceProps } = useInteractions([\n    role,\n    dismiss,\n    click,\n  ]);\n\n  return {\n    getFloatingProps,\n    getReferenceProps,\n    floating,\n    context,\n  };\n}\n"],"names":[],"mappings":";;;AAYO,SAAS,UAAU,KAAuB,EAAA;AAC/C,EAAM,MAAA,EAAE,IAAM,EAAA,YAAA,EAAiB,GAAA,KAAA,CAAA;AAE/B,EAAA,MAAM,EAAE,OAAA,EAAS,QAAS,EAAA,GAAI,aAAc,CAAA;AAAA,IAC1C,IAAA;AAAA,IACA,YAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAM,MAAA,KAAA,GAAQ,SAAS,OAAO,CAAA,CAAA;AAC9B,EAAM,MAAA,IAAA,GAAO,QAAQ,OAAO,CAAA,CAAA;AAC5B,EAAM,MAAA,OAAA,GAAU,WAAW,OAAO,CAAA,CAAA;AAElC,EAAA,MAAM,EAAE,gBAAA,EAAkB,iBAAkB,EAAA,GAAI,eAAgB,CAAA;AAAA,IAC9D,IAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist-es/parent-child-item/ParentChildItem.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltParentChildItem-slide-top {\n  animation: var(--salt-animation-slide-in-top);\n}\n.saltParentChildItem-slide-bottom {\n  animation: var(--salt-animation-slide-in-bottom);\n}\n.saltParentChildItem-slide-left {\n  animation: var(--salt-animation-slide-in-left);\n}\n.saltParentChildItem-slide-right {\n  animation: var(--salt-animation-slide-in-right);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=ParentChildItem.css.js.map

package/dist-es/parent-child-item/ParentChildItem.css.js.map

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

package/dist-es/parent-child-item/ParentChildItem.js

@@ -1,44 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import { makePrefixer, FlexItem } from '@salt-ds/core';
-import { useWindow } from '@salt-ds/window';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import css_248z from './ParentChildItem.css.js';
-
-const withBaseName = makePrefixer("saltParentChildItem");
-const ParentChildItem = forwardRef(
-  function ParentChildItem2({
-    disableAnimations = false,
-    direction,
-    isStacked,
-    children,
-    className,
-    ...rest
-  }, ref) {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-parent-child-item",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx(FlexItem, {
-      className: clsx(
-        withBaseName(),
-        {
-          ...direction && {
-            [withBaseName(`slide-${direction}`)]: !disableAnimations
-          },
-          "saltFlexItem-stacked": isStacked
-        },
-        className
-      ),
-      ref,
-      ...rest,
-      children
-    });
-  }
-);
-
-export { ParentChildItem };
-//# sourceMappingURL=ParentChildItem.js.map

package/dist-es/parent-child-item/ParentChildItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ParentChildItem.js","sources":["../src/parent-child-item/ParentChildItem.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes } from \"react\";\nimport { clsx } from \"clsx\";\nimport {\n  FlexItem,\n  flexItemAlignment,\n  makePrefixer,\n  ResponsiveProp,\n} from \"@salt-ds/core\";\n\nimport { useWindow } from \"@salt-ds/window\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\n\nimport parentChildItemCss from \"./ParentChildItem.css\";\n\nexport type SlideDirection = \"top\" | \"bottom\" | \"left\" | \"right\";\n\nexport interface ParentChildItemProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Allows the alignment specified by parent to be overridden for individual items, default is \"start\".\n   */\n  align?: flexItemAlignment;\n  /**\n   * Disable all animations.\n   */\n  disableAnimations?: boolean;\n  /**\n   * Direction for slide animations.\n   */\n  direction?: SlideDirection;\n  /**\n   * Defines the ability for an item to grow x times more compared to it's siblings, default is 0.\n   */\n  grow?: ResponsiveProp<number>;\n  /**\n   * Determines whether the component is stacked\n   */\n  isStacked?: boolean;\n  /**\n   * Defines the ability for an item to shrink x times more compared to it's siblings, default is 1.\n\n   */\n  shrink?: ResponsiveProp<number>;\n}\n\nconst withBaseName = makePrefixer(\"saltParentChildItem\");\nexport const ParentChildItem = forwardRef<HTMLDivElement, ParentChildItemProps>(\n  function ParentChildItem(\n    {\n      disableAnimations = false,\n      direction,\n      isStacked,\n      children,\n      className,\n      ...rest\n    },\n    ref\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-parent-child-item\",\n      css: parentChildItemCss,\n      window: targetWindow,\n    });\n\n    return (\n      <FlexItem\n        className={clsx(\n          withBaseName(),\n          {\n            ...(direction && {\n              [withBaseName(`slide-${direction}`)]: !disableAnimations,\n            }),\n            \"saltFlexItem-stacked\": isStacked,\n          },\n          className\n        )}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </FlexItem>\n    );\n  }\n);\n"],"names":["ParentChildItem","parentChildItemCss"],"mappings":";;;;;;;;AA4CA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAChD,MAAM,eAAkB,GAAA,UAAA;AAAA,EAC7B,SAASA,gBACP,CAAA;AAAA,IACE,iBAAoB,GAAA,KAAA;AAAA,IACpB,SAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACA,EAAA;AACA,IAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,wBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA,YAAA;AAAA,KACT,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,QAAA,EAAA;AAAA,MACC,SAAW,EAAA,IAAA;AAAA,QACT,YAAa,EAAA;AAAA,QACb;AAAA,UACE,GAAI,SAAa,IAAA;AAAA,YACf,CAAC,YAAA,CAAa,CAAS,MAAA,EAAA,SAAA,CAAA,CAAW,IAAI,CAAC,iBAAA;AAAA,WACzC;AAAA,UACA,sBAAwB,EAAA,SAAA;AAAA,SAC1B;AAAA,QACA,SAAA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA;AAAA,KACH,CAAA,CAAA;AAAA,GAEJ;AACF;;;;"}

package/dist-es/progress/CircularProgress/CircularProgress.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltCircularProgress {\n  color: var(--salt-content-primary-foreground);\n  display: inline-flex;\n  position: relative;\n}\n\n.saltCircularProgress-progressValue {\n  align-items: center;\n  color: var(--salt-content-primary-foreground);\n  display: flex;\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-label-fontSize);\n  font-weight: var(--salt-text-label-fontWeight-strong);\n  height: 100%;\n  justify-content: center;\n  left: 0;\n  position: absolute;\n  width: 100%;\n}\n\n.saltCircularProgress-track {\n  inline-size: calc(var(--salt-size-base) * 3);\n  block-size: calc(var(--salt-size-base) * 3);\n  border-style: var(--salt-track-borderStyle);\n  border-width: var(--salt-size-bar-small);\n  border-radius: calc(var(--salt-size-base) * 3);\n  border-color: var(--salt-palette-neutral-secondary-border);\n}\n\n.saltCircularProgress-bar {\n  inline-size: calc(var(--salt-size-base) * 3);\n  block-size: calc(var(--salt-size-base) * 3);\n  border-style: var(--salt-track-borderStyle);\n  border-width: var(--salt-size-bar-strong);\n  border-radius: calc(var(--salt-size-base) * 3);\n  border-color: var(--salt-accent-background);\n}\n\n.saltCircularProgress-bars {\n  position: absolute;\n  inset-block-start: 0;\n  inset-inline-start: 0;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.saltCircularProgress-barOverlayRight,\n.saltCircularProgress-barOverlayLeft {\n  inline-size: 50%;\n  block-size: 100%;\n  transform-origin: 100% center;\n  transform: rotate(180deg);\n  overflow: hidden;\n  position: absolute;\n}\n\n.saltCircularProgress-barSubOverlayRight,\n.saltCircularProgress-barSubOverlayLeft {\n  inline-size: 100%;\n  block-size: 100%;\n  transform-origin: 100% center;\n  overflow: hidden;\n  transform: rotate(-180deg);\n}\n\n.saltCircularProgress-barOverlayLeft {\n  transform: rotate(0deg);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=CircularProgress.css.js.map

package/dist-es/progress/CircularProgress/CircularProgress.css.js.map

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