@solid-design-system/components 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (119) hide show
  1. package/LICENSE.md +20 -0
  2. package/README.md +15 -0
  3. package/dist/components/es/button.js +125 -0
  4. package/dist/components/es/classix.js +1 -0
  5. package/dist/components/es/component.styles.js +1 -0
  6. package/dist/components/es/icon.js +17 -0
  7. package/dist/components/es/if-defined.js +11 -0
  8. package/dist/components/es/include.js +1 -0
  9. package/dist/components/es/include.styles.js +1 -0
  10. package/dist/components/es/library.js +1 -0
  11. package/dist/components/es/library.system.js +1 -0
  12. package/dist/components/es/link.js +1 -0
  13. package/dist/components/es/lit-element.js +23 -0
  14. package/dist/components/es/request.js +1 -0
  15. package/dist/components/es/request2.js +1 -0
  16. package/dist/components/es/solid-components.js +1 -0
  17. package/dist/components/es/solid-element.js +21 -0
  18. package/dist/components/es/spinner.js +1 -0
  19. package/dist/components/es/state.js +6 -0
  20. package/dist/components/es/watch.js +1 -0
  21. package/dist/components/umd/solid-components.js +200 -0
  22. package/dist/custom-elements.json +1 -0
  23. package/dist/package/components/button/button.d.ts +48 -0
  24. package/dist/package/components/button/button.js +391 -0
  25. package/dist/package/components/icon/icon.d.ts +22 -0
  26. package/dist/package/components/icon/icon.js +129 -0
  27. package/dist/package/components/icon/library.d.ts +16 -0
  28. package/dist/package/components/icon/library.js +17 -0
  29. package/dist/package/components/icon/library.system.d.ts +7 -0
  30. package/dist/package/components/icon/library.system.js +26 -0
  31. package/dist/package/components/icon/request.d.ts +11 -0
  32. package/dist/package/components/icon/request.js +24 -0
  33. package/dist/package/components/include/include.d.ts +16 -0
  34. package/dist/package/components/include/include.js +72 -0
  35. package/dist/package/components/include/include.styles.d.ts +2 -0
  36. package/dist/package/components/include/include.styles.js +6 -0
  37. package/dist/package/components/include/request.d.ts +7 -0
  38. package/dist/package/components/include/request.js +18 -0
  39. package/dist/package/components/link/link.d.ts +22 -0
  40. package/dist/package/components/link/link.js +107 -0
  41. package/dist/package/components/spinner/spinner.d.ts +12 -0
  42. package/dist/package/components/spinner/spinner.js +46 -0
  43. package/dist/package/internal/form.d.ts +35 -0
  44. package/dist/package/internal/form.js +212 -0
  45. package/dist/package/internal/slot.d.ts +14 -0
  46. package/dist/package/internal/slot.js +47 -0
  47. package/dist/package/internal/solid-element.d.ts +26 -0
  48. package/dist/package/internal/solid-element.js +38 -0
  49. package/dist/package/internal/watch.d.ts +11 -0
  50. package/dist/package/internal/watch.js +28 -0
  51. package/dist/package/node_modules/.pnpm/@shoelace-style_localize@3.1.0/node_modules/@shoelace-style/localize/dist/index.js +103 -0
  52. package/dist/package/solid-components.d.ts +6 -0
  53. package/dist/package/solid-components.js +14 -0
  54. package/dist/package/styles/component.styles.d.ts +2 -0
  55. package/dist/package/styles/component.styles.js +5 -0
  56. package/dist/package/styles/tailwind.css.js +4 -0
  57. package/dist/package/translations/en.d.ts +3 -0
  58. package/dist/package/translations/en.js +31 -0
  59. package/dist/package/utilities/localize.d.ts +25 -0
  60. package/dist/package/utilities/localize.js +7 -0
  61. package/dist/versioned-components/es/button.js +125 -0
  62. package/dist/versioned-components/es/classix.js +1 -0
  63. package/dist/versioned-components/es/component.styles.js +1 -0
  64. package/dist/versioned-components/es/icon.js +17 -0
  65. package/dist/versioned-components/es/if-defined.js +11 -0
  66. package/dist/versioned-components/es/include.js +1 -0
  67. package/dist/versioned-components/es/include.styles.js +1 -0
  68. package/dist/versioned-components/es/library.js +1 -0
  69. package/dist/versioned-components/es/library.system.js +1 -0
  70. package/dist/versioned-components/es/link.js +1 -0
  71. package/dist/versioned-components/es/lit-element.js +23 -0
  72. package/dist/versioned-components/es/request.js +1 -0
  73. package/dist/versioned-components/es/request2.js +1 -0
  74. package/dist/versioned-components/es/solid-components.js +1 -0
  75. package/dist/versioned-components/es/solid-element.js +21 -0
  76. package/dist/versioned-components/es/spinner.js +1 -0
  77. package/dist/versioned-components/es/state.js +6 -0
  78. package/dist/versioned-components/es/watch.js +1 -0
  79. package/dist/versioned-package/components/button/button.d.ts +48 -0
  80. package/dist/versioned-package/components/button/button.js +391 -0
  81. package/dist/versioned-package/components/icon/icon.d.ts +22 -0
  82. package/dist/versioned-package/components/icon/icon.js +129 -0
  83. package/dist/versioned-package/components/icon/library.d.ts +16 -0
  84. package/dist/versioned-package/components/icon/library.js +17 -0
  85. package/dist/versioned-package/components/icon/library.system.d.ts +7 -0
  86. package/dist/versioned-package/components/icon/library.system.js +26 -0
  87. package/dist/versioned-package/components/icon/request.d.ts +11 -0
  88. package/dist/versioned-package/components/icon/request.js +24 -0
  89. package/dist/versioned-package/components/include/include.d.ts +16 -0
  90. package/dist/versioned-package/components/include/include.js +72 -0
  91. package/dist/versioned-package/components/include/include.styles.d.ts +2 -0
  92. package/dist/versioned-package/components/include/include.styles.js +6 -0
  93. package/dist/versioned-package/components/include/request.d.ts +7 -0
  94. package/dist/versioned-package/components/include/request.js +18 -0
  95. package/dist/versioned-package/components/link/link.d.ts +22 -0
  96. package/dist/versioned-package/components/link/link.js +107 -0
  97. package/dist/versioned-package/components/spinner/spinner.d.ts +12 -0
  98. package/dist/versioned-package/components/spinner/spinner.js +46 -0
  99. package/dist/versioned-package/internal/form.d.ts +35 -0
  100. package/dist/versioned-package/internal/form.js +212 -0
  101. package/dist/versioned-package/internal/slot.d.ts +14 -0
  102. package/dist/versioned-package/internal/slot.js +47 -0
  103. package/dist/versioned-package/internal/solid-element.d.ts +26 -0
  104. package/dist/versioned-package/internal/solid-element.js +38 -0
  105. package/dist/versioned-package/internal/watch.d.ts +11 -0
  106. package/dist/versioned-package/internal/watch.js +28 -0
  107. package/dist/versioned-package/node_modules/.pnpm/@shoelace-style_localize@3.1.0/node_modules/@shoelace-style/localize/dist/index.js +103 -0
  108. package/dist/versioned-package/solid-components.d.ts +6 -0
  109. package/dist/versioned-package/solid-components.js +14 -0
  110. package/dist/versioned-package/styles/component.styles.d.ts +2 -0
  111. package/dist/versioned-package/styles/component.styles.js +5 -0
  112. package/dist/versioned-package/styles/tailwind.css.js +4 -0
  113. package/dist/versioned-package/translations/en.d.ts +3 -0
  114. package/dist/versioned-package/translations/en.js +31 -0
  115. package/dist/versioned-package/utilities/localize.d.ts +25 -0
  116. package/dist/versioned-package/utilities/localize.js +7 -0
  117. package/dist/vscode.html-custom-data.json +661 -0
  118. package/dist/web-types.json +1449 -0
  119. package/package.json +185 -0
@@ -0,0 +1,14 @@
1
+ import type { ReactiveController, ReactiveControllerHost } from 'lit';
2
+ export declare class HasSlotController implements ReactiveController {
3
+ host: ReactiveControllerHost & Element;
4
+ slotNames: string[];
5
+ constructor(host: ReactiveControllerHost & Element, ...slotNames: string[]);
6
+ private hasDefaultSlot;
7
+ private hasNamedSlot;
8
+ test(slotName: string): boolean;
9
+ hostConnected(): void;
10
+ hostDisconnected(): void;
11
+ handleSlotChange(event: Event): void;
12
+ }
13
+ export declare function getInnerHTML(slot: HTMLSlotElement): string;
14
+ export declare function getTextContent(slot: HTMLSlotElement | undefined | null): string;
@@ -0,0 +1,47 @@
1
+ class HasSlotController {
2
+ constructor(host, ...slotNames) {
3
+ this.slotNames = [];
4
+ (this.host = host).addController(this);
5
+ this.slotNames = slotNames;
6
+ this.handleSlotChange = this.handleSlotChange.bind(this);
7
+ }
8
+ hasDefaultSlot() {
9
+ return [...this.host.childNodes].some((node) => {
10
+ if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== "") {
11
+ return true;
12
+ }
13
+ if (node.nodeType === node.ELEMENT_NODE) {
14
+ const el = node;
15
+ const tagName = el.tagName.toLowerCase();
16
+ if (tagName === "sd-visually-hidden") {
17
+ return false;
18
+ }
19
+ if (!el.hasAttribute("slot")) {
20
+ return true;
21
+ }
22
+ }
23
+ return false;
24
+ });
25
+ }
26
+ hasNamedSlot(name) {
27
+ return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
28
+ }
29
+ test(slotName) {
30
+ return slotName === "[default]" ? this.hasDefaultSlot() : this.hasNamedSlot(slotName);
31
+ }
32
+ hostConnected() {
33
+ this.host.shadowRoot.addEventListener("slotchange", this.handleSlotChange);
34
+ }
35
+ hostDisconnected() {
36
+ this.host.shadowRoot.removeEventListener("slotchange", this.handleSlotChange);
37
+ }
38
+ handleSlotChange(event) {
39
+ const slot = event.target;
40
+ if (this.slotNames.includes("[default]") && !slot.name || slot.name && this.slotNames.includes(slot.name)) {
41
+ this.host.requestUpdate();
42
+ }
43
+ }
44
+ }
45
+ export {
46
+ HasSlotController
47
+ };
@@ -0,0 +1,26 @@
1
+ import { LitElement } from 'lit';
2
+ import type { CSSResultGroup } from 'lit';
3
+ export default class SolidElement extends LitElement {
4
+ dir: string;
5
+ lang: string;
6
+ static styles: CSSResultGroup;
7
+ emit(name: string, options?: CustomEventInit): CustomEvent<any>;
8
+ }
9
+ export interface SolidFormControl extends SolidElement {
10
+ name: string;
11
+ value: unknown;
12
+ disabled?: boolean;
13
+ defaultValue?: unknown;
14
+ defaultChecked?: boolean;
15
+ form?: string;
16
+ pattern?: string;
17
+ min?: number | Date;
18
+ max?: number | Date;
19
+ step?: number | 'any';
20
+ required?: boolean;
21
+ minlength?: number;
22
+ maxlength?: number;
23
+ checkValidity: () => boolean;
24
+ reportValidity: () => boolean;
25
+ setCustomValidity: (message: string) => void;
26
+ }
@@ -0,0 +1,38 @@
1
+ import { unsafeCSS, LitElement } from "lit";
2
+ import { property } from "lit/decorators.js";
3
+ import tailwind from "../styles/tailwind.css.js";
4
+ var __defProp = Object.defineProperty;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __decorateClass = (decorators, target, key, kind) => {
7
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
8
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
9
+ if (decorator = decorators[i])
10
+ result = (kind ? decorator(target, key, result) : decorator(result)) || result;
11
+ if (kind && result)
12
+ __defProp(target, key, result);
13
+ return result;
14
+ };
15
+ class SolidElement extends LitElement {
16
+ /** Emits a custom event with more convenient defaults. */
17
+ emit(name, options) {
18
+ const event = new CustomEvent(name, {
19
+ bubbles: true,
20
+ cancelable: false,
21
+ composed: true,
22
+ detail: {},
23
+ ...options
24
+ });
25
+ this.dispatchEvent(event);
26
+ return event;
27
+ }
28
+ }
29
+ SolidElement.styles = unsafeCSS(tailwind);
30
+ __decorateClass([
31
+ property()
32
+ ], SolidElement.prototype, "dir", 2);
33
+ __decorateClass([
34
+ property()
35
+ ], SolidElement.prototype, "lang", 2);
36
+ export {
37
+ SolidElement as default
38
+ };
@@ -0,0 +1,11 @@
1
+ import type { LitElement } from 'lit';
2
+ type UpdateHandler = (prev?: unknown, next?: unknown) => void;
3
+ type NonUndefined<A> = A extends undefined ? never : A;
4
+ type UpdateHandlerFunctionKeys<T extends object> = {
5
+ [K in keyof T]-?: NonUndefined<T[K]> extends UpdateHandler ? K : never;
6
+ }[keyof T];
7
+ interface WatchOptions {
8
+ waitUntilFirstUpdate?: boolean;
9
+ }
10
+ export declare function watch(propertyName: string | string[], options?: WatchOptions): <ElemClass extends LitElement>(proto: ElemClass, decoratedFnName: UpdateHandlerFunctionKeys<ElemClass>) => void;
11
+ export {};
@@ -0,0 +1,28 @@
1
+ function watch(propertyName, options) {
2
+ const resolvedOptions = {
3
+ waitUntilFirstUpdate: false,
4
+ ...options
5
+ };
6
+ return (proto, decoratedFnName) => {
7
+ const { update } = proto;
8
+ const watchedProperties = Array.isArray(propertyName) ? propertyName : [propertyName];
9
+ proto.update = function(changedProps) {
10
+ watchedProperties.forEach((property) => {
11
+ const key = property;
12
+ if (changedProps.has(key)) {
13
+ const oldValue = changedProps.get(key);
14
+ const newValue = this[key];
15
+ if (oldValue !== newValue) {
16
+ if (!resolvedOptions.waitUntilFirstUpdate || this.hasUpdated) {
17
+ this[decoratedFnName](oldValue, newValue);
18
+ }
19
+ }
20
+ }
21
+ });
22
+ update.call(this, changedProps);
23
+ };
24
+ };
25
+ }
26
+ export {
27
+ watch
28
+ };
@@ -0,0 +1,103 @@
1
+ const connectedElements = /* @__PURE__ */ new Set();
2
+ const documentElementObserver = new MutationObserver(update);
3
+ const translations = /* @__PURE__ */ new Map();
4
+ let documentDirection = document.documentElement.dir || "ltr";
5
+ let documentLanguage = document.documentElement.lang || navigator.language;
6
+ let fallback;
7
+ documentElementObserver.observe(document.documentElement, {
8
+ attributes: true,
9
+ attributeFilter: ["dir", "lang"]
10
+ });
11
+ function registerTranslation(...translation) {
12
+ translation.map((t) => {
13
+ const code = t.$code.toLowerCase();
14
+ if (translations.has(code)) {
15
+ translations.set(code, Object.assign(Object.assign({}, translations.get(code)), t));
16
+ } else {
17
+ translations.set(code, t);
18
+ }
19
+ if (!fallback) {
20
+ fallback = t;
21
+ }
22
+ });
23
+ update();
24
+ }
25
+ function update() {
26
+ documentDirection = document.documentElement.dir || "ltr";
27
+ documentLanguage = document.documentElement.lang || navigator.language;
28
+ [...connectedElements.keys()].map((el) => {
29
+ if (typeof el.requestUpdate === "function") {
30
+ el.requestUpdate();
31
+ }
32
+ });
33
+ }
34
+ let LocalizeController$1 = class LocalizeController {
35
+ constructor(host) {
36
+ this.host = host;
37
+ this.host.addController(this);
38
+ }
39
+ hostConnected() {
40
+ connectedElements.add(this.host);
41
+ }
42
+ hostDisconnected() {
43
+ connectedElements.delete(this.host);
44
+ }
45
+ dir() {
46
+ return `${this.host.dir || documentDirection}`.toLowerCase();
47
+ }
48
+ lang() {
49
+ return `${this.host.lang || documentLanguage}`.toLowerCase();
50
+ }
51
+ getTranslationData(lang) {
52
+ var _a, _b;
53
+ const locale = new Intl.Locale(lang);
54
+ const language = locale === null || locale === void 0 ? void 0 : locale.language.toLowerCase();
55
+ const region = (_b = (_a = locale === null || locale === void 0 ? void 0 : locale.region) === null || _a === void 0 ? void 0 : _a.toLowerCase()) !== null && _b !== void 0 ? _b : "";
56
+ const primary = translations.get(`${language}-${region}`);
57
+ const secondary = translations.get(language);
58
+ return { locale, language, region, primary, secondary };
59
+ }
60
+ exists(key, options) {
61
+ var _a;
62
+ const { primary, secondary } = this.getTranslationData((_a = options.lang) !== null && _a !== void 0 ? _a : this.lang());
63
+ options = Object.assign({ includeFallback: false }, options);
64
+ if (primary && primary[key] || secondary && secondary[key] || options.includeFallback && fallback && fallback[key]) {
65
+ return true;
66
+ }
67
+ return false;
68
+ }
69
+ term(key, ...args) {
70
+ const { primary, secondary } = this.getTranslationData(this.lang());
71
+ let term;
72
+ if (primary && primary[key]) {
73
+ term = primary[key];
74
+ } else if (secondary && secondary[key]) {
75
+ term = secondary[key];
76
+ } else if (fallback && fallback[key]) {
77
+ term = fallback[key];
78
+ } else {
79
+ console.error(`No translation found for: ${String(key)}`);
80
+ return String(key);
81
+ }
82
+ if (typeof term === "function") {
83
+ return term(...args);
84
+ }
85
+ return term;
86
+ }
87
+ date(dateToFormat, options) {
88
+ dateToFormat = new Date(dateToFormat);
89
+ return new Intl.DateTimeFormat(this.lang(), options).format(dateToFormat);
90
+ }
91
+ number(numberToFormat, options) {
92
+ numberToFormat = Number(numberToFormat);
93
+ return isNaN(numberToFormat) ? "" : new Intl.NumberFormat(this.lang(), options).format(numberToFormat);
94
+ }
95
+ relativeTime(value, unit, options) {
96
+ return new Intl.RelativeTimeFormat(this.lang(), options).format(value, unit);
97
+ }
98
+ };
99
+ export {
100
+ LocalizeController$1 as LocalizeController,
101
+ registerTranslation,
102
+ update
103
+ };
@@ -0,0 +1,6 @@
1
+ export { default as SdButton } from './components/button/button';
2
+ export { default as SdIcon } from './components/icon/icon';
3
+ export { default as SdInclude } from './components/include/include';
4
+ export { default as SdLink } from './components/link/link';
5
+ export { default as SdSpinner } from './components/spinner/spinner';
6
+ export * from './utilities/localize';
@@ -0,0 +1,14 @@
1
+ import { default as default2 } from "./components/button/button.js";
2
+ import { default as default3 } from "./components/icon/icon.js";
3
+ import { default as default4 } from "./components/include/include.js";
4
+ import { default as default5 } from "./components/link/link.js";
5
+ import { default as default6 } from "./components/spinner/spinner.js";
6
+ import { LocalizeController } from "./utilities/localize.js";
7
+ export {
8
+ LocalizeController,
9
+ default2 as SdButton,
10
+ default3 as SdIcon,
11
+ default4 as SdInclude,
12
+ default5 as SdLink,
13
+ default6 as SdSpinner
14
+ };
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
@@ -0,0 +1,5 @@
1
+ import { css } from "lit";
2
+ const componentStyles = css`:host{box-sizing:border-box}:host *,:host ::after,:host ::before{box-sizing:inherit}[hidden]{display:none!important}`;
3
+ export {
4
+ componentStyles as default
5
+ };
@@ -0,0 +1,4 @@
1
+ const tailwind = '/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.ml-1{margin-left:var(--sd-spacing-1,.25rem)}.ml-2{margin-left:var(--sd-spacing-2,.5rem)}.ml-\\[0\\.25em\\]{margin-left:.25em}.ml-\\[0\\.5em\\]{margin-left:.5em}.mr-1{margin-right:var(--sd-spacing-1,.25rem)}.mr-2{margin-right:var(--sd-spacing-2,.5rem)}.mr-\\[0\\.25em\\]{margin-right:.25em}.mr-\\[0\\.5em\\]{margin-right:.5em}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-varspacing{height:var(--tw-varspacing)}.w-full{width:100%}.w-varspacing{width:var(--tw-varspacing)}.flex-auto{flex:1 1 auto}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-\\[inherit\\]{cursor:inherit}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:var(--sd-border-radius-md,.375rem)}.border{border-width:1px}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-border-opacity))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,67 176 42)/var(--tw-bg-opacity))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity))}.px-0{padding-left:var(--sd-spacing-0,0);padding-right:var(--sd-spacing-0,0)}.px-4{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.align-middle{vertical-align:middle}.text-base{font-size:var(--sd-font-size-base,1rem)}.text-sm{font-size:var(--sd-font-size-sm,.875rem)}.leading-\\[calc\\(var\\(--tw-varspacing\\)-2px\\)\\]{line-height:calc(var(--tw-varspacing) - 2px)}.text-neutral-500{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.opacity-20{opacity:var(--sd-opacity-20,.2)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.varspacing-10{--tw-varspacing:var(--sd-spacing-10,2.5rem)}.varspacing-12{--tw-varspacing:var(--sd-spacing-12,3rem)}.varspacing-8{--tw-varspacing:var(--sd-spacing-8,2rem)}.focus-visible\\:focus-outline:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-visible\\:focus-outline-inverted:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.disabled\\:border-neutral-500:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity))}.disabled\\:border-neutral-600:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-border-opacity))}.disabled\\:bg-neutral-500:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity))}.disabled\\:bg-neutral-600:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-bg-opacity))}.disabled\\:text-neutral-500:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity))}.disabled\\:text-neutral-600:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity))}.disabled\\:text-white:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.hover\\:border-primary-100:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-border-opacity))}.hover\\:border-primary-500:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-border-opacity))}.hover\\:bg-accent-300:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-300,108 194 84)/var(--tw-bg-opacity))}.hover\\:bg-primary-100:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity))}.hover\\:bg-primary-500:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity))}.hover\\:text-primary-100:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-text-opacity))}.hover\\:text-primary-200:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.hover\\:text-primary-500:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity))}.active\\:border-primary-200:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-border-opacity))}.active\\:border-primary-800:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-border-opacity))}.active\\:bg-accent-500:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-500,66 147 50)/var(--tw-bg-opacity))}.active\\:bg-primary-200:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-bg-opacity))}.active\\:bg-primary-800:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-bg-opacity))}.active\\:text-primary-200:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity))}.active\\:text-primary-400:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity))}.active\\:text-primary-800:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity))}';
2
+ export {
3
+ tailwind as default
4
+ };
@@ -0,0 +1,3 @@
1
+ import type { Translation } from '../utilities/localize';
2
+ declare const translation: Translation;
3
+ export default translation;
@@ -0,0 +1,31 @@
1
+ import { registerTranslation } from "../node_modules/.pnpm/@shoelace-style_localize@3.1.0/node_modules/@shoelace-style/localize/dist/index.js";
2
+ const translation = {
3
+ $code: "en",
4
+ $name: "English",
5
+ $dir: "ltr",
6
+ clearEntry: "Clear entry",
7
+ close: "Close",
8
+ copy: "Copy",
9
+ numOptionsSelected: (num) => {
10
+ if (num === 0)
11
+ return "No options selected";
12
+ if (num === 1)
13
+ return "1 option selected";
14
+ return `${num} options selected`;
15
+ },
16
+ currentValue: "Current value",
17
+ hidePassword: "Hide password",
18
+ loading: "Loading",
19
+ progress: "Progress",
20
+ remove: "Remove",
21
+ resize: "Resize",
22
+ scrollToEnd: "Scroll to end",
23
+ scrollToStart: "Scroll to start",
24
+ selectAColorFromTheScreen: "Select a color from the screen",
25
+ showPassword: "Show password",
26
+ toggleColorFormat: "Toggle color format"
27
+ };
28
+ registerTranslation(translation);
29
+ export {
30
+ translation as default
31
+ };
@@ -0,0 +1,25 @@
1
+ import '../translations/en';
2
+ import { LocalizeController as DefaultLocalizationController } from '@shoelace-style/localize';
3
+ import type { Translation as DefaultTranslation } from '@shoelace-style/localize';
4
+ export declare class LocalizeController extends DefaultLocalizationController<Translation> {
5
+ }
6
+ export interface Translation extends DefaultTranslation {
7
+ $code: string;
8
+ $name: string;
9
+ $dir: 'ltr' | 'rtl';
10
+ clearEntry: string;
11
+ close: string;
12
+ copy: string;
13
+ numOptionsSelected: (num: number) => string;
14
+ currentValue: string;
15
+ hidePassword: string;
16
+ loading: string;
17
+ progress: string;
18
+ remove: string;
19
+ resize: string;
20
+ scrollToEnd: string;
21
+ scrollToStart: string;
22
+ selectAColorFromTheScreen: string;
23
+ showPassword: string;
24
+ toggleColorFormat: string;
25
+ }
@@ -0,0 +1,7 @@
1
+ import "../translations/en.js";
2
+ import { LocalizeController as LocalizeController$1 } from "../node_modules/.pnpm/@shoelace-style_localize@3.1.0/node_modules/@shoelace-style/localize/dist/index.js";
3
+ class LocalizeController extends LocalizeController$1 {
4
+ }
5
+ export {
6
+ LocalizeController
7
+ };