@ncino/web-components 8.0.1 → 8.1.0-preview.8

package/dist/types/components/breadcrumbs/gator/breadcrumb/breadcrumb.gator.d.ts

@@ -1,4 +1,3 @@
-import { Ref } from 'lit/directives/ref.js';
 import { TestableLitElement } from '../../../../utils/components/testable-lit-element/testable-lit-element.ts';
 export declare class NgcBreadcrumb extends TestableLitElement {
     static shadowRootOptions: {
@@ -14,11 +13,10 @@ export declare class NgcBreadcrumb extends TestableLitElement {
     first: boolean;
     label: string;
     href: string;
-    crumbRef: Ref<HTMLDivElement>;
-    updated(): void;
     render(): import('lit').TemplateResult<1>;
-    get breadcrumbClass(): "gator-breadcrumb gator-breadcrumb-current" | "gator-breadcrumb";
-    get breadcrumbSeparator(): import('lit').TemplateResult<1> | null;
+    private get breadcrumbSeparator();
+    private get breadcrumbMarkup();
+    private get currentMarkup();
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/image-card/gator/image-card.gator.d.ts

@@ -20,6 +20,11 @@ export declare class NgcImageCard extends NjcImageCard {
     get fullImageSizer(): import('lit').TemplateResult<1>;
     get fullImageActions(): import('lit').TemplateResult<1>;
     get imageMarkup(): import('lit').TemplateResult<1>;
+    get imageClasses(): {
+        'gator-image-card-image': boolean;
+        'gator-image-card-image_inline': boolean;
+        'gator-image-card-image_full-image': boolean;
+    };
     get fullImageStyle(): string;
 }
 declare global {

package/dist/types/components/modal/gator/modal.gator.d.ts

@@ -8,23 +8,36 @@ import { Ref } from 'lit/directives/ref.js';
  */
 export declare class NgcModal extends NjcModal {
     static styles: import('lit').CSSResult[];
-    protected _destructiveMessageRef: Ref<Element>;
-    protected _primaryActionButtonRef: Ref<Element>;
+    protected _destructiveMessageRef: Ref;
+    protected _primaryActionButtonRef: Ref;
+    _dialogRef: Ref<HTMLDialogElement>;
+    private _previouslyFocusedElement;
+    private _suppressNextDialogClose;
     render(): import('lit').TemplateResult<1> | null;
+    get dialogClassMap(): {
+        'gator-modal-dialog': boolean;
+        'gator-dialog--fullscreen': boolean;
+    };
     get gatorModalContentLoadingMarkup(): import('lit').TemplateResult<1>;
     get gatorModalFooterMarkup(): import('lit').TemplateResult<1> | null;
     get footerWarningMessageMarkup(): import('lit').TemplateResult<1> | null;
     get footerPrimaryActionButtonMarkup(): import('lit').TemplateResult<1> | null;
     get footerSecondaryActionButtonMarkup(): import('lit').TemplateResult<1> | null;
     get buttonSize(): "medium" | "large" | "xlarge";
-    handleKeyDown(event: KeyboardEvent): void;
+    onDialogCancel(event: Event): void;
+    onDialogClose(_event: Event): void;
+    onDialogBackdropClick(event: MouseEvent): void;
     handleCloseClick(event: Event): void;
     handleCloseKeydown(event: KeyboardEvent): void;
     handlePrimaryActionClick(event: Event): void;
     handleSecondaryActionClick(event: Event): void;
+    private onHostKeyDown;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    willUpdate(changedProperties: Map<string | number | symbol, unknown>): void;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
+    onDialogKeyDown(event: KeyboardEvent): void;
+    private containsElement;
     getKeyboardFocusableElements(): HTMLElement[];
     focusFirstElement(): void;
 }

package/dist/types/components/page-header/gator/page-header.gator.d.ts

@@ -11,7 +11,6 @@ export declare class NgcPageHeader extends TestableLitElement {
     private get _breadcrumbSkeletonMarkup();
     private get _actionsSkeletonMarkup();
     private get _tabsSkeletonMarkup();
-    get breadcrumbClass(): "" | "ngc-page-header-breadcrumbs";
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/progress-bar/gator/progress-bar.gator.d.ts

@@ -6,6 +6,12 @@ export declare class NgcProgressBar extends TestableLitElement {
      * @type {NGC_PROGRESS_BAR_VARIANT}
      */
     variant: NGC_PROGRESS_BAR_VARIANT;
+    /**
+     * When true, renders a skeleton loader matching the progress bar's dimensions.
+     */
+    skeleton: boolean;
+    private _trackRef;
+    private _skeletonHeight;
     /**
      * The value of the progress bar, represented as a percentage between 0 and 100.
      * @type {number}
@@ -53,6 +59,8 @@ export declare class NgcProgressBar extends TestableLitElement {
     get helpTextMarkup(): import('lit').TemplateResult<1> | null;
     get errorMarkup(): import('lit').TemplateResult<1> | null;
     get successMarkup(): import('lit').TemplateResult<1> | null;
+    get skeletonHeightForRender(): number;
+    updated(): void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/generated/locale-codes.d.ts

@@ -1,3 +1,13 @@
+/**
+ * The locale code that templates in this source code are written in.
+ */
 export declare const sourceLocale = "en";
+/**
+ * The other locale codes that this application is localized into. Sorted
+ * lexicographically.
+ */
 export declare const targetLocales: readonly ["es-419", "fr-CA", "zh-Hans"];
+/**
+ * All valid project locale codes. Sorted lexicographically.
+ */
 export declare const allLocales: readonly ["en", "es-419", "fr-CA", "zh-Hans"];

package/dist/types/generated/locales/es-419.d.ts

@@ -1,7 +1,6 @@
 export declare const templates: {
     hedb4de867a13d461: import('lit').TemplateResult<1>;
     hf4332945d84c7c82: import('lit').TemplateResult<1>;
-    s022cb7e667bacbae: string;
     s023f114f575b5bd5: string;
     s0379fc73608ab971: string;
     s03c44f5a1b0581d4: string;
@@ -57,4 +56,10 @@ export declare const templates: {
     sf993bb199fefbe04: string;
     sf999d4199ff4542d: string;
     sff52d71181e316c0: string;
+    s96668830629e0dfc: string;
+    s36572e28ab087b68: string;
+    s6a76576b7734ddbd: string;
+    s5e2e9d5a6f7e69c3: string;
+    sa970bae947058eb7: string;
+    s4c87c534136a2b45: string;
 };

package/dist/types/generated/locales/fr-CA.d.ts

@@ -1,7 +1,6 @@
 export declare const templates: {
     hedb4de867a13d461: import('lit').TemplateResult<1>;
     hf4332945d84c7c82: import('lit').TemplateResult<1>;
-    s022cb7e667bacbae: string;
     s023f114f575b5bd5: string;
     s0379fc73608ab971: string;
     s03c44f5a1b0581d4: string;
@@ -57,4 +56,10 @@ export declare const templates: {
     sf993bb199fefbe04: string;
     sf999d4199ff4542d: string;
     sff52d71181e316c0: string;
+    s96668830629e0dfc: string;
+    s36572e28ab087b68: string;
+    s6a76576b7734ddbd: string;
+    s5e2e9d5a6f7e69c3: string;
+    sa970bae947058eb7: string;
+    s4c87c534136a2b45: string;
 };

package/dist/types/generated/locales/zh-Hans.d.ts

@@ -1,7 +1,6 @@
 export declare const templates: {
     hedb4de867a13d461: import('lit').TemplateResult<1>;
     hf4332945d84c7c82: import('lit').TemplateResult<1>;
-    s022cb7e667bacbae: string;
     s023f114f575b5bd5: string;
     s0379fc73608ab971: string;
     s03c44f5a1b0581d4: string;
@@ -57,4 +56,10 @@ export declare const templates: {
     sf993bb199fefbe04: string;
     sf999d4199ff4542d: string;
     sff52d71181e316c0: string;
+    s96668830629e0dfc: string;
+    s36572e28ab087b68: string;
+    s6a76576b7734ddbd: string;
+    s5e2e9d5a6f7e69c3: string;
+    sa970bae947058eb7: string;
+    s4c87c534136a2b45: string;
 };

package/dist/utils/brand-color-utils.js

@@ -1 +1 @@
-import o from"../node_modules/.pnpm/color@5.0.2/node_modules/color/index.js";function d(t){try{const[r,e]=o(t).hsl().array();document.documentElement.style.setProperty("--color-brand-base",t),document.documentElement.style.setProperty("--color-brand-hue",Math.round(r).toString()),document.documentElement.style.setProperty("--color-brand-saturation",`${Math.round(e)}%`)}catch(r){console.error("Invalid brand color provided:",t,r)}}function a(){return getComputedStyle(document.documentElement).getPropertyValue("--color-brand-base").trim()||"#103656"}export{a as getBrandColor,d as setBrandColor};
+import o from"../node_modules/.pnpm/color@5.0.3/node_modules/color/index.js";function d(t){try{const[r,e]=o(t).hsl().array();document.documentElement.style.setProperty("--color-brand-base",t),document.documentElement.style.setProperty("--color-brand-hue",Math.round(r).toString()),document.documentElement.style.setProperty("--color-brand-saturation",`${Math.round(e)}%`)}catch(r){console.error("Invalid brand color provided:",t,r)}}function a(){return getComputedStyle(document.documentElement).getPropertyValue("--color-brand-base").trim()||"#103656"}export{a as getBrandColor,d as setBrandColor};

package/dist/utils/components/ngc-component.js

@@ -1 +1 @@
-import n from"../../packages/web-components/src/tokens/primitive.tokens.scss.js";import u from"../../packages/web-components/src/tokens/semantic.tokens.scss.js";import y from"../../packages/web-components/src/styles/_gator-utils.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{TestableLitElement as d}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as v}from"../mixins/attribute-deletion.js";import{property as l}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as o}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var A=Object.defineProperty,f=(s,p,m,h)=>{for(var t=void 0,r=s.length-1,a;r>=0;r--)(a=s[r])&&(t=a(p,m,t)||t);return t&&A(p,m,t),t};const i=class i extends v(d){constructor(){super(...arguments),this.delegatesARIA=!0,this.skeleton=!1}};i.styles=[o(n),o(u),o(y)];let e=i;f([l({type:Boolean})],e.prototype,"delegatesARIA");f([l({type:Boolean})],e.prototype,"skeleton");export{e as NgcComponent};
+import n from"../../packages/styles/src/gator/tokens/primitive.tokens.css.js";import u from"../../packages/styles/src/gator/tokens/semantic.tokens.css.js";import y from"../../packages/web-components/src/styles/_gator-utils.scss.js";import"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";import"../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";import"../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";import{TestableLitElement as d}from"./testable-lit-element/testable-lit-element.js";import{AttributeDeletionMixin as v}from"../mixins/attribute-deletion.js";import{property as l}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";import{unsafeCSS as o}from"../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";var A=Object.defineProperty,f=(s,p,m,h)=>{for(var t=void 0,r=s.length-1,a;r>=0;r--)(a=s[r])&&(t=a(p,m,t)||t);return t&&A(p,m,t),t};const i=class i extends v(d){constructor(){super(...arguments),this.delegatesARIA=!0,this.skeleton=!1}};i.styles=[o(n),o(u),o(y)];let e=i;f([l({type:Boolean})],e.prototype,"delegatesARIA");f([l({type:Boolean})],e.prototype,"skeleton");export{e as NgcComponent};

package/dist/utils/vitest-a11y-utils.js

@@ -1 +1 @@
-import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.10.0_typescript@5.9.3__playwright@1.56.1_vite@_goyfjr2bjpgz2pt2645hrgmcse/node_modules/@vitest/browser/context.js";import n from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.10.0_@vitest_browser@3.2.4_@vitest_ui@3.2.4_j_d4zn5pd34wsgn4wvyuyhrqqcse/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);return o(l).toContain(r)}return o(!0).toBe(!1)}export{g as expectComponentFocusStyle,h as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};
+import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.10.0_typescript@5.9.3__playwright@1.56.1_fa5be4b0345b48b65ec4b7072214c2b3/node_modules/@vitest/browser/context.js";import n from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.10.0_@vitest_browser@3.2.4_@vitest_ui@3_10880c0a9445bba638204ee93166eaed/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(t){return(await n.run(t)).violations}async function p(t){const e=await a(t);o(e,`Expected no axe core violations, but got ${e.length}: ${JSON.stringify(e)}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(t){let e;if(t.scrollWidth!==0?e=t:t.shadowRoot?e=t.shadowRoot.firstElementChild:e=t.firstElementChild,e){const r=e.scrollWidth>e.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(t,e,r){let i=t.querySelector(":focus-visible");if(i||(i=t.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(e);return o(l).toContain(r)}return o(!0).toBe(!1)}export{g as expectComponentFocusStyle,h as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ncino/web-components",
   "author": "nCino",
-  "version": "8.0.1",
+  "version": "8.1.0-preview.8",
   "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -57,52 +57,52 @@
     "@floating-ui/dom": "^1.7.4",
     "@lit/localize": "^0.12.2",
     "ckeditor5": "^46.1.1",
-    "color": "5.0.2",
-    "libphonenumber-js": "^1.12.24",
+    "color": "5.0.3",
+    "libphonenumber-js": "^1.12.26",
     "lit": "^3.3.1"
   },
   "devDependencies": {
     "@actions/core": "^1.11.1",
     "@actions/exec": "^1.1.1",
-    "@custom-elements-manifest/analyzer": "0.10.10",
-    "@figma/code-connect": "1.3.7",
+    "@custom-elements-manifest/analyzer": "0.11.0",
+    "@figma/code-connect": "1.3.9",
     "@lit/localize-tools": "^0.8.0",
-    "@ncino/styles": "8.0.0",
-    "@salesforce-ux/design-system": "^2.28.0",
-    "@storybook/addon-a11y": "^9.1.13",
-    "@storybook/addon-designs": "^10.0.2",
-    "@storybook/addon-docs": "^9.1.13",
-    "@storybook/addon-links": "^9.1.13",
-    "@storybook/web-components-vite": "^9.1.13",
-    "@types/react": "^19.2.2",
-    "@typescript-eslint/parser": "^8.46.2",
+    "@ncino/styles": "8.1.0-preview.8",
+    "@salesforce-ux/design-system": "^2.28.1",
+    "@storybook/addon-a11y": "^10.0.8",
+    "@storybook/addon-designs": "^11.0.1",
+    "@storybook/addon-docs": "^10.0.8",
+    "@storybook/addon-links": "^10.0.8",
+    "@storybook/web-components-vite": "^10.0.8",
+    "@types/react": "^19.2.5",
+    "@typescript-eslint/parser": "^8.46.4",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/ui": "3.2.4",
     "axe-core": "^4.11.0",
     "cem-plugin-expanded-types": "^1.4.0",
-    "chromatic": "^13.3.1",
+    "chromatic": "^13.3.3",
     "conventional-changelog-conventionalcommits": "^9.1.0",
     "custom-element-jet-brains-integration": "^1.7.0",
     "custom-elements-manifest": "^2.1.0",
-    "eslint": "^9.39.0",
+    "eslint": "^9.39.1",
     "eslint-config-standard": "^17.1.0",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-json": "^4.0.1",
     "eslint-plugin-n": "^17.23.1",
     "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-storybook": "^9.1.13",
+    "eslint-plugin-storybook": "^10.0.8",
     "eslint-plugin-yml": "1.19.0",
     "glob": "^11.0.3",
     "jsdom": "26.1.0",
     "playwright": "1.56.1",
     "postcss": "^8.5.6",
     "rimraf": "^6.1.0",
-    "sass": "1.93.2",
-    "storybook": "^9.1.13",
-    "storybook-addon-code-editor": "^5.0.0",
+    "sass": "1.94.0",
+    "storybook": "^10.0.8",
+    "storybook-addon-code-editor": "^6.0.0",
     "typescript": "^5.9.3",
-    "vite": "7.1.12",
+    "vite": "7.2.2",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-static-copy": "^3.1.4",
     "vitest": "^3.2.4",

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ncino/web-components",
-  "version": "8.0.0-preview.62",
+  "version": "8.1.0-preview.8",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1616,9 +1616,6 @@
               { "name": "first", "type": "boolean" },
               { "name": "label", "type": "string" },
               { "name": "href", "type": "string" },
-              { "name": "crumbRef", "type": "Ref<HTMLDivElement>" },
-              { "name": "breadcrumbClass" },
-              { "name": "breadcrumbSeparator" },
               { "name": "dataTestid", "type": "string | undefined" },
               { "name": "labelDataTestid" },
               { "name": "helpTextDataTestid" },
@@ -5853,6 +5850,7 @@
               { "name": "fullImageSizer" },
               { "name": "fullImageActions" },
               { "name": "imageMarkup" },
+              { "name": "imageClasses" },
               { "name": "fullImageStyle" },
               { "name": "alignment", "type": "'left' | 'center'" },
               {
@@ -6046,6 +6044,8 @@
           ],
           "js": {
             "properties": [
+              { "name": "_dialogRef", "type": "Ref<HTMLDialogElement>" },
+              { "name": "dialogClassMap" },
               { "name": "gatorModalContentLoadingMarkup" },
               { "name": "gatorModalFooterMarkup" },
               { "name": "footerWarningMessageMarkup" },
@@ -6168,7 +6168,6 @@
               { "name": "subtitle", "type": "string" },
               { "name": "skeleton", "type": "boolean" },
               { "name": "_showBreadcrumbs", "type": "boolean" },
-              { "name": "breadcrumbClass" },
               { "name": "dataTestid", "type": "string | undefined" },
               { "name": "labelDataTestid" },
               { "name": "helpTextDataTestid" },
@@ -6360,6 +6359,11 @@
                 "default": "'determinate'"
               }
             },
+            {
+              "name": "skeleton",
+              "description": "When true, renders a skeleton loader matching the progress bar's dimensions.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "value",
               "description": "The value of the progress bar, represented as a percentage between 0 and 100.",
@@ -6417,6 +6421,11 @@
                 "description": "The variant of the progress bar. Can be 'determinate', 'indeterminate', 'success', or 'error'.",
                 "type": "'determinate' | 'indeterminate' | 'success' | 'error'"
               },
+              {
+                "name": "skeleton",
+                "description": "When true, renders a skeleton loader matching the progress bar's dimensions.",
+                "type": "boolean"
+              },
               {
                 "name": "value",
                 "description": "The value of the progress bar, represented as a percentage between 0 and 100.",
@@ -6462,6 +6471,7 @@
               { "name": "helpTextMarkup" },
               { "name": "errorMarkup" },
               { "name": "successMarkup" },
+              { "name": "skeletonHeightForRender" },
               { "name": "dataTestid", "type": "string | undefined" },
               { "name": "labelDataTestid" },
               { "name": "helpTextDataTestid" },

package/dist/generated/locale-codes.d.js

@@ -1 +0,0 @@
-

package/dist/generated/locales/es-419.d.js

@@ -1 +0,0 @@
-

package/dist/generated/locales/fr-CA.d.js

@@ -1 +0,0 @@
-

package/dist/generated/locales/zh-Hans.d.js

@@ -1 +0,0 @@
-

package/dist/node_modules/.pnpm/@figma_code-connect@1.3.7/node_modules/@figma/code-connect/package.json.js

@@ -1 +0,0 @@
-const e="1.3.7",o={version:e};export{o as default,e as version};

package/dist/node_modules/.pnpm/color-string@2.0.1/node_modules/color-string/index.js

@@ -1 +0,0 @@
-import f from"../../../color-name@2.0.2/node_modules/color-name/index.js";const b=Object.create(null);for(const t in f)Object.hasOwn(f,t)&&(b[f[t]]=t);const a={to:{},get:{}};a.get=function(t){const o=t.slice(0,3).toLowerCase();let n,u;switch(o){case"hsl":{n=a.get.hsl(t),u="hsl";break}case"hwb":{n=a.get.hwb(t),u="hwb";break}default:{n=a.get.rgb(t),u="rgb";break}}return n?{model:u,value:n}:null};a.get.rgb=function(t){if(!t)return null;const o=/^#([a-f\d]{3,4})$/i,n=/^#([a-f\d]{6})([a-f\d]{2})?$/i,u=/^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/,d=/^rgba?\(\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?[\d.]+)(%?)\s*)?\)$/,h=/^(\w+)$/;let s=[0,0,0,1],e,r,l;if(e=t.match(n)){for(l=e[2],e=e[1],r=0;r<3;r++){const i=r*2;s[r]=Number.parseInt(e.slice(i,i+2),16)}l&&(s[3]=Number.parseInt(l,16)/255)}else if(e=t.match(o)){for(e=e[1],l=e[3],r=0;r<3;r++)s[r]=Number.parseInt(e[r]+e[r],16);l&&(s[3]=Number.parseInt(l+l,16)/255)}else if(e=t.match(u)){for(r=0;r<3;r++)s[r]=Number.parseInt(e[r+1],10);e[4]&&(s[3]=e[5]?Number.parseFloat(e[4])*.01:Number.parseFloat(e[4]))}else if(e=t.match(d)){for(r=0;r<3;r++)s[r]=Math.round(Number.parseFloat(e[r+1])*2.55);e[4]&&(s[3]=e[5]?Number.parseFloat(e[4])*.01:Number.parseFloat(e[4]))}else return(e=t.match(h))?e[1]==="transparent"?[0,0,0,0]:Object.hasOwn(f,e[1])?(s=f[e[1]],s[3]=1,s):null:null;for(r=0;r<3;r++)s[r]=c(s[r],0,255);return s[3]=c(s[3],0,1),s};a.get.hsl=function(t){if(!t)return null;const o=/^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d.]+)%\s*,?\s*([+-]?[\d.]+)%\s*(?:[,|/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,n=t.match(o);if(n){const u=Number.parseFloat(n[4]),d=(Number.parseFloat(n[1])%360+360)%360,h=c(Number.parseFloat(n[2]),0,100),s=c(Number.parseFloat(n[3]),0,100),e=c(Number.isNaN(u)?1:u,0,1);return[d,h,s,e]}return null};a.get.hwb=function(t){if(!t)return null;const o=/^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d.]+)%\s*,\s*([+-]?[\d.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/,n=t.match(o);if(n){const u=Number.parseFloat(n[4]),d=(Number.parseFloat(n[1])%360+360)%360,h=c(Number.parseFloat(n[2]),0,100),s=c(Number.parseFloat(n[3]),0,100),e=c(Number.isNaN(u)?1:u,0,1);return[d,h,s,e]}return null};a.to.hex=function(...t){return"#"+m(t[0])+m(t[1])+m(t[2])+(t[3]<1?m(Math.round(t[3]*255)):"")};a.to.rgb=function(...t){return t.length<4||t[3]===1?"rgb("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+")":"rgba("+Math.round(t[0])+", "+Math.round(t[1])+", "+Math.round(t[2])+", "+t[3]+")"};a.to.rgb.percent=function(...t){const o=Math.round(t[0]/255*100),n=Math.round(t[1]/255*100),u=Math.round(t[2]/255*100);return t.length<4||t[3]===1?"rgb("+o+"%, "+n+"%, "+u+"%)":"rgba("+o+"%, "+n+"%, "+u+"%, "+t[3]+")"};a.to.hsl=function(...t){return t.length<4||t[3]===1?"hsl("+t[0]+", "+t[1]+"%, "+t[2]+"%)":"hsla("+t[0]+", "+t[1]+"%, "+t[2]+"%, "+t[3]+")"};a.to.hwb=function(...t){let o="";return t.length>=4&&t[3]!==1&&(o=", "+t[3]),"hwb("+t[0]+", "+t[1]+"%, "+t[2]+"%"+o+")"};a.to.keyword=function(...t){return b[t.slice(0,3)]};function c(t,o,n){return Math.min(Math.max(o,t),n)}function m(t){const o=Math.round(t).toString(16).toUpperCase();return o.length<2?"0"+o:o}export{a as default};