@apple-pie/slice 0.0.5 → 0.0.7

package/dist/esm/hooks/useToolTip.js

@@ -1,34 +0,0 @@
-import { useState, useLayoutEffect } from 'react';
-
-const hiddenCoords = { x: 0, y: 0 };
-function useToolTip(toolTip, tipElement) {
-    const [coords, setCoords] = useState(hiddenCoords);
-    useLayoutEffect(() => {
-        var _a;
-        // remove tooltip from view
-        if (!toolTip || !(tipElement === null || tipElement === void 0 ? void 0 : tipElement.current)) {
-            setCoords(hiddenCoords);
-            return;
-        }
-        // get the target ref
-        const target = (_a = toolTip.ref) === null || _a === void 0 ? void 0 : _a.current;
-        if (!target) {
-            setCoords(hiddenCoords);
-            return;
-        }
-        // get rectangles for parent and tooltip
-        const parentRect = target.getBoundingClientRect();
-        const tipRect = tipElement.current.getBoundingClientRect();
-        // get position and size details
-        const { x: parentX, y: parentY, width: parentWidth, height: parentHeight, } = parentRect;
-        const { width: tipWidth } = tipRect;
-        // calculate the tool tip coords suc that it's placed beneath the parent
-        const x = parentX + parentWidth / 2 - tipWidth / 2;
-        const y = parentY + parentHeight + 10;
-        // set the coords
-        setCoords({ x, y });
-    }, [toolTip, tipElement]);
-    return coords;
-}
-
-export { useToolTip };

package/dist/esm/hooks/useTrackRenders.js

@@ -1,37 +0,0 @@
-import { useRef, useEffect } from 'react';
-import { d as debug } from '../chunks/utils-CZ1LWeN6.js';
-import '../chunks/tslib.es6-0pkUdtrF.js';
-
-/**
- * Hook to log component renders, mounts, and unmounts
- * Note: wrap in comments with START.DEBUG ... {hook} ... END.DEBUG to remove from build
- */
-function useTrackRenders(props, componentName = 'Component') {
-    const prev = useRef({
-        props,
-        mount: true,
-        unmount: false,
-    });
-    // 5 random letters (uppercase)
-    const id = crypto
-        .getRandomValues(new Uint8Array(5))
-        .reduce((acc, val) => acc + String.fromCodePoint(65 + (val % 26)), '');
-    // name the component
-    const name = `${componentName} {${id}}`;
-    // Track re-renders w/o dependency array
-    useEffect(() => {
-        prev.current = debug(prev, props, name);
-    });
-    // Track unmount with empty array on return
-    // biome-ignore lint/correctness/useExhaustiveDependencies: track unmount only
-    useEffect(() => {
-        return () => {
-            if (prev.current) {
-                prev.current.unmount = true;
-                debug(prev, prev, name);
-            }
-        };
-    }, []);
-}
-
-export { useTrackRenders };

package/dist/esm/hooks/useWindow.js

@@ -1,84 +0,0 @@
-import { useState, useEffect, useCallback } from 'react';
-
-var _a;
-/**
- * Form factor names
- */
-var FormFactor;
-(function (FormFactor) {
-    FormFactor["Mobile"] = "mobile";
-    FormFactor["Tablet"] = "tablet";
-    FormFactor["Desktop"] = "desktop";
-    FormFactor["DesktopL"] = "desktopL";
-    FormFactor["DesktopXL"] = "desktopXL";
-})(FormFactor || (FormFactor = {}));
-/**
- * Use bootstrap proxy breakpoints as defaults
- */
-const bootstrapBreakPoints = {
-    [FormFactor.Mobile]: 576,
-    [FormFactor.Tablet]: 768,
-    [FormFactor.Desktop]: 992,
-    [FormFactor.DesktopL]: 1200,
-    [FormFactor.DesktopXL]: 1400,
-};
-function checkElectron() {
-    const userAgent = navigator.userAgent.toLowerCase();
-    return userAgent.includes('electron/');
-}
-const isElectron = checkElectron();
-const isAppleDevice = navigator.platform.startsWith('Mac') || navigator.platform === 'iPhone';
-const dpr = (_a = Math.min(Math.ceil(window.devicePixelRatio), 3)) !== null && _a !== void 0 ? _a : 1;
-const isTouchDevice = 'ontouchstart' in globalThis || navigator.maxTouchPoints > 0;
-// pre-ordered break points from larget to smallest
-const orderedBps = Object.entries(bootstrapBreakPoints).sort((a, b) => -b[1] - a[1]);
-function useWindow(breakpoints = bootstrapBreakPoints, top = true) {
-    const [viewportWidth, setViewportWidth] = useState(null);
-    const [viewportHeight, setViewportHeight] = useState(null);
-    const [height, setHeight] = useState('100vh');
-    const [formFactor, setFormFactor] = useState(FormFactor.Desktop);
-    useEffect(() => {
-        handleResize();
-        window.addEventListener('resize', handleResize, false);
-        return () => window.removeEventListener('resize', handleResize, false);
-    }, []);
-    // callback to set form factor based on break points
-    const getFormFactor = useCallback((width) => {
-        if (!width || width <= 0)
-            return FormFactor.Mobile;
-        for (const [formFactor, breakpoint] of orderedBps) {
-            if (width >= breakpoint)
-                return formFactor;
-        }
-        return FormFactor.Mobile;
-    }, []);
-    function handleResize() {
-        var _a, _b, _c, _d;
-        const windowWidth = top
-            ? ((_b = (_a = window.top) === null || _a === void 0 ? void 0 : _a.innerWidth) !== null && _b !== void 0 ? _b : window.innerWidth)
-            : window.innerWidth;
-        const windowHeight = top
-            ? ((_d = (_c = window.top) === null || _c === void 0 ? void 0 : _c.innerHeight) !== null && _d !== void 0 ? _d : window.innerHeight)
-            : window.innerHeight;
-        setFormFactor(getFormFactor(windowWidth));
-        setViewportHeight(windowHeight);
-        setViewportWidth(windowWidth);
-        // note: mobile devices can have task bars that are included inside the viewport.
-        // for mobile devices, set root containers to the inner height pixel which removes
-        // the height of any toolbars and provides the "true" view port height
-        if (!isElectron)
-            setHeight(isTouchDevice ? `${windowHeight}px` : '100vh');
-    }
-    return {
-        viewportWidth,
-        viewportHeight,
-        height,
-        isTouchDevice,
-        isElectron,
-        isAppleDevice,
-        formFactor,
-        dpr,
-    };
-}
-
-export { FormFactor, useWindow };

package/dist/esm/hooks.js

@@ -1,15 +0,0 @@
-export { useTheme } from './hooks/useTheme.js';
-export { useObserveTheme } from './hooks/useObserveTheme.js';
-export { useDoubleClick } from './hooks/useDoubleClick.js';
-export { useToolTip } from './hooks/useToolTip.js';
-export { useKeyboardShortcuts } from './hooks/useKeyboardShortcuts.js';
-export { useLastUpdated } from './hooks/useLastUpdated.js';
-export { useLocalStore } from './hooks/useLocalStore.js';
-export { FormFactor, useWindow } from './hooks/useWindow.js';
-export { useObserveResize } from './hooks/useObserveResize.js';
-import 'react';
-import './theme/themes.js';
-import './theme/colors.js';
-import './theme/corners.js';
-import './theme/elevations.js';
-import './theme/type.js';

package/dist/esm/index.js

@@ -1,58 +0,0 @@
-export { T as ToolTipType } from './chunks/sharedTypes-BfZzG1KX.js';
-export { darkTheme, lightTheme } from './theme/themes.js';
-export { dark, light } from './theme/colors.js';
-export { elevations as Elevation, elevations } from './theme/elevations.js';
-export { useTheme } from './hooks/useTheme.js';
-export { useObserveTheme } from './hooks/useObserveTheme.js';
-export { useDoubleClick } from './hooks/useDoubleClick.js';
-export { useToolTip } from './hooks/useToolTip.js';
-export { useKeyboardShortcuts } from './hooks/useKeyboardShortcuts.js';
-export { useLastUpdated } from './hooks/useLastUpdated.js';
-export { useLocalStore } from './hooks/useLocalStore.js';
-export { useWindow } from './hooks/useWindow.js';
-export { useObserveResize } from './hooks/useObserveResize.js';
-export { A as Avatar } from './chunks/Avatar-BtkvMV1v.js';
-export { A as AvatarGroup } from './chunks/AvatarGroup-pbqdS56o.js';
-export { B as Badge } from './chunks/Badge-DtxDLSO0.js';
-export { I as IconButton } from './chunks/IconButton-3m9ugITV.js';
-export { C as CheckBox } from './chunks/CheckBox-CvkZuSeB.js';
-export { D as DivInput } from './chunks/DivInput-D6ORPrkT.js';
-export { D as DocIcons } from './chunks/DocIcons-CbOX4n8Y.js';
-export { D as Dot } from './chunks/Dot-BZcEZbnm.js';
-export { D as DraggablePanel } from './chunks/DrggablePanel-DWrTjXvf.js';
-export { D as DropDown } from './chunks/DropDown-BDIvYWI-.js';
-export { E as ErrorSummary } from './chunks/ErrorSummary-DzDnacH0.js';
-export { G as Grouper } from './chunks/Grouper-NJbpaaQG.js';
-export { L as Logos } from './chunks/Logos-DwZP-TR2.js';
-export { O as Overlay } from './chunks/Overlay-BolsHW9S.js';
-export { F as FlexDiv } from './chunks/FlexDiv-CFyndG99.js';
-export { P as Pager } from './chunks/Pager-BHLyXq9p.js';
-export { P as PromptInput } from './chunks/PromptInput-C_qj6kGp.js';
-export { D as DoneCheck, P as ProgressIndicator } from './chunks/ProgressIndicator-uI9BZwBB.js';
-export { R as RadioButton } from './chunks/RadioButton-D8otD_Jj.js';
-export { R as RadioButtonList } from './chunks/RadioButtonList-CtX1j7rO.js';
-export { S as Slider } from './chunks/Slider-O6UelMjh.js';
-export { S as Spacer } from './chunks/Spacer-DbZSG5x3.js';
-export { S as Switch } from './chunks/Switch-DjfrSiQz.js';
-export { T as TabBar } from './chunks/TabBar-C0NgwRa2.js';
-export { T as TextArea } from './chunks/TextArea-DK0giDGR.js';
-export { T as TextField } from './chunks/TextField-CQ4XYYNm.js';
-export { ThemeProvider } from './providers/ThemeProvider.js';
-export { T as Tip } from './chunks/Tip-iFECDhwN.js';
-export { T as Toast, a as ToastType } from './chunks/Toast-ZxMZtbd0.js';
-export { B as Button } from './chunks/Button-BUJkJqdO.js';
-export { C as Chip } from './chunks/Chip-o-YG_HAf.js';
-export { F as FileIcon, a as FileIconNames } from './chunks/FileIcon-Cxh-QsYb.js';
-export { I as Icon, a as IconNames } from './chunks/_types-RJ7q8S0B.js';
-export { B as ButtonBar } from './chunks/ButtonBar-Bl0oCxd8.js';
-export { C as Card } from './chunks/Card-Bjk0kgQh.js';
-export { L as Label } from './chunks/Label-CgntsR3g.js';
-import './theme/corners.js';
-import './theme/type.js';
-import 'react';
-import './chunks/tslib.es6-0pkUdtrF.js';
-import 'react/jsx-runtime';
-import './chunks/style-inject.es-tgCJW-Cu.js';
-import 'motion/react';
-import './chunks/utils-CZ1LWeN6.js';
-import './chunks/FileList-yo_u1Kvw.js';

package/dist/esm/providers/ThemeProvider.js

@@ -1,56 +0,0 @@
-import { useEffect } from 'react';
-import { s as styleInject } from '../chunks/style-inject.es-tgCJW-Cu.js';
-import { darkTheme, lightTheme } from '../theme/themes.js';
-import '../theme/colors.js';
-import '../theme/corners.js';
-import '../theme/elevations.js';
-import '../theme/type.js';
-
-var css_248z$3 = "/* Core brand colors (un-themed) */\n:root {\n\t--brand-grey-50: #f4f7fa;\n\t--brand-grey-100: #e5ecf3;\n\t--brand-grey-200: #d5e0ea;\n\t--brand-grey-300: #98acbf;\n\t--brand-grey-400: #7f96a9;\n\t--brand-grey-500: #657d91;\n\t--brand-grey-600: #4c6273;\n\t--brand-grey-700: #405261;\n\t--brand-grey-800: #37434e;\n\t--brand-grey-900: #2d353d;\n\t--brand-grey-950: #1f262d;\n\t--brand-sea-50: #e8f1ff;\n\t--brand-sea-100: #c7defe;\n\t--brand-sea-200: #a5c9ff;\n\t--brand-sea-300: #7ab3ff;\n\t--brand-sea-400: #4084ff;\n\t--brand-sea-500: #2f45ff;\n\t--brand-sea-600: #2d2fff;\n\t--brand-sea-700: #0000ff;\n\t--brand-sea-800: #0609cd;\n\t--brand-sea-900: #001699;\n\t--brand-sea-950: #0a0b5c;\n\t--brand-sky-50: #eafffe;\n\t--brand-sky-100: #cdfffb;\n\t--brand-sky-200: #a3f8ff;\n\t--brand-sky-300: #6af5ff;\n\t--brand-sky-400: #00edff;\n\t--brand-sky-500: #00c8e0;\n\t--brand-sky-600: #00a6c0;\n\t--brand-sky-700: #03839b;\n\t--brand-sky-800: #0d697d;\n\t--brand-sky-900: #105669;\n\t--brand-sky-950: #033949;\n\t--brand-land-50: #f4ffe5;\n\t--brand-land-100: #e0ffb7;\n\t--brand-land-200: #caff95;\n\t--brand-land-300: #b7fe59;\n\t--brand-land-400: #9cf820;\n\t--brand-land-500: #71e618;\n\t--brand-land-600: #56c900;\n\t--brand-land-700: #2d8c00;\n\t--brand-land-800: #31690b;\n\t--brand-land-900: #2a580f;\n\t--brand-land-950: #123201;\n\t--brand-orange-50: #fff8ec;\n\t--brand-orange-100: #ffebd7;\n\t--brand-orange-200: #ffe3c6;\n\t--brand-orange-300: #ffc182;\n\t--brand-orange-400: #ff972e;\n\t--brand-orange-500: #ff800a;\n\t--brand-orange-600: #ff6700;\n\t--brand-orange-700: #ff3700;\n\t--brand-orange-800: #a02b0b;\n\t--brand-orange-900: #80250b;\n\t--brand-orange-950: #461604;\n\t--brand-yellow-50: #ffffea;\n\t--brand-yellow-100: #fffdca;\n\t--brand-yellow-200: #fff2a0;\n\t--brand-yellow-300: #ffeb72;\n\t--brand-yellow-400: #ffd333;\n\t--brand-yellow-500: #ffc200;\n\t--brand-yellow-600: #ffad00;\n\t--brand-yellow-700: #c68601;\n\t--brand-yellow-800: #8f6307;\n\t--brand-yellow-900: #5f430a;\n\t--brand-yellow-950: #442e00;\n\t--brand-purple-50: #faf0ff;\n\t--brand-purple-100: #f4ddff;\n\t--brand-purple-200: #e5cdff;\n\t--brand-purple-300: #ccafff;\n\t--brand-purple-400: #b891ff;\n\t--brand-purple-500: #7d48ff;\n\t--brand-purple-600: #6a14ff;\n\t--brand-purple-700: #5600f1;\n\t--brand-purple-800: #4d01d6;\n\t--brand-purple-900: #4003af;\n\t--brand-purple-950: #1e007c;\n\t--brand-magenta-50: #fef1fc;\n\t--brand-magenta-100: #ffdcef;\n\t--brand-magenta-200: #ffcae6;\n\t--brand-magenta-300: #ff90cb;\n\t--brand-magenta-400: #ff61ca;\n\t--brand-magenta-500: #ff3ac2;\n\t--brand-magenta-600: #f012aa;\n\t--brand-magenta-700: #df059b;\n\t--brand-magenta-800: #9b0069;\n\t--brand-magenta-900: #790a55;\n\t--brand-magenta-950: #58003a;\n\t--brand-white-0: #ffffff;\n\t--product-red-400: #ff474a;\n\t--product-red-500: #df0529;\n\n\t/* Non-brand semantic aliases */\n\t--core-drop-shadow-light: #0339491a;\n\t--core-drop-shadow-dark: #0000007a;\n\t--core-surface-coverup-translucent-light: #1f262d52;\n\t--core-surface-coverup-translucent-dark: #0000007a;\n\t--core-surface-overlay-translucent-light: #ffffffcc;\n\t--core-surface-overlay-translucent-dark: #1f262dcc;\n\t--scroll-bar-light: #e3e8ef;\n\t--scroll-bar-dark: rgba(255, 255, 255, 0.1);\n\t--scroll-bar-hover-light: #cdd5df;\n\t--scroll-bar-hover-dark: rgba(255, 255, 255, 0.15);\n\t--surface-shadow-soft-light: 0px 4px 24px #0339491a;\n\t--surface-shadow-soft-dark: 0px 4px 24px #0000007a;\n\t--surface-shadow-strong-light: 0px 4px 64px #0339491a;\n\t--surface-shadow-strong-dark: 0px 4px 64px #0000007a;\n}\n\n/* Light theme tokens */\n[data-theme=\"lightMode\"] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-100);\n\t--core-button-disabled: var(--brand-grey-50);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-light);\n\t--core-gp-logo-primary: var(--brand-sea-700);\n\t--core-gp-logo-secondary: var(--brand-grey-950);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-300);\n\t--core-icon-error: var(--product-red-500);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-grey-950);\n\t--core-icon-secondary: var(--brand-grey-700);\n\t--core-icon-tertiary: var(--brand-sea-500);\n\t--core-outline-secondary: var(--brand-grey-700);\n\t--core-outline-primary: var(--brand-grey-100);\n\t--core-outline-special: var(--brand-sea-100);\n\t--core-outline-tertiary: var(--brand-sea-500);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-light\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-light\n\t);\n\t--core-surface-primary: var(--brand-white-0);\n\t--core-surface-secondary: var(--brand-grey-50);\n\t--core-surface-special: var(--brand-sea-50);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-300);\n\t--core-text-error: var(--product-red-500);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-grey-950);\n\t--core-text-secondary: var(--brand-grey-700);\n\t--core-text-tertiary: var(--brand-grey-600);\n\t--core-text-special: var(--brand-sea-500);\n\t--core-link-primary: var(--brand-sea-700);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-500);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-500);\n\t--feedback-informative: var(--brand-sky-700);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-500);\n\t--gia-tag-risk-high: var(--product-red-500);\n\t--gia-tag-risk-low: var(--brand-sky-700);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-100);\n\t--scroll-bar: var(--scroll-bar-light);\n\t--scroll-bar-hover: var(--scroll-bar-hover-light);\n\t--surface-shadow-soft: var(--surface-shadow-soft-light);\n\t--surface-shadow-strong: var(--surface-shadow-strong-light);\n}\n\n/* Dark theme tokens */\n[data-theme=\"darkMode\"] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-700);\n\t--core-button-disabled: var(--brand-grey-900);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-dark);\n\t--core-gp-logo-primary: var(--brand-sea-500);\n\t--core-gp-logo-secondary: var(--brand-white-0);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-500);\n\t--core-icon-error: var(--product-red-400);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-white-0);\n\t--core-icon-secondary: var(--brand-grey-200);\n\t--core-icon-tertiary: var(--brand-sky-300);\n\t--core-outline-secondary: var(--brand-grey-100);\n\t--core-outline-primary: var(--brand-grey-700);\n\t--core-outline-special: var(--brand-sky-300);\n\t--core-outline-tertiary: var(--brand-sky-300);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-dark\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-dark\n\t);\n\t--core-surface-primary: var(--brand-grey-950);\n\t--core-surface-secondary: var(--brand-grey-900);\n\t--core-surface-special: var(--brand-sky-950);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-500);\n\t--core-text-error: var(--product-red-400);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-white-0);\n\t--core-text-secondary: var(--brand-grey-200);\n\t--core-text-tertiary: var(--brand-grey-400);\n\t--core-text-special: var(--brand-sky-300);\n\t--core-link-primary: var(--brand-sky-300);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-400);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-400);\n\t--feedback-informative: var(--brand-sky-600);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-400);\n\t--gia-tag-risk-high: var(--product-red-400);\n\t--gia-tag-risk-low: var(--brand-sky-600);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-900);\n\t--scroll-bar: var(--scroll-bar-dark);\n\t--scroll-bar-hover: var(--scroll-bar-hover-dark);\n\t--surface-shadow-soft: var(--surface-shadow-soft-dark);\n\t--surface-shadow-strong: var(--surface-shadow-strong-dark);\n}\n\n/* Theme token text-color utility classes */\n.array-land {\n\tbackground: var(--array-land);\n}\n.array-land-label {\n\tcolor: var(--array-land-label);\n}\n.array-magenta {\n\tbackground: var(--array-magenta);\n}\n.array-magenta-label {\n\tcolor: var(--array-magenta-label);\n}\n.array-orange {\n\tbackground: var(--array-orange);\n}\n.array-orange-label {\n\tcolor: var(--array-orange-label);\n}\n.array-purple {\n\tbackground: var(--array-purple);\n}\n.array-purple-label {\n\tcolor: var(--array-purple-label);\n}\n.array-sea {\n\tbackground: var(--array-sea);\n}\n.array-sea-label {\n\tcolor: var(--array-sea-label);\n}\n.array-sky {\n\tbackground: var(--array-sky);\n}\n.array-sky-label {\n\tcolor: var(--array-sky-label);\n}\n.array-yellow {\n\tbackground: var(--array-yellow);\n}\n.array-yellow-label {\n\tcolor: var(--array-yellow-label);\n}\n.core-badge-primary {\n\tbackground: var(--core-badge-primary);\n}\n.core-badge-secondary {\n\tbackground: var(--core-badge-secondary);\n}\n.core-button-disabled {\n\tbackground: var(--core-button-disabled);\n}\n.core-button-primary {\n\tbackground: var(--core-button-primary);\n}\n.core-drop-shadow {\n\tbox-shadow: var(--core-drop-shadow);\n}\n.core-gp-logo-primary {\n\tcolor: var(--core-gp-logo-primary);\n}\n.core-gp-logo-secondary {\n\tcolor: var(--core-gp-logo-secondary);\n}\n.core-icon-dark {\n\tcolor: var(--core-icon-dark);\n}\n.core-icon-disabled {\n\tcolor: var(--core-icon-disabled);\n}\n.core-icon-error {\n\tcolor: var(--core-icon-error);\n}\n.core-icon-light {\n\tcolor: var(--core-icon-light);\n}\n.core-icon-primary {\n\tcolor: var(--core-icon-primary);\n}\n.core-icon-secondary {\n\tcolor: var(--core-icon-secondary);\n}\n.core-icon-tertiary {\n\tcolor: var(--core-icon-tertiary);\n}\n.core-link-primary {\n\tcolor: var(--core-link-primary);\n}\n.core-outline-primary {\n\tborder-color: var(--core-outline-primary);\n}\n.core-outline-secondary {\n\tborder-color: var(--core-outline-secondary);\n}\n.core-outline-special {\n\tborder-color: var(--core-outline-special);\n}\n.core-outline-tertiary {\n\tborder-color: var(--core-outline-tertiary);\n}\n.core-surface-coverup-translucent {\n\tbackground: var(--core-surface-coverup-translucent);\n}\n.core-surface-overlay-translucent {\n\tbackground: var(--core-surface-overlay-translucent);\n}\n.core-surface-primary {\n\tbackground: var(--core-surface-primary);\n}\n.core-surface-secondary {\n\tbackground: var(--core-surface-secondary);\n}\n.core-surface-special {\n\tbackground: var(--core-surface-special);\n}\n.core-text-dark {\n\tcolor: var(--core-text-dark);\n}\n.core-text-disabled {\n\tcolor: var(--core-text-disabled);\n}\n.core-text-error {\n\tcolor: var(--core-text-error);\n}\n.core-text-light {\n\tcolor: var(--core-text-light);\n}\n.core-text-primary {\n\tcolor: var(--core-text-primary);\n}\n.core-text-secondary {\n\tcolor: var(--core-text-secondary);\n}\n.core-text-special {\n\tcolor: var(--core-text-special);\n}\n.core-text-tertiary {\n\tcolor: var(--core-text-tertiary);\n}\n.eor-tag-employee {\n\tcolor: var(--eor-tag-employee);\n}\n.eor-tag-overdue {\n\tcolor: var(--eor-tag-overdue);\n}\n.eor-tag-paid {\n\tcolor: var(--eor-tag-paid);\n}\n.eor-tag-pending {\n\tcolor: var(--eor-tag-pending);\n}\n.eor-tag-professional {\n\tcolor: var(--eor-tag-professional);\n}\n.feedback-attention {\n\tcolor: var(--feedback-attention);\n}\n.feedback-informative {\n\tcolor: var(--feedback-informative);\n}\n.feedback-positive {\n\tcolor: var(--feedback-positive);\n}\n.feedback-urgency {\n\tcolor: var(--feedback-urgency);\n}\n.feedback-warning {\n\tcolor: var(--feedback-warning);\n}\n.gia-tag-risk-high {\n\tcolor: var(--gia-tag-risk-high);\n}\n.gia-tag-risk-low {\n\tcolor: var(--gia-tag-risk-low);\n}\n.gia-tag-risk-moderate {\n\tcolor: var(--gia-tag-risk-moderate);\n}\n.gia-text-excerpt-highlight {\n\tcolor: var(--gia-text-excerpt-highlight);\n}\n.gia-text-selection {\n\tcolor: var(--gia-text-selection);\n}\n.scroll-bar {\n\tcolor: var(--scroll-bar);\n}\n.scroll-bar-hover {\n\tcolor: var(--scroll-bar-hover);\n}\n.surface-shadow-soft {\n\tcolor: var(--surface-shadow-soft);\n}\n.surface-shadow-strong {\n\tcolor: var(--surface-shadow-strong);\n}\n\nbody {\n\tbackground: var(--core-surface-primary);\n}\n\na {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\na:visited {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\na:hover {\n\ttext-decoration: none;\n}\n\ncode {\n\tborder: 1px solid var(--core-outline-primary);\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--core-text-primary);\n}\n";
-styleInject(css_248z$3);
-
-var css_248z$2 = ":root {\n\t--elevation-below-surface: -100;\n\t--elevation-surface: 0;\n\t--elevation-float: 100;\n\t--elevation-describe: 200;\n\t--elevation-status: 300;\n\t--elevation-notify: 400;\n\t--elevation-overlay: 500;\n\t--elevation-confirm: 600;\n}\n";
-styleInject(css_248z$2);
-
-var css_248z$1 = "@import url(\"https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap\");\n\n:root {\n\t--font-family: \"Funnel Sans\";\n\t--font-weight-regular: 360;\n\t--font-weight-medium: 420;\n\t--font-weight-bold: 480;\n\t--font-size-xs: 12px;\n\t--font-size-s: 14px;\n\t--font-size-m: 15px;\n\t--font-size-l: 16px;\n\t--font-size-xl: 17px;\n}\n\n.body-xs-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-xs-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-xs-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}\n\n.body-s-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-m-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.body-l-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n.body-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n.body-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.body-xl-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n.body-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n.body-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n.heading-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.heading-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\nbody {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\nh1 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\nh2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\nh3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\nh4 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\nh1,\nh2,\nh3,\nh4 {\n\tmargin: 1.5em 0 0.6em 0;\n}\n\nh1:first-child {\n\tmargin: 0 0 0.6em 0;\n}\n\np {\n\tmargin: 0 0 1.5em 0;\n}\n\nb,\nstrong {\n\tfont-weight: var(--font-weight-bold);\n}\n";
-styleInject(css_248z$1);
-
-var css_248z = "/* Keep these values in sync with src/hooks/useWindow/useWindow.ts */\n";
-styleInject(css_248z);
-
-// set up media query for system theme
-const darkModeMediaQuery = globalThis.matchMedia('(prefers-color-scheme: dark)');
-function ThemeProvider(props) {
-    const { children, theme, system } = props;
-    // update active theme based on theme prop
-    useEffect(() => {
-        if (theme) {
-            const newTheme = theme.includes('dark') ? darkTheme : lightTheme;
-            document.documentElement.dataset.theme = newTheme.name;
-        }
-    }, [theme]);
-    // update then active theme based on system changes
-    useEffect(() => {
-        // handler for the media query change
-        const handleSystemThemeChange = (e) => {
-            if (system) {
-                const autoTheme = e.matches ? darkTheme : lightTheme;
-                document.documentElement.dataset.theme = autoTheme.name;
-            }
-        };
-        // set the current system theme
-        if (system) {
-            const autoTheme = darkModeMediaQuery.matches ? darkTheme : lightTheme;
-            document.documentElement.dataset.theme = autoTheme.name;
-        }
-        // set listener on media query
-        darkModeMediaQuery.addEventListener('change', handleSystemThemeChange);
-        // clean up
-        return () => {
-            darkModeMediaQuery.removeEventListener('change', handleSystemThemeChange);
-        };
-    }, [system]);
-    return children;
-}
-
-export { ThemeProvider };

package/dist/esm/providers.js

@@ -1,8 +0,0 @@
-export { ThemeProvider } from './providers/ThemeProvider.js';
-import 'react';
-import './chunks/style-inject.es-tgCJW-Cu.js';
-import './theme/themes.js';
-import './theme/colors.js';
-import './theme/corners.js';
-import './theme/elevations.js';
-import './theme/type.js';

package/dist/esm/stores/tip.js

@@ -1,2 +0,0 @@
-export { g as getTip, t as tipActions, u as useTip, a as useTipActions, b as useTipStore } from '../chunks/tipStore-nBYJ6tmE.js';
-import 'zustand';

package/dist/esm/stores/toast.js

@@ -1,2 +0,0 @@
-export { g as getToast, t as toastActions, u as useToast, a as useToastActions, b as useToastStore } from '../chunks/toastStore-r3pvNa28.js';
-import 'zustand';

package/dist/esm/stores/window.js

@@ -1,2 +0,0 @@
-export { F as FormFactor, u as useWindowStore } from '../chunks/windowStore-Cu4W4zJM.js';
-import 'zustand';

package/dist/esm/stores.js

@@ -1,4 +0,0 @@
-export { F as FormFactor, u as useWindowStore } from './chunks/windowStore-Cu4W4zJM.js';
-export { g as getTip, t as tipActions, u as useTip, a as useTipActions, b as useTipStore } from './chunks/tipStore-nBYJ6tmE.js';
-export { g as getToast, t as toastActions, u as useToast, a as useToastActions, b as useToastStore } from './chunks/toastStore-r3pvNa28.js';
-import 'zustand';