jb-core 0.29.0 → 0.30.0

package/theme/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":[],"sources":["../lib/color/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/color/jb-color.ts","../lib/color/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/color/utils.ts","../lib/color/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/color/constants.ts","../lib/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/utils.ts","../../dist/index.js","../lib/color/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/color/define-colors.ts","../lib/color/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/color/index.ts","../lib/sizes/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/sizes/index.ts","../lib/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/theme.ts"],"sourcesContent":[null,null,null,null,"function e(e, t, o, n = {}) {\n\tdocument.addEventListener(t, (t) => {\n\t\tt.composedPath().includes(e) && (t.stopPropagation(), t.stopImmediatePropagation(), o(t));\n\t}, {\n\t\tcapture: !0,\n\t\t...n\n\t});\n}\nfunction t(e, t, o) {\n\tconst n = {\n\t\taltKey: t.altKey,\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcode: t.code,\n\t\tcomposed: t.composed,\n\t\tctrlKey: t.ctrlKey,\n\t\tdetail: t.detail,\n\t\tisComposing: t.isComposing,\n\t\tkey: t.key,\n\t\tlocation: t.location,\n\t\tmetaKey: t.metaKey,\n\t\trepeat: t.repeat,\n\t\tshiftKey: t.shiftKey,\n\t\tview: t.view,\n\t\tcharCode: t.charCode,\n\t\tkeyCode: t.keyCode,\n\t\twhich: t.which,\n\t\t...o\n\t};\n\treturn new KeyboardEvent(e, n);\n}\nfunction o(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tisComposing: t.isComposing,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\tdata: t.data,\n\t\tdataTransfer: t.dataTransfer,\n\t\tinputType: t.inputType,\n\t\ttargetRanges: \"function\" == typeof t.getTargetRanges ? t.getTargetRanges() : [],\n\t\t...o\n\t};\n\treturn new InputEvent(e, n);\n}\nfunction n(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\taltKey: t.altKey,\n\t\tbutton: t.button,\n\t\tbuttons: t.buttons,\n\t\tclientX: t.clientX,\n\t\tclientY: t.clientY,\n\t\tctrlKey: t.ctrlKey,\n\t\tmetaKey: t.metaKey,\n\t\tshiftKey: t.shiftKey,\n\t\tmovementX: t.movementX,\n\t\tmovementY: t.movementY,\n\t\tscreenX: t.screenX,\n\t\tscreenY: t.screenY,\n\t\trelatedTarget: t.relatedTarget,\n\t\tmodifierAltGraph: t.getModifierState(\"AltGraph\"),\n\t\tmodifierCapsLock: t.getModifierState(\"CapsLock\"),\n\t\tmodifierFn: t.getModifierState(\"Fn\"),\n\t\tmodifierFnLock: t.getModifierState(\"FnLock\"),\n\t\tmodifierHyper: t.getModifierState(\"Hyper\"),\n\t\tmodifierNumLock: t.getModifierState(\"NumLock\"),\n\t\tmodifierScrollLock: t.getModifierState(\"ScrollLock\"),\n\t\tmodifierSuper: t.getModifierState(\"Super\"),\n\t\tmodifierSymbol: t.getModifierState(\"Symbol\"),\n\t\tmodifierSymbolLock: t.getModifierState(\"SymbolLock\"),\n\t\t...o\n\t};\n\treturn new MouseEvent(e, n);\n}\nfunction i(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\trelatedTarget: t.relatedTarget,\n\t\t...o\n\t};\n\treturn new FocusEvent(e, n);\n}\nconst r = () => /Mobi/i.test(window.navigator.userAgent);\nfunction a(e) {\n\treturn \"string\" != typeof e ? \"\" : e.replace(/[۰-۹]/g, function(e) {\n\t\treturn String.fromCharCode(e.charCodeAt(0) - 1728);\n\t});\n}\nfunction c(e) {\n\treturn \"string\" != typeof e && isNaN(e) ? \"\" : e.toString().replace(/[0-9]/g, function(e) {\n\t\treturn String.fromCharCode(e.charCodeAt(0) + 1728);\n\t});\n}\nfunction l(e, t = document) {\n\tconst o = new CSSStyleSheet();\n\treturn o.replaceSync(e), t.adoptedStyleSheets.push(o), o;\n}\nfunction d(e = \"\") {\n\treturn crypto?.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n}\nfunction s(e, t = !1) {\n\treturn null === e ? t : \"\" === e || \"true\" === e.toLowerCase() || \"false\" !== e.toLowerCase() && Boolean(e);\n}\nexport { i as createFocusEvent, o as createInputEvent, t as createKeyboardEvent, n as createMouseEvent, c as enToFaDigits, a as faToEnDigits, l as injectCss, r as isMobile, e as listenAndSilentEvent, s as parseBooleanAttribute, d as uniqueId };\n\n//# sourceMappingURL=index.js.map",null,null,null,null],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","names":["uniqueId"],"sources":["../lib/color/jb-color.ts","../lib/color/utils.ts","../lib/color/constants.ts","../lib/utils.ts","../../dist/index.js","../lib/color/define-colors.ts","../lib/color/index.ts","../lib/sizes/index.ts","../lib/theme.ts"],"sourcesContent":["import type { OklchParams } from \"./types\";\r\n\r\nexport class JBColor {\r\n  lightness:number;\r\n  chroma:number;\r\n  hue:number;\r\n  variableName?:`--${string}`;\r\n  get value(){\r\n    return `oklch(${this.lightness} ${this.chroma} ${this.hue})`;\r\n  }\r\n  constructor(colorParams:OklchParams, variableName?:`--${string}`) {\r\n    this.variableName = variableName;\r\n    this.lightness = colorParams.lightness;\r\n    this.chroma = colorParams.chroma;\r\n    this.hue = colorParams.hue;\r\n  }\r\n}\r\n","import { JBColor } from \"./jb-color\";\r\nimport type { JBColorGroup } from \"./types\";\r\n\r\n//TODO: add DarkMode and LightMode to all the utils functions.\r\n\r\n\r\nexport function getNeutralColor(index: number) {\r\n  return new JBColor({ lightness: (6 * (3 + index * 1.3)) * 0.01, chroma: (14 + (index * 0.09)) * 0.001, hue: 258.36 }, `--jb-neutral-${index}`);\r\n}\r\nexport function getHoverColor(color: JBColor) {\r\n  return new JBColor({ lightness: color.lightness + 0.07, chroma: color.chroma + 0.07, hue: color.hue, }, `${color.variableName!}-hover`);\r\n}\r\nexport function getPressedColor(color: JBColor) {\r\n  return new JBColor({ lightness: color.lightness - 0.1, chroma: color.chroma - 0.05, hue: color.hue, }, `${color.variableName!}-pressed`);\r\n}\r\n\r\nexport function getLighterColor(color: JBColor) {\r\n  // Perceptual lightness increase (curved adjustment)\r\n  const newL = Math.min(color.lightness + 0.12 * (1 - color.lightness), 0.985);\r\n\r\n  // Chroma preservation with gamut safety\r\n  const newC = color.chroma * (1 - 0.15 * (newL - color.lightness));\r\n\r\n  return new JBColor({ lightness: newL, chroma: Number(newC.toFixed(3)), hue: color.hue }, `${color.variableName!}-l`);\r\n}\r\n\r\nexport function getDarkerColor(color: JBColor) {\r\n  // Perceptual lightness decrease (curved adjustment)\r\n  const newL = Math.max(color.lightness - 0.12 * color.lightness, 0.02);\r\n\r\n  // Chroma preservation with gamut safety (slightly increased chroma as we darken)\r\n  const newC = color.chroma * (1 - 0.15 * (newL - color.lightness));\r\n\r\n  return new JBColor({ lightness: newL, chroma: newC, hue: color.hue }, `${color.variableName!}-d`);\r\n}\r\nexport function getSubtleColor(color: JBColor) {\r\n  // High lightness while maintaining color presence\r\n  const newL = Math.min(color.lightness + 0.65 * (1 - color.lightness), 0.93);\r\n\r\n  // Keep substantial chroma but adjusted for lighter tones\r\n  const newC = color.chroma * 0.55 * (1 - 0.08 * (newL - color.lightness));\r\n\r\n  // Optional slight hue tuning for pastel aesthetics\r\n  const hueShift = color.hue >= 70 && color.hue <= 162 ? 5 : -3;\r\n  const newHue = color.hue + hueShift;\r\n\r\n  return new JBColor(\r\n    { lightness: newL, chroma: Number(newC.toFixed(3)), hue: newHue },\r\n    `${color.variableName!}-subtle`\r\n  );\r\n}\r\n/**\r\n * contrast is the color mostly used for text on top of the background. in light mode it is really dark and in dark mode it is really light.\r\n * It is not the same as the text color, and can be used elsewhere too.\r\n */\r\nexport function getContrastColor(color: JBColor) {\r\n  // Fixed contrast parameters\r\n  const LIGHTNESS_DEPTH = 0.35; // How much darker we make the color\r\n  const CHROMA_BOOST = 1.6; // Color intensity multiplier\r\n  const MIN_LIGHTNESS = 0.22; // Darkest allowed value\r\n  const MAX_CHROMA = 0.28;// Prevent over-saturation\r\n\r\n  // Calculate new values\r\n  const newLightness = Math.max(color.lightness - LIGHTNESS_DEPTH, MIN_LIGHTNESS);\r\n  const newChroma = Math.min(color.chroma * CHROMA_BOOST, MAX_CHROMA);\r\n\r\n  // Maintain original hue for color harmony\r\n  return new JBColor(\r\n    {\r\n      lightness: Number(newLightness.toFixed(3)),\r\n      chroma: Number(newChroma.toFixed(3)),\r\n      hue: color.hue\r\n    },\r\n    `${color.variableName!}-contrast`\r\n  );\r\n}\r\n\r\nexport function createColorGroup(color: JBColor): JBColorGroup {\r\n  return {\r\n    main: color,\r\n    hover: getHoverColor(color),\r\n    pressed: getPressedColor(color),\r\n    light: getLighterColor(color),\r\n    dark: getDarkerColor(color),\r\n    subtle: getSubtleColor(color),\r\n    contrast: getContrastColor(color)\r\n  }\r\n}","import { JBColor } from \"./jb-color\";\r\nimport type { JBThemeColors } from \"./types\";\r\nimport { getNeutralColor, createColorGroup } from \"./utils\";\r\n\r\nconst primary = new JBColor({lightness:0.6,chroma:0.26,hue:256},'--jb-primary');\r\nconst secondary = new JBColor({lightness:0.6,chroma:0.26,hue:286},'--jb-secondary');\r\nconst yellow = new JBColor({lightness:0.75,chroma:0.18,hue:70},'--jb-yellow');\r\nconst green = new JBColor({lightness:0.68,chroma:0.1484,hue:162.1},'--jb-green');\r\nconst red = new JBColor({lightness:0.6,chroma:0.22,hue:23.21},'--jb-red');\r\n\r\nexport const defaultColors:JBThemeColors = {\r\n  single:{\r\n    black: new JBColor({lightness:0.14,chroma:0,hue:0},'--jb-black'),\r\n    white: new JBColor({lightness:1,chroma:0,hue:0},'--jb-white'),\r\n    highlight:new JBColor({lightness:0.93,chroma:0.2302,hue:125.18},'--jb-highlight'),\r\n  },\r\n  neutral: [getNeutralColor(0),getNeutralColor(1),getNeutralColor(2),getNeutralColor(3),getNeutralColor(4),getNeutralColor(5),getNeutralColor(6),getNeutralColor(7),getNeutralColor(8),getNeutralColor(9),getNeutralColor(10)],\r\n  primary:createColorGroup(primary),\r\n  secondary:createColorGroup(secondary),\r\n  yellow:createColorGroup(yellow),\r\n  green:createColorGroup(green),\r\n  red:createColorGroup(red),\r\n} as const;\r\n\r\n","export type PropertyDefinitionParameter = PropertyDefinition & {\r\n  value?: string,\r\n}\r\n\r\nexport function registerCssProperty(parameter: PropertyDefinitionParameter) {\r\n  try {\r\n    const { value, ...rest } = parameter;\r\n    if (typeof window.CSS.registerProperty == \"function\") {\r\n      window.CSS.registerProperty({\r\n        ...rest\r\n      });\r\n    }\r\n    setCssProperty(parameter.name, value);\r\n  } catch (e) {\r\n    // if property is already defined or any other type of error\r\n  }\r\n}\r\n\r\nexport function setCssProperty(name: string, value?: string) {\r\n  try {\r\n    if (value) {\r\n      if (!document.documentElement.style.getPropertyValue(name)) {\r\n        document.documentElement.style.setProperty(name, value);\r\n      }\r\n    }\r\n  } catch (e) {\r\n    //\r\n  }\r\n}","function e(e, t, o, n = {}) {\n\tdocument.addEventListener(t, (t) => {\n\t\tt.composedPath().includes(e) && (t.stopPropagation(), t.stopImmediatePropagation(), o(t));\n\t}, {\n\t\tcapture: !0,\n\t\t...n\n\t});\n}\nfunction t(e, t, o) {\n\tconst n = {\n\t\taltKey: t.altKey,\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcode: t.code,\n\t\tcomposed: t.composed,\n\t\tctrlKey: t.ctrlKey,\n\t\tdetail: t.detail,\n\t\tisComposing: t.isComposing,\n\t\tkey: t.key,\n\t\tlocation: t.location,\n\t\tmetaKey: t.metaKey,\n\t\trepeat: t.repeat,\n\t\tshiftKey: t.shiftKey,\n\t\tview: t.view,\n\t\tcharCode: t.charCode,\n\t\tkeyCode: t.keyCode,\n\t\twhich: t.which,\n\t\t...o\n\t};\n\treturn new KeyboardEvent(e, n);\n}\nfunction o(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tisComposing: t.isComposing,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\tdata: t.data,\n\t\tdataTransfer: t.dataTransfer,\n\t\tinputType: t.inputType,\n\t\ttargetRanges: \"function\" == typeof t.getTargetRanges ? t.getTargetRanges() : [],\n\t\t...o\n\t};\n\treturn new InputEvent(e, n);\n}\nfunction n(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\taltKey: t.altKey,\n\t\tbutton: t.button,\n\t\tbuttons: t.buttons,\n\t\tclientX: t.clientX,\n\t\tclientY: t.clientY,\n\t\tctrlKey: t.ctrlKey,\n\t\tmetaKey: t.metaKey,\n\t\tshiftKey: t.shiftKey,\n\t\tmovementX: t.movementX,\n\t\tmovementY: t.movementY,\n\t\tscreenX: t.screenX,\n\t\tscreenY: t.screenY,\n\t\trelatedTarget: t.relatedTarget,\n\t\tmodifierAltGraph: t.getModifierState(\"AltGraph\"),\n\t\tmodifierCapsLock: t.getModifierState(\"CapsLock\"),\n\t\tmodifierFn: t.getModifierState(\"Fn\"),\n\t\tmodifierFnLock: t.getModifierState(\"FnLock\"),\n\t\tmodifierHyper: t.getModifierState(\"Hyper\"),\n\t\tmodifierNumLock: t.getModifierState(\"NumLock\"),\n\t\tmodifierScrollLock: t.getModifierState(\"ScrollLock\"),\n\t\tmodifierSuper: t.getModifierState(\"Super\"),\n\t\tmodifierSymbol: t.getModifierState(\"Symbol\"),\n\t\tmodifierSymbolLock: t.getModifierState(\"SymbolLock\"),\n\t\t...o\n\t};\n\treturn new MouseEvent(e, n);\n}\nfunction i(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\trelatedTarget: t.relatedTarget,\n\t\t...o\n\t};\n\treturn new FocusEvent(e, n);\n}\nconst r = () => /Mobi/i.test(window.navigator.userAgent);\nfunction a(e) {\n\treturn \"string\" != typeof e ? \"\" : e.replace(/[۰-۹]/g, function(e) {\n\t\treturn String.fromCharCode(e.charCodeAt(0) - 1728);\n\t});\n}\nfunction c(e) {\n\treturn \"string\" != typeof e && isNaN(e) ? \"\" : e.toString().replace(/[0-9]/g, function(e) {\n\t\treturn String.fromCharCode(e.charCodeAt(0) + 1728);\n\t});\n}\nfunction l(e, t = document) {\n\tconst o = new CSSStyleSheet();\n\treturn o.replaceSync(e), t.adoptedStyleSheets.push(o), o;\n}\nfunction d(e = \"\") {\n\treturn crypto?.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n}\nfunction s(e, t = !1) {\n\treturn null === e ? t : \"\" === e || \"true\" === e.toLowerCase() || \"false\" !== e.toLowerCase() && Boolean(e);\n}\nexport { i as createFocusEvent, o as createInputEvent, t as createKeyboardEvent, n as createMouseEvent, c as enToFaDigits, a as faToEnDigits, l as injectCss, r as isMobile, e as listenAndSilentEvent, s as parseBooleanAttribute, d as uniqueId };\n\n//# sourceMappingURL=index.js.map","import { registerCssProperty } from \"../utils\";\r\nimport type { JBColor } from \"./jb-color\";\r\nimport { uniqueId } from \"jb-core\";\r\nimport type { JBColorGroup, JBThemeColors } from \"./types\";\r\n\r\nfunction defineColor(color:JBColor , name?:string){\r\nregisterCssProperty({\r\n    name: name??color.variableName??`--${uniqueId()}`,\r\n    syntax: \"<color>\",\r\n    inherits: true,\r\n    initialValue: color.value,\r\n  });\r\n}\r\nfunction defineColorGroup(group:JBColorGroup){\r\n  defineColor(group.main);\r\n  defineColor(group.dark);\r\n  defineColor(group.light);\r\n  defineColor(group.contrast);\r\n  defineColor(group.hover);\r\n  defineColor(group.pressed);\r\n  defineColor(group.subtle);\r\n}\r\nexport function defineColorCodes(colors:JBThemeColors){\r\n  defineColor(colors.neutral[0],'--jb-neutral');\r\n  defineColorGroup(colors.primary);\r\n  defineColorGroup(colors.secondary);\r\n  defineColorGroup(colors.red);\r\n  defineColorGroup(colors.red);\r\n  defineColorGroup(colors.green);\r\n  defineColorGroup(colors.yellow);\r\n  defineColor(colors.single.black);\r\n  defineColor(colors.single.white);\r\n  defineColor(colors.single.highlight);\r\n  for(let i=1;i<=10;i++){\r\n    defineColor(colors.neutral[i])\r\n  }\r\n}\r\n\r\nexport function defineTextColors(colors:JBThemeColors) {\r\n  defineColor(colors.single.black, \"--jb-text-primary\");\r\n  defineColor(colors.neutral[7], \"--jb-text-secondary\");\r\n  defineColor(colors.single.white, \"--jb-text-contrast\");\r\n}\r\n","import { defaultColors } from \"./constants\";\r\nimport { defineColorCodes, defineTextColors } from \"./define-colors\";\r\nimport { JBColor } from \"./jb-color\";\r\nimport type { ColorGroupsKey, JBColorGroup, JBThemeColors, OklchParams } from \"./types\";\r\nimport { createColorGroup } from \"./utils\";\r\nexport * from './utils';\r\nexport * from \"./jb-color\";\r\nexport * from \"./types\";\r\n\r\n\r\nexport { defaultColors };\r\n\r\nexport function defineColors() {\r\n  defineColorCodes(defaultColors);\r\n  defineTextColors(defaultColors);\r\n}\r\n\r\n\r\nexport type SetThemeColorParameter = {[key in ColorGroupsKey]?:JBColorGroup}\r\nexport function setColors(colors: SetThemeColorParameter) {\r\n  function setColor(color: JBColor) {\r\n    document.documentElement.style.setProperty(color.variableName as string, color.value);\r\n  }\r\n  function setColorGroup(group:JBColorGroup){\r\n    setColor(group.main);\r\n    setColor(group.light);\r\n    setColor(group.dark);\r\n    setColor(group.contrast);\r\n    setColor(group.subtle);\r\n    setColor(group.hover);\r\n    setColor(group.pressed);\r\n  }\r\n  colors.primary && setColorGroup(colors.primary);\r\n  colors.secondary && setColorGroup(colors.secondary);\r\n  colors.green && setColorGroup(colors.green);\r\n  colors.red && setColorGroup(colors.red);\r\n  colors.yellow && setColorGroup(colors.yellow);\r\n}\r\n\r\nexport type CreateThemeColorParameter = {[key in ColorGroupsKey]?:OklchParams}\r\n\r\nexport function createThemeColor(parameter: CreateThemeColorParameter): Partial<JBThemeColors> {\r\n  const themeColors: Partial<JBThemeColors> = {};\r\n  Object.keys(parameter).forEach((key: string) => {\r\n    const baseColor = new JBColor(parameter[key as ColorGroupsKey]!, `---jb-${key}`);\r\n    const colorGroup = createColorGroup(baseColor);\r\n    themeColors[key as ColorGroupsKey] = colorGroup;\r\n  });\r\n  return themeColors;\r\n}","import { registerCssProperty } from \"../utils.js\";\n\nexport function defineSizes() {\n  defineRadiusVariables();\n  defineControlHeightVariables();\n}\nfunction defineRadiusVariables() {\n  // we use px instead of rem because css variables are not support rem as default value and we need to set rem value in a root element\n  registerCssProperty({\n    name: \"--jb-radius\",\n    inherits: true,\n    value: \"1rem\",\n    // it define in @property so it should remain px not rem\n    initialValue: \"16px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-radius-xs\",\n    inherits: true,\n    value: `0.5rem`,\n    initialValue: \"8px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-radius-sm\",\n    inherits: true,\n    value: `0.75rem`,\n    initialValue: \"12px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-radius-lg\",\n    inherits: true,\n    value: `1.25rem`,\n    initialValue: \"20px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-radius-xl\",\n    inherits: true,\n    value: `1.5rem`,\n    initialValue: \"24px\",\n    syntax: \"<length-percentage>\",\n  });\n}\n\nfunction defineControlHeightVariables() {\n  registerCssProperty({\n    name: \"--jb-control-height-xs\",\n    inherits: true,\n    value: \"1.5rem\",\n    initialValue: \"24px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-control-height-sm\",\n    inherits: true,\n    value: \"2rem\",\n    initialValue: \"32px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-control-height-md\",\n    inherits: true,\n    value: \"2.5rem\",\n    initialValue: \"40px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-control-height-lg\",\n    inherits: true,\n    value: \"3rem\",\n    initialValue: \"48px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-control-height-xl\",\n    inherits: true,\n    value: \"4rem\",\n    initialValue: \"64px\",\n    syntax: \"<length-percentage>\",\n  });\n}\n","import { defineColors } from \"./color/index.js\";\r\nimport { defineSizes } from \"./sizes/index.js\";\r\n\r\nexport function registerDefaultVariables() {\r\n  defineSizes();\r\n  defineColors();\r\n}"],"mappings":"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"}

package/theme/dist/index.d.ts

@@ -1,5 +1,74 @@
-export * from './color/index.js';
-export * from './sizes/index.js';
-export * from './utils.js';
-export * from './theme.js';
+//#region modules/jb-core/theme/lib/color/jb-color.d.ts
+declare class JBColor {
+  lightness: number;
+  chroma: number;
+  hue: number;
+  variableName?: `--${string}`;
+  get value(): string;
+  constructor(colorParams: OklchParams, variableName?: `--${string}`);
+}
+//#endregion
+//#region modules/jb-core/theme/lib/color/types.d.ts
+type OklchParams = {
+  lightness: number;
+  chroma: number;
+  hue: number;
+};
+type JBColorGroup = {
+  main: JBColor;
+  hover: JBColor;
+  pressed: JBColor;
+  light: JBColor;
+  dark: JBColor;
+  subtle: JBColor;
+  contrast: JBColor;
+};
+type ColorGroupsKey = 'primary' | 'secondary' | 'yellow' | 'green' | 'red';
+type JBThemeColors = { [key in ColorGroupsKey]: JBColorGroup } & {
+  single: {
+    black: JBColor;
+    white: JBColor;
+    highlight: JBColor;
+  };
+  neutral: JBColor[];
+};
+//#endregion
+//#region modules/jb-core/theme/lib/color/constants.d.ts
+declare const defaultColors: JBThemeColors;
+//#endregion
+//#region modules/jb-core/theme/lib/color/utils.d.ts
+declare function getNeutralColor(index: number): JBColor;
+declare function getHoverColor(color: JBColor): JBColor;
+declare function getPressedColor(color: JBColor): JBColor;
+declare function getLighterColor(color: JBColor): JBColor;
+declare function getDarkerColor(color: JBColor): JBColor;
+declare function getSubtleColor(color: JBColor): JBColor;
+/**
+ * contrast is the color mostly used for text on top of the background. in light mode it is really dark and in dark mode it is really light.
+ * It is not the same as the text color, and can be used elsewhere too.
+ */
+declare function getContrastColor(color: JBColor): JBColor;
+declare function createColorGroup(color: JBColor): JBColorGroup;
+//#endregion
+//#region modules/jb-core/theme/lib/color/index.d.ts
+declare function defineColors(): void;
+type SetThemeColorParameter = { [key in ColorGroupsKey]?: JBColorGroup };
+declare function setColors(colors: SetThemeColorParameter): void;
+type CreateThemeColorParameter = { [key in ColorGroupsKey]?: OklchParams };
+declare function createThemeColor(parameter: CreateThemeColorParameter): Partial<JBThemeColors>;
+//#endregion
+//#region modules/jb-core/theme/lib/sizes/index.d.ts
+declare function defineSizes(): void;
+//#endregion
+//#region modules/jb-core/theme/lib/utils.d.ts
+type PropertyDefinitionParameter = PropertyDefinition & {
+  value?: string;
+};
+declare function registerCssProperty(parameter: PropertyDefinitionParameter): void;
+declare function setCssProperty(name: string, value?: string): void;
+//#endregion
+//#region modules/jb-core/theme/lib/theme.d.ts
+declare function registerDefaultVariables(): void;
+//#endregion
+export { ColorGroupsKey, CreateThemeColorParameter, JBColor, JBColorGroup, JBThemeColors, OklchParams, PropertyDefinitionParameter, SetThemeColorParameter, createColorGroup, createThemeColor, defaultColors, defineColors, defineSizes, getContrastColor, getDarkerColor, getHoverColor, getLighterColor, getNeutralColor, getPressedColor, getSubtleColor, registerCssProperty, registerDefaultVariables, setColors, setCssProperty };
 //# sourceMappingURL=index.d.ts.map

package/theme/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../lib/color/jb-color.ts","../lib/color/types.ts","../lib/color/constants.ts","../lib/color/utils.ts","../lib/color/index.ts","../lib/sizes/index.ts","../lib/utils.ts","../lib/theme.ts"],"mappings":";cAEa,OAAA;EACX,SAAA;EACA,MAAA;EACA,GAAA;EACA,YAAA;EAAA,IACI,KAAA;cAGQ,WAAA,EAAY,WAAW,EAAE,YAAA;AAAA;;;KCR3B,WAAA;EAAe,SAAA;EAAmB,MAAA;EAAgB,GAAA;AAAA;AAAA,KAClD,YAAA;EACR,IAAA,EAAM,OAAA;EACN,KAAA,EAAM,OAAA;EACN,OAAA,EAAQ,OAAA;EACR,KAAA,EAAM,OAAA;EACN,IAAA,EAAK,OAAA;EACL,MAAA,EAAO,OAAA;EACP,QAAA,EAAS,OAAA;AAAA;AAAA,KAED,cAAA;AAAA,KACA,aAAA,aAAyB,cAAA,GAAgB,YAAA;EACnD,MAAA;IACE,KAAA,EAAM,OAAA;IACN,KAAA,EAAM,OAAA;IACN,SAAA,EAAU,OAAA;EAAA;EAEZ,OAAA,EAAS,OAAA;AAAA;;;cCTE,aAAA,EAAc,aAYjB;;;iBChBM,eAAA,CAAgB,KAAA,WAAa,OAAA;AAAA,iBAG7B,aAAA,CAAc,KAAA,EAAO,OAAA,GAAO,OAAA;AAAA,iBAG5B,eAAA,CAAgB,KAAA,EAAO,OAAA,GAAO,OAAA;AAAA,iBAI9B,eAAA,CAAgB,KAAA,EAAO,OAAA,GAAO,OAAA;AAAA,iBAU9B,cAAA,CAAe,KAAA,EAAO,OAAA,GAAO,OAAA;AAAA,iBAS7B,cAAA,CAAe,KAAA,EAAO,OAAA,GAAO,OAAA;;;;;iBAoB7B,gBAAA,CAAiB,KAAA,EAAO,OAAA,GAAO,OAAA;AAAA,iBAsB/B,gBAAA,CAAiB,KAAA,EAAO,OAAA,GAAU,YAAY;;;iBCjE9C,YAAA;AAAA,KAMJ,sBAAA,aAAkC,cAAA,IAAiB,YAAY;AAAA,iBAC3D,SAAA,CAAU,MAA8B,EAAtB,sBAAsB;AAAA,KAoB5C,yBAAA,aAAqC,cAAA,IAAiB,WAAW;AAAA,iBAE7D,gBAAA,CAAiB,SAAA,EAAW,yBAAA,GAA4B,OAAA,CAAQ,aAAA;;;iBCvChE,WAAA;;;KCFJ,2BAAA,GAA8B,kBAAkB;EAC1D,KAAK;AAAA;AAAA,iBAGS,mBAAA,CAAoB,SAAsC,EAA3B,2BAA2B;AAAA,iBAc1D,cAAA,CAAe,IAAA,UAAc,KAAc;;;iBCf3C,wBAAA"}

package/theme/dist/index.js

@@ -43,7 +43,7 @@ function i(n) {
 		hue: n.hue
 	}, `${n.variableName}-d`);
 }
-function s(n) {
+function h(n) {
 	const t = Math.min(n.lightness + .65 * (1 - n.lightness), .93), r = .55 * n.chroma * (1 - .08 * (t - n.lightness)), a = n.hue >= 70 && n.hue <= 162 ? 5 : -3, i = n.hue + a;
 	return new e({
 		lightness: t,
@@ -51,7 +51,7 @@ function s(n) {
 		hue: i
 	}, `${n.variableName}-subtle`);
 }
-function h(n) {
+function s(n) {
 	const t = Math.max(n.lightness - .35, .22), r = Math.min(1.6 * n.chroma, .28);
 	return new e({
 		lightness: Number(t.toFixed(3)),
@@ -66,8 +66,8 @@ function l(e) {
 		pressed: r(e),
 		light: a(e),
 		dark: i(e),
-		subtle: s(e),
-		contrast: h(e)
+		subtle: h(e),
+		contrast: s(e)
 	};
 }
 const o = new e({
@@ -127,39 +127,39 @@ const o = new e({
 	green: l(m),
 	red: l(g)
 };
-function d(e) {
+function y(e) {
 	try {
 		const { value: n, ...t } = e;
-		"function" == typeof window.CSS.registerProperty && window.CSS.registerProperty({ ...t }), y(e.name, n);
+		"function" == typeof window.CSS.registerProperty && window.CSS.registerProperty({ ...t }), d(e.name, n);
 	} catch (e) {}
 }
-function y(e, n) {
+function d(e, n) {
 	try {
 		n && (document.documentElement.style.getPropertyValue(e) || document.documentElement.style.setProperty(e, n));
 	} catch (e) {}
 }
-function w(e = "") {
+function p(e = "") {
 	return crypto?.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
-function p(e, n) {
-	d({
-		name: n ?? e.variableName ?? `--${w()}`,
+function x(e, n) {
+	y({
+		name: n ?? e.variableName ?? `--${p()}`,
 		syntax: "<color>",
 		inherits: !0,
 		initialValue: e.value
 	});
 }
-function f(e) {
-	p(e.main), p(e.dark), p(e.light), p(e.contrast), p(e.hover), p(e.pressed), p(e.subtle);
+function w(e) {
+	x(e.main), x(e.dark), x(e.light), x(e.contrast), x(e.hover), x(e.pressed), x(e.subtle);
 }
 function v() {
 	var e;
 	(function(e) {
-		p(e.neutral[0], "--jb-neutral"), f(e.primary), f(e.secondary), f(e.red), f(e.red), f(e.green), f(e.yellow), p(e.single.black), p(e.single.white), p(e.single.highlight);
-		for (let n = 1; n <= 10; n++) p(e.neutral[n]);
-	})(b), p((e = b).single.black, "--jb-text-primary"), p(e.neutral[7], "--jb-text-secondary"), p(e.single.white, "--jb-text-contrast");
+		x(e.neutral[0], "--jb-neutral"), w(e.primary), w(e.secondary), w(e.red), w(e.red), w(e.green), w(e.yellow), x(e.single.black), x(e.single.white), x(e.single.highlight);
+		for (let n = 1; n <= 10; n++) x(e.neutral[n]);
+	})(b), x((e = b).single.black, "--jb-text-primary"), x(e.neutral[7], "--jb-text-secondary"), x(e.single.white, "--jb-text-contrast");
 }
-function x(e) {
+function f(e) {
 	function n(e) {
 		document.documentElement.style.setProperty(e.variableName, e.value);
 	}
@@ -175,41 +175,71 @@ function j(n) {
 	}), t;
 }
 function $() {
-	d({
+	y({
 		name: "--jb-radius",
 		inherits: !0,
 		value: "1rem",
 		initialValue: "16px",
 		syntax: "<length-percentage>"
-	}), d({
+	}), y({
 		name: "--jb-radius-xs",
 		inherits: !0,
 		value: "0.5rem",
 		initialValue: "8px",
 		syntax: "<length-percentage>"
-	}), d({
+	}), y({
 		name: "--jb-radius-sm",
 		inherits: !0,
 		value: "0.75rem",
 		initialValue: "12px",
 		syntax: "<length-percentage>"
-	}), d({
+	}), y({
 		name: "--jb-radius-lg",
 		inherits: !0,
 		value: "1.25rem",
 		initialValue: "20px",
 		syntax: "<length-percentage>"
-	}), d({
+	}), y({
 		name: "--jb-radius-xl",
 		inherits: !0,
 		value: "1.5rem",
 		initialValue: "24px",
 		syntax: "<length-percentage>"
+	}), y({
+		name: "--jb-control-height-xs",
+		inherits: !0,
+		value: "1.5rem",
+		initialValue: "24px",
+		syntax: "<length-percentage>"
+	}), y({
+		name: "--jb-control-height-sm",
+		inherits: !0,
+		value: "2rem",
+		initialValue: "32px",
+		syntax: "<length-percentage>"
+	}), y({
+		name: "--jb-control-height-md",
+		inherits: !0,
+		value: "2.5rem",
+		initialValue: "40px",
+		syntax: "<length-percentage>"
+	}), y({
+		name: "--jb-control-height-lg",
+		inherits: !0,
+		value: "3rem",
+		initialValue: "48px",
+		syntax: "<length-percentage>"
+	}), y({
+		name: "--jb-control-height-xl",
+		inherits: !0,
+		value: "4rem",
+		initialValue: "64px",
+		syntax: "<length-percentage>"
 	});
 }
 function N() {
 	$(), v();
 }
-export { e as JBColor, l as createColorGroup, j as createThemeColor, b as defaultColors, v as defineColors, $ as defineSizes, h as getContrastColor, i as getDarkerColor, t as getHoverColor, a as getLighterColor, n as getNeutralColor, r as getPressedColor, s as getSubtleColor, d as registerCssProperty, N as registerDefaultVariables, x as setColors, y as setCssProperty };
+export { e as JBColor, l as createColorGroup, j as createThemeColor, b as defaultColors, v as defineColors, $ as defineSizes, s as getContrastColor, i as getDarkerColor, t as getHoverColor, a as getLighterColor, n as getNeutralColor, r as getPressedColor, h as getSubtleColor, y as registerCssProperty, N as registerDefaultVariables, f as setColors, d as setCssProperty };
 
 //# sourceMappingURL=index.js.map

package/theme/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../lib/color/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/color/jb-color.ts","../lib/color/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/color/utils.ts","../lib/color/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/color/constants.ts","../lib/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/utils.ts","../../dist/index.js","../lib/color/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/color/define-colors.ts","../lib/color/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/color/index.ts","../lib/sizes/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/sizes/index.ts","../lib/file:/A:/Home/NeveshtAfzar/work/Azad/source/design-system/design-system/modules/jb-core/theme/lib/theme.ts"],"sourcesContent":[null,null,null,null,"function e(e, t, o, n = {}) {\n\tdocument.addEventListener(t, (t) => {\n\t\tt.composedPath().includes(e) && (t.stopPropagation(), t.stopImmediatePropagation(), o(t));\n\t}, {\n\t\tcapture: !0,\n\t\t...n\n\t});\n}\nfunction t(e, t, o) {\n\tconst n = {\n\t\taltKey: t.altKey,\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcode: t.code,\n\t\tcomposed: t.composed,\n\t\tctrlKey: t.ctrlKey,\n\t\tdetail: t.detail,\n\t\tisComposing: t.isComposing,\n\t\tkey: t.key,\n\t\tlocation: t.location,\n\t\tmetaKey: t.metaKey,\n\t\trepeat: t.repeat,\n\t\tshiftKey: t.shiftKey,\n\t\tview: t.view,\n\t\tcharCode: t.charCode,\n\t\tkeyCode: t.keyCode,\n\t\twhich: t.which,\n\t\t...o\n\t};\n\treturn new KeyboardEvent(e, n);\n}\nfunction o(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tisComposing: t.isComposing,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\tdata: t.data,\n\t\tdataTransfer: t.dataTransfer,\n\t\tinputType: t.inputType,\n\t\ttargetRanges: \"function\" == typeof t.getTargetRanges ? t.getTargetRanges() : [],\n\t\t...o\n\t};\n\treturn new InputEvent(e, n);\n}\nfunction n(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\taltKey: t.altKey,\n\t\tbutton: t.button,\n\t\tbuttons: t.buttons,\n\t\tclientX: t.clientX,\n\t\tclientY: t.clientY,\n\t\tctrlKey: t.ctrlKey,\n\t\tmetaKey: t.metaKey,\n\t\tshiftKey: t.shiftKey,\n\t\tmovementX: t.movementX,\n\t\tmovementY: t.movementY,\n\t\tscreenX: t.screenX,\n\t\tscreenY: t.screenY,\n\t\trelatedTarget: t.relatedTarget,\n\t\tmodifierAltGraph: t.getModifierState(\"AltGraph\"),\n\t\tmodifierCapsLock: t.getModifierState(\"CapsLock\"),\n\t\tmodifierFn: t.getModifierState(\"Fn\"),\n\t\tmodifierFnLock: t.getModifierState(\"FnLock\"),\n\t\tmodifierHyper: t.getModifierState(\"Hyper\"),\n\t\tmodifierNumLock: t.getModifierState(\"NumLock\"),\n\t\tmodifierScrollLock: t.getModifierState(\"ScrollLock\"),\n\t\tmodifierSuper: t.getModifierState(\"Super\"),\n\t\tmodifierSymbol: t.getModifierState(\"Symbol\"),\n\t\tmodifierSymbolLock: t.getModifierState(\"SymbolLock\"),\n\t\t...o\n\t};\n\treturn new MouseEvent(e, n);\n}\nfunction i(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\trelatedTarget: t.relatedTarget,\n\t\t...o\n\t};\n\treturn new FocusEvent(e, n);\n}\nconst r = () => /Mobi/i.test(window.navigator.userAgent);\nfunction a(e) {\n\treturn \"string\" != typeof e ? \"\" : e.replace(/[۰-۹]/g, function(e) {\n\t\treturn String.fromCharCode(e.charCodeAt(0) - 1728);\n\t});\n}\nfunction c(e) {\n\treturn \"string\" != typeof e && isNaN(e) ? \"\" : e.toString().replace(/[0-9]/g, function(e) {\n\t\treturn String.fromCharCode(e.charCodeAt(0) + 1728);\n\t});\n}\nfunction l(e, t = document) {\n\tconst o = new CSSStyleSheet();\n\treturn o.replaceSync(e), t.adoptedStyleSheets.push(o), o;\n}\nfunction d(e = \"\") {\n\treturn crypto?.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n}\nfunction s(e, t = !1) {\n\treturn null === e ? t : \"\" === e || \"true\" === e.toLowerCase() || \"false\" !== e.toLowerCase() && Boolean(e);\n}\nexport { i as createFocusEvent, o as createInputEvent, t as createKeyboardEvent, n as createMouseEvent, c as enToFaDigits, a as faToEnDigits, l as injectCss, r as isMobile, e as listenAndSilentEvent, s as parseBooleanAttribute, d as uniqueId };\n\n//# sourceMappingURL=index.js.map",null,null,null,null],"mappings":"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"}
+{"version":3,"file":"index.js","names":["uniqueId"],"sources":["../lib/color/jb-color.ts","../lib/color/utils.ts","../lib/color/constants.ts","../lib/utils.ts","../../dist/index.js","../lib/color/define-colors.ts","../lib/color/index.ts","../lib/sizes/index.ts","../lib/theme.ts"],"sourcesContent":["import type { OklchParams } from \"./types\";\r\n\r\nexport class JBColor {\r\n  lightness:number;\r\n  chroma:number;\r\n  hue:number;\r\n  variableName?:`--${string}`;\r\n  get value(){\r\n    return `oklch(${this.lightness} ${this.chroma} ${this.hue})`;\r\n  }\r\n  constructor(colorParams:OklchParams, variableName?:`--${string}`) {\r\n    this.variableName = variableName;\r\n    this.lightness = colorParams.lightness;\r\n    this.chroma = colorParams.chroma;\r\n    this.hue = colorParams.hue;\r\n  }\r\n}\r\n","import { JBColor } from \"./jb-color\";\r\nimport type { JBColorGroup } from \"./types\";\r\n\r\n//TODO: add DarkMode and LightMode to all the utils functions.\r\n\r\n\r\nexport function getNeutralColor(index: number) {\r\n  return new JBColor({ lightness: (6 * (3 + index * 1.3)) * 0.01, chroma: (14 + (index * 0.09)) * 0.001, hue: 258.36 }, `--jb-neutral-${index}`);\r\n}\r\nexport function getHoverColor(color: JBColor) {\r\n  return new JBColor({ lightness: color.lightness + 0.07, chroma: color.chroma + 0.07, hue: color.hue, }, `${color.variableName!}-hover`);\r\n}\r\nexport function getPressedColor(color: JBColor) {\r\n  return new JBColor({ lightness: color.lightness - 0.1, chroma: color.chroma - 0.05, hue: color.hue, }, `${color.variableName!}-pressed`);\r\n}\r\n\r\nexport function getLighterColor(color: JBColor) {\r\n  // Perceptual lightness increase (curved adjustment)\r\n  const newL = Math.min(color.lightness + 0.12 * (1 - color.lightness), 0.985);\r\n\r\n  // Chroma preservation with gamut safety\r\n  const newC = color.chroma * (1 - 0.15 * (newL - color.lightness));\r\n\r\n  return new JBColor({ lightness: newL, chroma: Number(newC.toFixed(3)), hue: color.hue }, `${color.variableName!}-l`);\r\n}\r\n\r\nexport function getDarkerColor(color: JBColor) {\r\n  // Perceptual lightness decrease (curved adjustment)\r\n  const newL = Math.max(color.lightness - 0.12 * color.lightness, 0.02);\r\n\r\n  // Chroma preservation with gamut safety (slightly increased chroma as we darken)\r\n  const newC = color.chroma * (1 - 0.15 * (newL - color.lightness));\r\n\r\n  return new JBColor({ lightness: newL, chroma: newC, hue: color.hue }, `${color.variableName!}-d`);\r\n}\r\nexport function getSubtleColor(color: JBColor) {\r\n  // High lightness while maintaining color presence\r\n  const newL = Math.min(color.lightness + 0.65 * (1 - color.lightness), 0.93);\r\n\r\n  // Keep substantial chroma but adjusted for lighter tones\r\n  const newC = color.chroma * 0.55 * (1 - 0.08 * (newL - color.lightness));\r\n\r\n  // Optional slight hue tuning for pastel aesthetics\r\n  const hueShift = color.hue >= 70 && color.hue <= 162 ? 5 : -3;\r\n  const newHue = color.hue + hueShift;\r\n\r\n  return new JBColor(\r\n    { lightness: newL, chroma: Number(newC.toFixed(3)), hue: newHue },\r\n    `${color.variableName!}-subtle`\r\n  );\r\n}\r\n/**\r\n * contrast is the color mostly used for text on top of the background. in light mode it is really dark and in dark mode it is really light.\r\n * It is not the same as the text color, and can be used elsewhere too.\r\n */\r\nexport function getContrastColor(color: JBColor) {\r\n  // Fixed contrast parameters\r\n  const LIGHTNESS_DEPTH = 0.35; // How much darker we make the color\r\n  const CHROMA_BOOST = 1.6; // Color intensity multiplier\r\n  const MIN_LIGHTNESS = 0.22; // Darkest allowed value\r\n  const MAX_CHROMA = 0.28;// Prevent over-saturation\r\n\r\n  // Calculate new values\r\n  const newLightness = Math.max(color.lightness - LIGHTNESS_DEPTH, MIN_LIGHTNESS);\r\n  const newChroma = Math.min(color.chroma * CHROMA_BOOST, MAX_CHROMA);\r\n\r\n  // Maintain original hue for color harmony\r\n  return new JBColor(\r\n    {\r\n      lightness: Number(newLightness.toFixed(3)),\r\n      chroma: Number(newChroma.toFixed(3)),\r\n      hue: color.hue\r\n    },\r\n    `${color.variableName!}-contrast`\r\n  );\r\n}\r\n\r\nexport function createColorGroup(color: JBColor): JBColorGroup {\r\n  return {\r\n    main: color,\r\n    hover: getHoverColor(color),\r\n    pressed: getPressedColor(color),\r\n    light: getLighterColor(color),\r\n    dark: getDarkerColor(color),\r\n    subtle: getSubtleColor(color),\r\n    contrast: getContrastColor(color)\r\n  }\r\n}","import { JBColor } from \"./jb-color\";\r\nimport type { JBThemeColors } from \"./types\";\r\nimport { getNeutralColor, createColorGroup } from \"./utils\";\r\n\r\nconst primary = new JBColor({lightness:0.6,chroma:0.26,hue:256},'--jb-primary');\r\nconst secondary = new JBColor({lightness:0.6,chroma:0.26,hue:286},'--jb-secondary');\r\nconst yellow = new JBColor({lightness:0.75,chroma:0.18,hue:70},'--jb-yellow');\r\nconst green = new JBColor({lightness:0.68,chroma:0.1484,hue:162.1},'--jb-green');\r\nconst red = new JBColor({lightness:0.6,chroma:0.22,hue:23.21},'--jb-red');\r\n\r\nexport const defaultColors:JBThemeColors = {\r\n  single:{\r\n    black: new JBColor({lightness:0.14,chroma:0,hue:0},'--jb-black'),\r\n    white: new JBColor({lightness:1,chroma:0,hue:0},'--jb-white'),\r\n    highlight:new JBColor({lightness:0.93,chroma:0.2302,hue:125.18},'--jb-highlight'),\r\n  },\r\n  neutral: [getNeutralColor(0),getNeutralColor(1),getNeutralColor(2),getNeutralColor(3),getNeutralColor(4),getNeutralColor(5),getNeutralColor(6),getNeutralColor(7),getNeutralColor(8),getNeutralColor(9),getNeutralColor(10)],\r\n  primary:createColorGroup(primary),\r\n  secondary:createColorGroup(secondary),\r\n  yellow:createColorGroup(yellow),\r\n  green:createColorGroup(green),\r\n  red:createColorGroup(red),\r\n} as const;\r\n\r\n","export type PropertyDefinitionParameter = PropertyDefinition & {\r\n  value?: string,\r\n}\r\n\r\nexport function registerCssProperty(parameter: PropertyDefinitionParameter) {\r\n  try {\r\n    const { value, ...rest } = parameter;\r\n    if (typeof window.CSS.registerProperty == \"function\") {\r\n      window.CSS.registerProperty({\r\n        ...rest\r\n      });\r\n    }\r\n    setCssProperty(parameter.name, value);\r\n  } catch (e) {\r\n    // if property is already defined or any other type of error\r\n  }\r\n}\r\n\r\nexport function setCssProperty(name: string, value?: string) {\r\n  try {\r\n    if (value) {\r\n      if (!document.documentElement.style.getPropertyValue(name)) {\r\n        document.documentElement.style.setProperty(name, value);\r\n      }\r\n    }\r\n  } catch (e) {\r\n    //\r\n  }\r\n}","function e(e, t, o, n = {}) {\n\tdocument.addEventListener(t, (t) => {\n\t\tt.composedPath().includes(e) && (t.stopPropagation(), t.stopImmediatePropagation(), o(t));\n\t}, {\n\t\tcapture: !0,\n\t\t...n\n\t});\n}\nfunction t(e, t, o) {\n\tconst n = {\n\t\taltKey: t.altKey,\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcode: t.code,\n\t\tcomposed: t.composed,\n\t\tctrlKey: t.ctrlKey,\n\t\tdetail: t.detail,\n\t\tisComposing: t.isComposing,\n\t\tkey: t.key,\n\t\tlocation: t.location,\n\t\tmetaKey: t.metaKey,\n\t\trepeat: t.repeat,\n\t\tshiftKey: t.shiftKey,\n\t\tview: t.view,\n\t\tcharCode: t.charCode,\n\t\tkeyCode: t.keyCode,\n\t\twhich: t.which,\n\t\t...o\n\t};\n\treturn new KeyboardEvent(e, n);\n}\nfunction o(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tisComposing: t.isComposing,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\tdata: t.data,\n\t\tdataTransfer: t.dataTransfer,\n\t\tinputType: t.inputType,\n\t\ttargetRanges: \"function\" == typeof t.getTargetRanges ? t.getTargetRanges() : [],\n\t\t...o\n\t};\n\treturn new InputEvent(e, n);\n}\nfunction n(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\taltKey: t.altKey,\n\t\tbutton: t.button,\n\t\tbuttons: t.buttons,\n\t\tclientX: t.clientX,\n\t\tclientY: t.clientY,\n\t\tctrlKey: t.ctrlKey,\n\t\tmetaKey: t.metaKey,\n\t\tshiftKey: t.shiftKey,\n\t\tmovementX: t.movementX,\n\t\tmovementY: t.movementY,\n\t\tscreenX: t.screenX,\n\t\tscreenY: t.screenY,\n\t\trelatedTarget: t.relatedTarget,\n\t\tmodifierAltGraph: t.getModifierState(\"AltGraph\"),\n\t\tmodifierCapsLock: t.getModifierState(\"CapsLock\"),\n\t\tmodifierFn: t.getModifierState(\"Fn\"),\n\t\tmodifierFnLock: t.getModifierState(\"FnLock\"),\n\t\tmodifierHyper: t.getModifierState(\"Hyper\"),\n\t\tmodifierNumLock: t.getModifierState(\"NumLock\"),\n\t\tmodifierScrollLock: t.getModifierState(\"ScrollLock\"),\n\t\tmodifierSuper: t.getModifierState(\"Super\"),\n\t\tmodifierSymbol: t.getModifierState(\"Symbol\"),\n\t\tmodifierSymbolLock: t.getModifierState(\"SymbolLock\"),\n\t\t...o\n\t};\n\treturn new MouseEvent(e, n);\n}\nfunction i(e, t, o) {\n\tconst n = {\n\t\tbubbles: t.bubbles,\n\t\tcancelable: t.cancelable,\n\t\tcomposed: t.composed,\n\t\tdetail: t.detail,\n\t\tview: t.view,\n\t\twhich: t.which,\n\t\trelatedTarget: t.relatedTarget,\n\t\t...o\n\t};\n\treturn new FocusEvent(e, n);\n}\nconst r = () => /Mobi/i.test(window.navigator.userAgent);\nfunction a(e) {\n\treturn \"string\" != typeof e ? \"\" : e.replace(/[۰-۹]/g, function(e) {\n\t\treturn String.fromCharCode(e.charCodeAt(0) - 1728);\n\t});\n}\nfunction c(e) {\n\treturn \"string\" != typeof e && isNaN(e) ? \"\" : e.toString().replace(/[0-9]/g, function(e) {\n\t\treturn String.fromCharCode(e.charCodeAt(0) + 1728);\n\t});\n}\nfunction l(e, t = document) {\n\tconst o = new CSSStyleSheet();\n\treturn o.replaceSync(e), t.adoptedStyleSheets.push(o), o;\n}\nfunction d(e = \"\") {\n\treturn crypto?.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n}\nfunction s(e, t = !1) {\n\treturn null === e ? t : \"\" === e || \"true\" === e.toLowerCase() || \"false\" !== e.toLowerCase() && Boolean(e);\n}\nexport { i as createFocusEvent, o as createInputEvent, t as createKeyboardEvent, n as createMouseEvent, c as enToFaDigits, a as faToEnDigits, l as injectCss, r as isMobile, e as listenAndSilentEvent, s as parseBooleanAttribute, d as uniqueId };\n\n//# sourceMappingURL=index.js.map","import { registerCssProperty } from \"../utils\";\r\nimport type { JBColor } from \"./jb-color\";\r\nimport { uniqueId } from \"jb-core\";\r\nimport type { JBColorGroup, JBThemeColors } from \"./types\";\r\n\r\nfunction defineColor(color:JBColor , name?:string){\r\nregisterCssProperty({\r\n    name: name??color.variableName??`--${uniqueId()}`,\r\n    syntax: \"<color>\",\r\n    inherits: true,\r\n    initialValue: color.value,\r\n  });\r\n}\r\nfunction defineColorGroup(group:JBColorGroup){\r\n  defineColor(group.main);\r\n  defineColor(group.dark);\r\n  defineColor(group.light);\r\n  defineColor(group.contrast);\r\n  defineColor(group.hover);\r\n  defineColor(group.pressed);\r\n  defineColor(group.subtle);\r\n}\r\nexport function defineColorCodes(colors:JBThemeColors){\r\n  defineColor(colors.neutral[0],'--jb-neutral');\r\n  defineColorGroup(colors.primary);\r\n  defineColorGroup(colors.secondary);\r\n  defineColorGroup(colors.red);\r\n  defineColorGroup(colors.red);\r\n  defineColorGroup(colors.green);\r\n  defineColorGroup(colors.yellow);\r\n  defineColor(colors.single.black);\r\n  defineColor(colors.single.white);\r\n  defineColor(colors.single.highlight);\r\n  for(let i=1;i<=10;i++){\r\n    defineColor(colors.neutral[i])\r\n  }\r\n}\r\n\r\nexport function defineTextColors(colors:JBThemeColors) {\r\n  defineColor(colors.single.black, \"--jb-text-primary\");\r\n  defineColor(colors.neutral[7], \"--jb-text-secondary\");\r\n  defineColor(colors.single.white, \"--jb-text-contrast\");\r\n}\r\n","import { defaultColors } from \"./constants\";\r\nimport { defineColorCodes, defineTextColors } from \"./define-colors\";\r\nimport { JBColor } from \"./jb-color\";\r\nimport type { ColorGroupsKey, JBColorGroup, JBThemeColors, OklchParams } from \"./types\";\r\nimport { createColorGroup } from \"./utils\";\r\nexport * from './utils';\r\nexport * from \"./jb-color\";\r\nexport * from \"./types\";\r\n\r\n\r\nexport { defaultColors };\r\n\r\nexport function defineColors() {\r\n  defineColorCodes(defaultColors);\r\n  defineTextColors(defaultColors);\r\n}\r\n\r\n\r\nexport type SetThemeColorParameter = {[key in ColorGroupsKey]?:JBColorGroup}\r\nexport function setColors(colors: SetThemeColorParameter) {\r\n  function setColor(color: JBColor) {\r\n    document.documentElement.style.setProperty(color.variableName as string, color.value);\r\n  }\r\n  function setColorGroup(group:JBColorGroup){\r\n    setColor(group.main);\r\n    setColor(group.light);\r\n    setColor(group.dark);\r\n    setColor(group.contrast);\r\n    setColor(group.subtle);\r\n    setColor(group.hover);\r\n    setColor(group.pressed);\r\n  }\r\n  colors.primary && setColorGroup(colors.primary);\r\n  colors.secondary && setColorGroup(colors.secondary);\r\n  colors.green && setColorGroup(colors.green);\r\n  colors.red && setColorGroup(colors.red);\r\n  colors.yellow && setColorGroup(colors.yellow);\r\n}\r\n\r\nexport type CreateThemeColorParameter = {[key in ColorGroupsKey]?:OklchParams}\r\n\r\nexport function createThemeColor(parameter: CreateThemeColorParameter): Partial<JBThemeColors> {\r\n  const themeColors: Partial<JBThemeColors> = {};\r\n  Object.keys(parameter).forEach((key: string) => {\r\n    const baseColor = new JBColor(parameter[key as ColorGroupsKey]!, `---jb-${key}`);\r\n    const colorGroup = createColorGroup(baseColor);\r\n    themeColors[key as ColorGroupsKey] = colorGroup;\r\n  });\r\n  return themeColors;\r\n}","import { registerCssProperty } from \"../utils.js\";\n\nexport function defineSizes() {\n  defineRadiusVariables();\n  defineControlHeightVariables();\n}\nfunction defineRadiusVariables() {\n  // we use px instead of rem because css variables are not support rem as default value and we need to set rem value in a root element\n  registerCssProperty({\n    name: \"--jb-radius\",\n    inherits: true,\n    value: \"1rem\",\n    // it define in @property so it should remain px not rem\n    initialValue: \"16px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-radius-xs\",\n    inherits: true,\n    value: `0.5rem`,\n    initialValue: \"8px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-radius-sm\",\n    inherits: true,\n    value: `0.75rem`,\n    initialValue: \"12px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-radius-lg\",\n    inherits: true,\n    value: `1.25rem`,\n    initialValue: \"20px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-radius-xl\",\n    inherits: true,\n    value: `1.5rem`,\n    initialValue: \"24px\",\n    syntax: \"<length-percentage>\",\n  });\n}\n\nfunction defineControlHeightVariables() {\n  registerCssProperty({\n    name: \"--jb-control-height-xs\",\n    inherits: true,\n    value: \"1.5rem\",\n    initialValue: \"24px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-control-height-sm\",\n    inherits: true,\n    value: \"2rem\",\n    initialValue: \"32px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-control-height-md\",\n    inherits: true,\n    value: \"2.5rem\",\n    initialValue: \"40px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-control-height-lg\",\n    inherits: true,\n    value: \"3rem\",\n    initialValue: \"48px\",\n    syntax: \"<length-percentage>\",\n  });\n  registerCssProperty({\n    name: \"--jb-control-height-xl\",\n    inherits: true,\n    value: \"4rem\",\n    initialValue: \"64px\",\n    syntax: \"<length-percentage>\",\n  });\n}\n","import { defineColors } from \"./color/index.js\";\r\nimport { defineSizes } from \"./sizes/index.js\";\r\n\r\nexport function registerDefaultVariables() {\r\n  defineSizes();\r\n  defineColors();\r\n}"],"mappings":"AAEA,IAAa,IAAb,MAAA;CAKE,IAAA,QAAI;EACF,OAAO,SAAS,KAAK,UAAA,GAAa,KAAK,OAAA,GAAU,KAAK,IAAA;CACxD;CACA,YAAY,GAAyB,GAAA;EACnC,KAAK,eAAe,GACpB,KAAK,YAAY,EAAY,WAC7B,KAAK,SAAS,EAAY,QAC1B,KAAK,MAAM,EAAY;CACzB;AAAA;ACTF,SAAgB,EAAgB,GAAA;CAC9B,OAAO,IAAI,EAAQ;EAAE,WAAY,KAAK,IAAY,MAAR,KAAgB;EAAM,QAAgC,QAAvB,KAAc,MAAR;EAAwB,KAAK;CAAA,GAAU,gBAAgB,GAAA;AACxI;AACA,SAAgB,EAAc,GAAA;CAC5B,OAAO,IAAI,EAAQ;EAAE,WAAW,EAAM,YAAY;EAAM,QAAQ,EAAM,SAAS;EAAM,KAAK,EAAM;CAAA,GAAQ,GAAG,EAAM,aAAA,OAAA;AACnH;AACA,SAAgB,EAAgB,GAAA;CAC9B,OAAO,IAAI,EAAQ;EAAE,WAAW,EAAM,YAAY;EAAK,QAAQ,EAAM,SAAS;EAAM,KAAK,EAAM;CAAA,GAAQ,GAAG,EAAM,aAAA,SAAA;AAClH;AAEA,SAAgB,EAAgB,GAAA;CAE9B,MAAM,IAAO,KAAK,IAAI,EAAM,YAAY,OAAQ,IAAI,EAAM,YAAY,IAAA,GAGhE,IAAO,EAAM,UAAU,IAAI,OAAQ,IAAO,EAAM;CAEtD,OAAO,IAAI,EAAQ;EAAE,WAAW;EAAM,QAAQ,OAAO,EAAK,QAAQ,CAAA,CAAA;EAAK,KAAK,EAAM;CAAA,GAAO,GAAG,EAAM,aAAA,GAAA;AACpG;AAEA,SAAgB,EAAe,GAAA;CAE7B,MAAM,IAAO,KAAK,IAAI,EAAM,YAAY,MAAO,EAAM,WAAW,GAAA;CAKhE,OAAO,IAAI,EAAQ;EAAE,WAAW;EAAM,QAFzB,EAAM,UAAU,IAAI,OAAQ,IAAO,EAAM;EAEF,KAAK,EAAM;CAAA,GAAO,GAAG,EAAM,aAAA,GAAA;AACjF;AACA,SAAgB,EAAe,GAAA;CAE7B,MAAM,IAAO,KAAK,IAAI,EAAM,YAAY,OAAQ,IAAI,EAAM,YAAY,GAAA,GAGhE,IAAsB,MAAf,EAAM,UAAiB,IAAI,OAAQ,IAAO,EAAM,aAGvD,IAAW,EAAM,OAAO,MAAM,EAAM,OAAO,MAAM,IAAA,IACjD,IAAS,EAAM,MAAM;CAE3B,OAAO,IAAI,EACT;EAAE,WAAW;EAAM,QAAQ,OAAO,EAAK,QAAQ,CAAA,CAAA;EAAK,KAAK;CAAA,GACzD,GAAG,EAAM,aAAA,QAAA;AAEb;AAKA,SAAgB,EAAiB,GAAA;CAE/B,MAMM,IAAe,KAAK,IAAI,EAAM,YANZ,KAEF,GAAA,GAKhB,IAAY,KAAK,IANF,MAMM,EAAM,QAJd,GAAA;CAOnB,OAAO,IAAI,EACT;EACE,WAAW,OAAO,EAAa,QAAQ,CAAA,CAAA;EACvC,QAAQ,OAAO,EAAU,QAAQ,CAAA,CAAA;EACjC,KAAK,EAAM;CAAA,GAEb,GAAG,EAAM,aAAA,UAAA;AAEb;AAEA,SAAgB,EAAiB,GAAA;CAC/B,OAAO;EACL,MAAM;EACN,OAAO,EAAc,CAAA;EACrB,SAAS,EAAgB,CAAA;EACzB,OAAO,EAAgB,CAAA;EACvB,MAAM,EAAe,CAAA;EACrB,QAAQ,EAAe,CAAA;EACvB,UAAU,EAAiB,CAAA;CAAA;AAE/B;ACnFA,MAAM,IAAU,IAAI,EAAQ;CAAC,WAAU;CAAI,QAAO;CAAK,KAAI;AAAA,GAAK,cAAA,GAC1D,IAAY,IAAI,EAAQ;CAAC,WAAU;CAAI,QAAO;CAAK,KAAI;AAAA,GAAK,gBAAA,GAC5D,IAAS,IAAI,EAAQ;CAAC,WAAU;CAAK,QAAO;CAAK,KAAI;AAAA,GAAI,aAAA,GACzD,IAAQ,IAAI,EAAQ;CAAC,WAAU;CAAK,QAAO;CAAO,KAAI;AAAA,GAAO,YAAA,GAC7D,IAAM,IAAI,EAAQ;CAAC,WAAU;CAAI,QAAO;CAAK,KAAI;AAAA,GAAO,UAAA,GAEjD,IAA8B;CACzC,QAAO;EACL,OAAO,IAAI,EAAQ;GAAC,WAAU;GAAK,QAAO;GAAE,KAAI;EAAA,GAAG,YAAA;EACnD,OAAO,IAAI,EAAQ;GAAC,WAAU;GAAE,QAAO;GAAE,KAAI;EAAA,GAAG,YAAA;EAChD,WAAU,IAAI,EAAQ;GAAC,WAAU;GAAK,QAAO;GAAO,KAAI;EAAA,GAAQ,gBAAA;CAAA;CAElE,SAAS;EAAC,EAAgB,CAAA;EAAG,EAAgB,CAAA;EAAG,EAAgB,CAAA;EAAG,EAAgB,CAAA;EAAG,EAAgB,CAAA;EAAG,EAAgB,CAAA;EAAG,EAAgB,CAAA;EAAG,EAAgB,CAAA;EAAG,EAAgB,CAAA;EAAG,EAAgB,CAAA;EAAG,EAAgB,EAAA;CAAA;CACxN,SAAQ,EAAiB,CAAA;CACzB,WAAU,EAAiB,CAAA;CAC3B,QAAO,EAAiB,CAAA;CACxB,OAAM,EAAiB,CAAA;CACvB,KAAI,EAAiB,CAAA;AAAA;ACjBvB,SAAgB,EAAoB,GAAA;CAClC,IAAA;EACE,MAAA,EAAM,OAAE,GAAA,GAAU,MAAS;EACe,cAAA,OAA/B,OAAO,IAAI,oBACpB,OAAO,IAAI,iBAAiB,EAAA,GACvB,EAAA,CAAA,GAGP,EAAe,EAAU,MAAM,CAAA;CACjC,SAAS,GAAA,CAET;AACF;AAEA,SAAgB,EAAe,GAAc,GAAA;CAC3C,IAAA;EACM,MACG,SAAS,gBAAgB,MAAM,iBAAiB,CAAA,KACnD,SAAS,gBAAgB,MAAM,YAAY,GAAM,CAAA;CAGvD,SAAS,GAAA,CAET;AACF;ACmFA,SAAS,EAAE,IAAI,IAAA;CACd,OAAO,QAAQ,aAAa,GAAG,EAAA,GAAK,OAAO,WAAA,MAAiB,GAAG,EAAA,GAAK,KAAK,IAAA,EAAA,GAAS,KAAK,OAAA,CAAA,CAAS,SAAS,EAAA,CAAA,CAAI,MAAM,CAAA;AACpH;AC5GA,SAAS,EAAY,GAAgB,GAAA;CACrC,EAAoB;EAChB,MAAM,KAAM,EAAM,gBAAc,KAAKA,EAAAA;EACrC,QAAQ;EACR,UAAA,CAAU;EACV,cAAc,EAAM;CAAA,CAAA;AAExB;AACA,SAAS,EAAiB,GAAA;CACxB,EAAY,EAAM,IAAA,GAClB,EAAY,EAAM,IAAA,GAClB,EAAY,EAAM,KAAA,GAClB,EAAY,EAAM,QAAA,GAClB,EAAY,EAAM,KAAA,GAClB,EAAY,EAAM,OAAA,GAClB,EAAY,EAAM,MAAA;AACpB;ACTA,SAAgB,IAAA;CD0BhB,IAAiC;CAAA,CAhBjC,SAAiC,GAAA;EAC/B,EAAY,EAAO,QAAQ,IAAG,cAAA,GAC9B,EAAiB,EAAO,OAAA,GACxB,EAAiB,EAAO,SAAA,GACxB,EAAiB,EAAO,GAAA,GACxB,EAAiB,EAAO,GAAA,GACxB,EAAiB,EAAO,KAAA,GACxB,EAAiB,EAAO,MAAA,GACxB,EAAY,EAAO,OAAO,KAAA,GAC1B,EAAY,EAAO,OAAO,KAAA,GAC1B,EAAY,EAAO,OAAO,SAAA;EAC1B,KAAI,IAAI,IAAE,GAAE,KAAG,IAAG,KAChB,EAAY,EAAO,QAAQ,EAAA;CAE/B,ECvBE,CAAiB,CAAA,GD0BjB,GAD+B,ICxBd,EAAA,CDyBE,OAAO,OAAO,mBAAA,GACjC,EAAY,EAAO,QAAQ,IAAI,qBAAA,GAC/B,EAAY,EAAO,OAAO,OAAO,oBAAA;AC1BnC;AAIA,SAAgB,EAAU,GAAA;CACxB,SAAS,EAAS,GAAA;EAChB,SAAS,gBAAgB,MAAM,YAAY,EAAM,cAAwB,EAAM,KAAA;CACjF;CACA,SAAS,EAAc,GAAA;EACrB,EAAS,EAAM,IAAA,GACf,EAAS,EAAM,KAAA,GACf,EAAS,EAAM,IAAA,GACf,EAAS,EAAM,QAAA,GACf,EAAS,EAAM,MAAA,GACf,EAAS,EAAM,KAAA,GACf,EAAS,EAAM,OAAA;CACjB;CACA,EAAO,WAAW,EAAc,EAAO,OAAA,GACvC,EAAO,aAAa,EAAc,EAAO,SAAA,GACzC,EAAO,SAAS,EAAc,EAAO,KAAA,GACrC,EAAO,OAAO,EAAc,EAAO,GAAA,GACnC,EAAO,UAAU,EAAc,EAAO,MAAA;AACxC;AAIA,SAAgB,EAAiB,GAAA;CAC/B,MAAM,IAAsC,CAAC;CAM7C,OALA,OAAO,KAAK,CAAA,CAAA,CAAW,SAAS,MAAA;EAG9B,EAAY,KADO,EAAiB,IADd,EAAQ,EAAU,IAAyB,SAAS,GAAA,CAAA;CAAA,CAAA,GAIrE;AACT;AC/CA,SAAgB,IAAA;CAMd,EAAoB;EAClB,MAAM;EACN,UAAA,CAAU;EACV,OAAO;EAEP,cAAc;EACd,QAAQ;CAAA,CAAA,GAEV,EAAoB;EAClB,MAAM;EACN,UAAA,CAAU;EACV,OAAO;EACP,cAAc;EACd,QAAQ;CAAA,CAAA,GAEV,EAAoB;EAClB,MAAM;EACN,UAAA,CAAU;EACV,OAAO;EACP,cAAc;EACd,QAAQ;CAAA,CAAA,GAEV,EAAoB;EAClB,MAAM;EACN,UAAA,CAAU;EACV,OAAO;EACP,cAAc;EACd,QAAQ;CAAA,CAAA,GAEV,EAAoB;EAClB,MAAM;EACN,UAAA,CAAU;EACV,OAAO;EACP,cAAc;EACd,QAAQ;CAAA,CAAA,GAKV,EAAoB;EAClB,MAAM;EACN,UAAA,CAAU;EACV,OAAO;EACP,cAAc;EACd,QAAQ;CAAA,CAAA,GAEV,EAAoB;EAClB,MAAM;EACN,UAAA,CAAU;EACV,OAAO;EACP,cAAc;EACd,QAAQ;CAAA,CAAA,GAEV,EAAoB;EAClB,MAAM;EACN,UAAA,CAAU;EACV,OAAO;EACP,cAAc;EACd,QAAQ;CAAA,CAAA,GAEV,EAAoB;EAClB,MAAM;EACN,UAAA,CAAU;EACV,OAAO;EACP,cAAc;EACd,QAAQ;CAAA,CAAA,GAEV,EAAoB;EAClB,MAAM;EACN,UAAA,CAAU;EACV,OAAO;EACP,cAAc;EACd,QAAQ;CAAA,CAAA;AA3EZ;ACFA,SAAgB,IAAA;CACd,EAAA,GACA,EAAA;AACF;AAAA,SAAA,KAAA,SAAA,KAAA,kBAAA,KAAA,kBAAA,KAAA,eAAA,KAAA,cAAA,KAAA,aAAA,KAAA,kBAAA,KAAA,gBAAA,KAAA,eAAA,KAAA,iBAAA,KAAA,iBAAA,KAAA,iBAAA,KAAA,gBAAA,KAAA,qBAAA,KAAA,0BAAA,KAAA,WAAA,KAAA"}

package/theme/dist/index.umd.js

@@ -39,7 +39,7 @@
 			hue: e.hue
 		}, `${e.variableName}-l`);
 	}
-	function s(e) {
+	function l(e) {
 		const n = Math.max(e.lightness - .12 * e.lightness, .02);
 		return new t({
 			lightness: n,
@@ -47,7 +47,7 @@
 			hue: e.hue
 		}, `${e.variableName}-d`);
 	}
-	function o(e) {
+	function s(e) {
 		const n = Math.min(e.lightness + .65 * (1 - e.lightness), .93), r = .55 * e.chroma * (1 - .08 * (n - e.lightness)), i = e.hue >= 70 && e.hue <= 162 ? 5 : -3, a = e.hue + i;
 		return new t({
 			lightness: n,
@@ -55,7 +55,7 @@
 			hue: a
 		}, `${e.variableName}-subtle`);
 	}
-	function l(e) {
+	function o(e) {
 		const n = Math.max(e.lightness - .35, .22), r = Math.min(1.6 * e.chroma, .28);
 		return new t({
 			lightness: Number(n.toFixed(3)),
@@ -69,9 +69,9 @@
 			hover: r(e),
 			pressed: i(e),
 			light: a(e),
-			dark: s(e),
-			subtle: o(e),
-			contrast: l(e)
+			dark: l(e),
+			subtle: s(e),
+			contrast: o(e)
 		};
 	}
 	const u = new t({
@@ -82,11 +82,11 @@
 		lightness: .6,
 		chroma: .26,
 		hue: 286
-	}, "--jb-secondary"), m = new t({
+	}, "--jb-secondary"), g = new t({
 		lightness: .75,
 		chroma: .18,
 		hue: 70
-	}, "--jb-yellow"), g = new t({
+	}, "--jb-yellow"), m = new t({
 		lightness: .68,
 		chroma: .1484,
 		hue: 162.1
@@ -127,41 +127,41 @@
 		],
 		primary: h(u),
 		secondary: h(c),
-		yellow: h(m),
-		green: h(g),
+		yellow: h(g),
+		green: h(m),
 		red: h(d)
 	};
 	function y(e) {
 		try {
 			const { value: t, ...n } = e;
-			"function" == typeof window.CSS.registerProperty && window.CSS.registerProperty({ ...n }), f(e.name, t);
+			"function" == typeof window.CSS.registerProperty && window.CSS.registerProperty({ ...n }), p(e.name, t);
 		} catch (e) {}
 	}
-	function f(e, t) {
+	function p(e, t) {
 		try {
 			t && (document.documentElement.style.getPropertyValue(e) || document.documentElement.style.setProperty(e, t));
 		} catch (e) {}
 	}
-	function p(e = "") {
+	function f(e = "") {
 		return crypto?.randomUUID ? `${e}-${crypto.randomUUID()}` : `${e}-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 	}
-	function w(e, t) {
+	function x(e, t) {
 		y({
-			name: t ?? e.variableName ?? `--${p()}`,
+			name: t ?? e.variableName ?? `--${f()}`,
 			syntax: "<color>",
 			inherits: !0,
 			initialValue: e.value
 		});
 	}
 	function v(e) {
-		w(e.main), w(e.dark), w(e.light), w(e.contrast), w(e.hover), w(e.pressed), w(e.subtle);
+		x(e.main), x(e.dark), x(e.light), x(e.contrast), x(e.hover), x(e.pressed), x(e.subtle);
 	}
-	function x() {
+	function w() {
 		var e;
 		(function(e) {
-			w(e.neutral[0], "--jb-neutral"), v(e.primary), v(e.secondary), v(e.red), v(e.red), v(e.green), v(e.yellow), w(e.single.black), w(e.single.white), w(e.single.highlight);
-			for (let t = 1; t <= 10; t++) w(e.neutral[t]);
-		})(b), w((e = b).single.black, "--jb-text-primary"), w(e.neutral[7], "--jb-text-secondary"), w(e.single.white, "--jb-text-contrast");
+			x(e.neutral[0], "--jb-neutral"), v(e.primary), v(e.secondary), v(e.red), v(e.red), v(e.green), v(e.yellow), x(e.single.black), x(e.single.white), x(e.single.highlight);
+			for (let t = 1; t <= 10; t++) x(e.neutral[t]);
+		})(b), x((e = b).single.black, "--jb-text-primary"), x(e.neutral[7], "--jb-text-secondary"), x(e.single.white, "--jb-text-contrast");
 	}
 	function j() {
 		y({
@@ -194,6 +194,36 @@
 			value: "1.5rem",
 			initialValue: "24px",
 			syntax: "<length-percentage>"
+		}), y({
+			name: "--jb-control-height-xs",
+			inherits: !0,
+			value: "1.5rem",
+			initialValue: "24px",
+			syntax: "<length-percentage>"
+		}), y({
+			name: "--jb-control-height-sm",
+			inherits: !0,
+			value: "2rem",
+			initialValue: "32px",
+			syntax: "<length-percentage>"
+		}), y({
+			name: "--jb-control-height-md",
+			inherits: !0,
+			value: "2.5rem",
+			initialValue: "40px",
+			syntax: "<length-percentage>"
+		}), y({
+			name: "--jb-control-height-lg",
+			inherits: !0,
+			value: "3rem",
+			initialValue: "48px",
+			syntax: "<length-percentage>"
+		}), y({
+			name: "--jb-control-height-xl",
+			inherits: !0,
+			value: "4rem",
+			initialValue: "64px",
+			syntax: "<length-percentage>"
 		});
 	}
 	e.JBColor = t, e.createColorGroup = h, e.createThemeColor = function(e) {
@@ -201,8 +231,8 @@
 		return Object.keys(e).forEach((r) => {
 			n[r] = h(new t(e[r], `---jb-${r}`));
 		}), n;
-	}, e.defaultColors = b, e.defineColors = x, e.defineSizes = j, e.getContrastColor = l, e.getDarkerColor = s, e.getHoverColor = r, e.getLighterColor = a, e.getNeutralColor = n, e.getPressedColor = i, e.getSubtleColor = o, e.registerCssProperty = y, e.registerDefaultVariables = function() {
-		j(), x();
+	}, e.defaultColors = b, e.defineColors = w, e.defineSizes = j, e.getContrastColor = o, e.getDarkerColor = l, e.getHoverColor = r, e.getLighterColor = a, e.getNeutralColor = n, e.getPressedColor = i, e.getSubtleColor = s, e.registerCssProperty = y, e.registerDefaultVariables = function() {
+		j(), w();
 	}, e.setColors = function(e) {
 		function t(e) {
 			document.documentElement.style.setProperty(e.variableName, e.value);
@@ -211,7 +241,7 @@
 			t(e.main), t(e.light), t(e.dark), t(e.contrast), t(e.subtle), t(e.hover), t(e.pressed);
 		}
 		e.primary && n(e.primary), e.secondary && n(e.secondary), e.green && n(e.green), e.red && n(e.red), e.yellow && n(e.yellow);
-	}, e.setCssProperty = f;
+	}, e.setCssProperty = p;
 });
 
 //# sourceMappingURL=index.umd.js.map