@solibo/solibo-ui 1.0.7 → 1.0.9

package/dist/{index-oL8GYbhj.cjs.map → index-BPIK2dxs.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-oL8GYbhj.cjs","sources":["../src/components/select/sanitize-select-props.ts","../src/lib/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/lib/color';\nimport { useTouched } from '@/lib/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && styles.touched)}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","restSelectProps","withVars","iconSVG","replace","selectElement","jsxs","cx","select","jsx","required","undefined"],"mappings":"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"}
+{"version":3,"file":"index-BPIK2dxs.cjs","sources":["../src/components/select/sanitize-select-props.ts","../src/lib/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/lib/color';\nimport { useTouched } from '@/lib/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && styles.touched)}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","restSelectProps","withVars","iconSVG","replace","selectElement","jsxs","cx","select","jsx","required","undefined"],"mappings":"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"}

package/dist/{index-CMfR_USP.js → index-C_YiNpZP.js}

@@ -6,10 +6,10 @@ import './assets/index51.css';const w = /* @__PURE__ */ new Set(["aria-activedes
 function C(n) {
   return Object.fromEntries(Object.entries(n).filter(([e]) => e.startsWith("data-") || e.startsWith("aria-") || w.has(e)));
 }
-const S = /^--[\w-]+$/, _ = /^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/, P = /* @__PURE__ */ new Set(["currentcolor", "inherit", "initial", "revert", "revert-layer", "unset"]), l = typeof document < "u" ? document.createElement("span") : null;
+const S = /^--[\w-]+$/, _ = /^var\(\s*(--[\w-]+)\s*(?:,\s*(.+))?\)$/, x = /* @__PURE__ */ new Set(["currentcolor", "inherit", "initial", "revert", "revert-layer", "unset"]), l = typeof document < "u" ? document.createElement("span") : null;
 function h(n) {
   const e = n.trim();
-  if (!e || !l || P.has(e.toLowerCase()))
+  if (!e || !l || x.has(e.toLowerCase()))
     return e;
   const a = document.body ?? document.documentElement;
   if (!a || (l.style.color = e, !l.style.color))
@@ -18,7 +18,7 @@ function h(n) {
   const r = getComputedStyle(l).color.trim();
   return l.remove(), r || e;
 }
-function z(n, e = "currentColor") {
+function P(n, e = "currentColor") {
   var i;
   if (typeof document > "u")
     return e;
@@ -36,10 +36,10 @@ function z(n, e = "currentColor") {
   }
   return h(e);
 }
-const V = "_select_u6sz6_3", g = "_touched_u6sz6_23", x = "_label_u6sz6_28", u = {
+const V = "_select_1n2ax_3", g = "_touched_1n2ax_23", E = "_label_1n2ax_28", u = {
   select: V,
   touched: g,
-  label: x
+  label: E
 }, K = ({
   children: n,
   label: e,
@@ -54,7 +54,7 @@ const V = "_select_u6sz6_3", g = "_touched_u6sz6_23", x = "_label_u6sz6_28", u =
     ...c
   } = o, f = {
     ...s,
-    "--icon-svg": b("chevron").replace("currentColor", z("--colors-semantic-content-secondary"))
+    "--icon-svg": b("chevron").replace("currentColor", P("--colors-semantic-content-secondary"))
   }, d = /* @__PURE__ */ m("select", { className: y(u.select, t && u.touched), onBlur: i, style: f, ...c, children: [
     a && /* @__PURE__ */ p("option", { value: "", hidden: !0, children: a }, "placeholder"),
     n
@@ -66,7 +66,7 @@ const V = "_select_u6sz6_3", g = "_touched_u6sz6_23", x = "_label_u6sz6_28", u =
 };
 export {
   K as S,
-  z as r,
+  P as r,
   C as s
 };
-//# sourceMappingURL=index-CMfR_USP.js.map
+//# sourceMappingURL=index-C_YiNpZP.js.map

package/dist/{index-CMfR_USP.js.map → index-C_YiNpZP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CMfR_USP.js","sources":["../src/components/select/sanitize-select-props.ts","../src/lib/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/lib/color';\nimport { useTouched } from '@/lib/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && styles.touched)}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","restSelectProps","withVars","iconSVG","replace","selectElement","jsxs","cx","select","jsx","required","undefined"],"mappings":"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"}
+{"version":3,"file":"index-C_YiNpZP.js","sources":["../src/components/select/sanitize-select-props.ts","../src/lib/color.ts","../src/components/select/index.tsx"],"sourcesContent":["const selectKeys = new Set([\n  'aria-activedescendant',\n  'aria-autocomplete',\n  'aria-busy',\n  'aria-controls',\n  'aria-describedby',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-live',\n  'aria-owns',\n  'aria-required',\n  'aria-roledescription',\n  'autoComplete',\n  'autoFocus',\n  'className',\n  'defaultValue',\n  'dir',\n  'disabled',\n  'form',\n  'id',\n  'multiple',\n  'name',\n  'onBlur',\n  'onChange',\n  'onClick',\n  'onFocus',\n  'onInput',\n  'onInvalid',\n  'onKeyDown',\n  'onKeyUp',\n  'onMouseDown',\n  'onMouseUp',\n  'onPointerDown',\n  'onPointerUp',\n  'required',\n  'role',\n  'size',\n  'style',\n  'tabIndex',\n  'title',\n  'value',\n]);\n\nexport function sanitizeSelectProps<T extends Record<string, unknown>>(props: T) {\n  return Object.fromEntries(\n    Object.entries(props).filter(\n      ([key]) => key.startsWith('data-') || key.startsWith('aria-') || selectKeys.has(key)\n    )\n  ) as Partial<T>;\n}\n","const cssVariablePattern = /^--[\\w-]+$/;\nconst cssVariableReferencePattern = /^var\\(\\s*(--[\\w-]+)\\s*(?:,\\s*(.+))?\\)$/;\n\nconst unresolvedColorKeywords = new Set([\n  'currentcolor',\n  'inherit',\n  'initial',\n  'revert',\n  'revert-layer',\n  'unset',\n]);\n\nconst probe = typeof document !== 'undefined' ? document.createElement('span') : null;\n\nfunction normalizeColorValue(input: string): string {\n  const value = input.trim();\n\n  if (!value || !probe || unresolvedColorKeywords.has(value.toLowerCase())) {\n    return value;\n  }\n\n  const mountNode = document.body ?? document.documentElement;\n\n  if (!mountNode) {\n    return value;\n  }\n\n  probe.style.color = value;\n\n  if (!probe.style.color) {\n    return value;\n  }\n\n  mountNode.appendChild(probe);\n\n  const normalized = getComputedStyle(probe).color.trim();\n  probe.remove();\n\n  return normalized || value;\n}\n\nexport function resolveColor(input: `--${string}` | string, fallback = 'currentColor'): string {\n  if (typeof document === 'undefined') {\n    return fallback;\n  }\n\n  const styles = getComputedStyle(document.documentElement);\n  const seen = new Set<string>();\n  let current = input.trim();\n\n  while (current) {\n    const match = current.match(cssVariableReferencePattern);\n    const variableName = match?.[1] ?? (cssVariablePattern.test(current) ? current : null);\n    const nestedFallback = match?.[2]?.trim();\n\n    if (!variableName) {\n      return normalizeColorValue(current);\n    }\n\n    if (seen.has(variableName)) {\n      current = nestedFallback ?? '';\n      continue;\n    }\n\n    seen.add(variableName);\n\n    current = styles.getPropertyValue(variableName).trim() || nestedFallback || '';\n  }\n\n  return normalizeColorValue(fallback);\n}\n","import cx from 'classix';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\nimport { resolveColor } from '@/lib/color';\nimport { useTouched } from '@/lib/use-touched';\n\nimport { sanitizeSelectProps } from './sanitize-select-props';\nimport styles from './styles.module.css';\n\nexport type SelectProps = React.SelectHTMLAttributes<HTMLSelectElement> & {\n  children: React.ReactNode;\n  label?: string;\n  placeholder?: string;\n};\n\ntype withVars = React.CSSProperties & {\n  '--icon-svg'?: string;\n};\n\nexport const Select = ({ children, label, placeholder, ...props }: SelectProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const selectProps = sanitizeSelectProps(props);\n  const { style, ...restSelectProps } = selectProps;\n  const withVars = {\n    ...style,\n    '--icon-svg': iconSVG('chevron').replace(\n      'currentColor',\n      resolveColor('--colors-semantic-content-secondary')\n    ),\n  } satisfies withVars;\n\n  const selectElement = (\n    <select\n      className={cx(styles.select, touched && styles.touched)}\n      onBlur={onBlur}\n      style={withVars}\n      {...restSelectProps}\n    >\n      {placeholder && (\n        <option\n          key='placeholder'\n          value={''}\n          hidden\n        >\n          {placeholder}\n        </option>\n      )}\n      {children}\n    </select>\n  );\n\n  if (!label) {\n    return selectElement;\n  }\n\n  return (\n    <label>\n      <span\n        className={styles.label}\n        data-required={props.required || undefined}\n      >\n        {label}\n      </span>\n      {selectElement}\n    </label>\n  );\n};\n"],"names":["selectKeys","Set","sanitizeSelectProps","props","Object","fromEntries","entries","filter","key","startsWith","has","cssVariablePattern","cssVariableReferencePattern","unresolvedColorKeywords","probe","document","createElement","normalizeColorValue","input","value","trim","toLowerCase","mountNode","body","documentElement","style","color","appendChild","normalized","getComputedStyle","remove","resolveColor","fallback","styles","seen","current","match","variableName","test","nestedFallback","add","getPropertyValue","Select","children","label","placeholder","touched","onBlur","useTouched","selectProps","restSelectProps","withVars","iconSVG","replace","selectElement","jsxs","cx","select","jsx","required","undefined"],"mappings":"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"}

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const n=require("./components/app-link/index.cjs"),o=require("./components/aside/index.cjs"),t=require("./components/avatar/index.cjs"),r=require("./components/badge/index.cjs"),i=require("./components/banner/index.cjs"),s=require("./components/branding/index.cjs"),c=require("./components/button/index.cjs"),_=require("./components/card/index.cjs"),p=require("./components/checkbox/index.cjs"),a=require("./components/chip/index.cjs"),d=require("./components/collapsible/index.cjs"),u=require("./components/controls/index.cjs"),m=require("./components/croppable/index.cjs"),x=require("./components/dialog/index.cjs"),l=require("./components/dropdown/index.cjs"),q=require("./components/dropzone/index.cjs"),g=require("./components/editor/index.cjs"),b=require("./components/empty-state/index.cjs"),T=require("./components/fieldset/index.cjs"),h=require("./components/figure/index.cjs"),v=require("./components/file/index.cjs"),C=require("./components/footer/index.cjs"),L=require("./components/form/index.cjs"),S=require("./components/graph/index.cjs"),F=require("./components/group/index.cjs"),f=require("./components/header/index.cjs"),k=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),I=require("./components/image/index.cjs"),M=require("./index-CEzqxRIu.cjs"),A=require("./components/link/index.cjs"),D=require("./components/list/index.cjs"),y=require("./components/loading/index.cjs"),P=require("./components/menu/index.cjs"),j=require("./components/message/index.cjs"),w=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),E=require("./components/object/index.cjs"),G=require("./components/popover/index.cjs"),N=require("./components/portal/index.cjs"),z=require("./components/search/index.cjs"),O=require("./index-oL8GYbhj.cjs"),H=require("./components/sortable/index.cjs"),W=require("./components/table/index.cjs"),J=require("./components/textarea/index.cjs"),K=require("./components/toast/index.cjs"),Q=require("./components/toasts/index.cjs"),R=require("./components/toggle/index.cjs"),U=require("./components/toolbar/index.cjs"),V=require("./components/tooltip/index.cjs"),X=require("./components/widget/index.cjs");exports.AppLink=n.AppLink;exports.Aside=o.Aside;exports.Avatar=t.Avatar;exports.Badge=r.Badge;exports.Banner=i.Banner;exports.Branding=s.Branding;exports.Button=c.Button;exports.Card=_.Card;exports.Checkbox=p.Checkbox;exports.Chip=a.Chip;exports.Collapsible=d.Collapsible;exports.Controls=u.Controls;exports.Croppable=m.Croppable;exports.Dialog=x.Dialog;exports.Dropdown=l.Dropdown;exports.Dropzone=q.Dropzone;exports.Editor=g.Editor;exports.EmptyState=b.EmptyState;exports.Fieldset=T.Fieldset;exports.Figure=h.Figure;exports.File=v.File;exports.Footer=C.Footer;exports.Form=L.Form;exports.Graph=S.Graph;exports.Group=F.Group;exports.Header=f.Header;exports.Icon=k.Icon;exports.Iframe=B.Iframe;exports.Image=I.Image;exports.Input=M.Input;exports.Link=A.Link;exports.List=D.List;exports.Loading=y.Loading;exports.Menu=P.Menu;exports.Message=j.Message;exports.Messages=w.Messages;exports.Nav=e.Nav;exports.NavLabel=e.NavLabel;exports.Object=E.Object;exports.Popover=G.Popover;exports.Portal=N.Portal;exports.Search=z.Search;exports.Select=O.Select;exports.Sortable=H.Sortable;exports.Table=W.Table;exports.Textarea=J.Textarea;exports.Toast=K.Toast;exports.Toasts=Q.Toasts;exports.Toggle=R.Toggle;exports.Toolbar=U.Toolbar;exports.Tooltip=V.Tooltip;exports.Widget=X.Widget;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const o=require("./components/app-link/index.cjs"),t=require("./components/aside/index.cjs"),r=require("./components/avatar/index.cjs"),i=require("./components/badge/index.cjs"),s=require("./components/banner/index.cjs"),c=require("./components/branding/index.cjs"),_=require("./components/button/index.cjs"),p=require("./components/card/index.cjs"),a=require("./components/checkbox/index.cjs"),d=require("./components/chip/index.cjs"),u=require("./components/collapsible/index.cjs"),m=require("./components/controls/index.cjs"),l=require("./components/croppable/index.cjs"),x=require("./components/dialog/index.cjs"),q=require("./components/dropdown/index.cjs"),g=require("./components/dropzone/index.cjs"),b=require("./components/editor/index.cjs"),T=require("./components/empty-state/index.cjs"),h=require("./components/fieldset/index.cjs"),S=require("./components/figure/index.cjs"),v=require("./components/file/index.cjs"),C=require("./components/footer/index.cjs"),L=require("./components/form/index.cjs"),F=require("./components/graph/index.cjs"),I=require("./components/group/index.cjs"),f=require("./components/header/index.cjs"),k=require("./components/icon/index.cjs"),B=require("./components/iframe/index.cjs"),M=require("./components/image/index.cjs"),A=require("./index-CEzqxRIu.cjs"),D=require("./components/link/index.cjs"),y=require("./components/list/index.cjs"),O=require("./components/loading/index.cjs"),P=require("./components/menu/index.cjs"),j=require("./components/message/index.cjs"),w=require("./components/messages/index.cjs"),e=require("./components/nav/index.cjs"),E=require("./components/object/index.cjs"),G=require("./components/popover/index.cjs"),N=require("./components/portal/index.cjs"),z=require("./components/search/index.cjs"),H=require("./index-BPIK2dxs.cjs"),n=require("./components/sortable/index.cjs"),W=require("./components/table/index.cjs"),J=require("./components/textarea/index.cjs"),K=require("./components/toast/index.cjs"),Q=require("./components/toasts/index.cjs"),R=require("./components/toggle/index.cjs"),U=require("./components/toolbar/index.cjs"),V=require("./components/tooltip/index.cjs"),X=require("./components/widget/index.cjs");exports.AppLink=o.AppLink;exports.Aside=t.Aside;exports.Avatar=r.Avatar;exports.Badge=i.Badge;exports.Banner=s.Banner;exports.Branding=c.Branding;exports.Button=_.Button;exports.Card=p.Card;exports.Checkbox=a.Checkbox;exports.Chip=d.Chip;exports.Collapsible=u.Collapsible;exports.Controls=m.Controls;exports.Croppable=l.Croppable;exports.Dialog=x.Dialog;exports.Dropdown=q.Dropdown;exports.Dropzone=g.Dropzone;exports.Editor=b.Editor;exports.EmptyState=T.EmptyState;exports.Fieldset=h.Fieldset;exports.Figure=S.Figure;exports.File=v.File;exports.Footer=C.Footer;exports.Form=L.Form;exports.Graph=F.Graph;exports.Group=I.Group;exports.Header=f.Header;exports.Icon=k.Icon;exports.Iframe=B.Iframe;exports.Image=M.Image;exports.Input=A.Input;exports.Link=D.Link;exports.List=y.List;exports.Loading=O.Loading;exports.Menu=P.Menu;exports.Message=j.Message;exports.Messages=w.Messages;exports.Nav=e.Nav;exports.NavLabel=e.NavLabel;exports.Object=E.Object;exports.Popover=G.Popover;exports.Portal=N.Portal;exports.Search=z.Search;exports.Select=H.Select;exports.Sortable=n.Sortable;exports.useOptionalSortableItem=n.useOptionalSortableItem;exports.Table=W.Table;exports.Textarea=J.Textarea;exports.Toast=K.Toast;exports.Toasts=Q.Toasts;exports.Toggle=R.Toggle;exports.Toolbar=U.Toolbar;exports.Tooltip=V.Tooltip;exports.Widget=X.Widget;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -172,11 +172,12 @@ declare type DefaultCardProps = BaseCardProps & {
     variant?: 'default';
 };
 
-export declare const Dialog: ({ children, className, controls, header, onCancel, onClick, onClose, open, setOpen, ...props }: DialogProps) => JSX.Element;
+export declare const Dialog: ({ children, className, controls, fullscreen, header, onCancel, onClick, onClose, open, setOpen, ...props }: DialogProps) => JSX.Element;
 
 declare type DialogProps = default_2.DialogHTMLAttributes<HTMLDialogElement> & {
     children: default_2.ReactNode;
     controls?: default_2.ReactNode;
+    fullscreen?: boolean;
     header?: default_2.ReactNode;
     setOpen?: default_2.Dispatch<default_2.SetStateAction<boolean>>;
 };
@@ -557,7 +558,7 @@ declare type LoadingProps = {
 
 export declare const Menu: ({ inline, items, menuAccessibleLabel, onItemSelect, position, triggerAccessibleLabel, }: MenuProps) => JSX.Element;
 
-declare type MenuItem = {
+export declare type MenuItem = {
     accessibleLabel?: string;
     disabled?: boolean;
     icon?: IconName;
@@ -732,6 +733,14 @@ declare const sizes: {
  */
 export declare function Sortable({ children, className, columns, isRearranging, onChangeOrder, ...props }: SortableProps): JSX.Element;
 
+declare type SortableItemContextValue = {
+    canMoveDown: boolean;
+    canMoveUp: boolean;
+    index: number;
+    moveDown: () => void;
+    moveUp: () => void;
+};
+
 declare type SortableProps = default_2.ComponentPropsWithoutRef<'ol'> & {
     columns?: number;
     isRearranging?: boolean;
@@ -809,6 +818,8 @@ declare type TooltipProps = {
     variant?: keyof typeof variants_9;
 };
 
+export declare function useOptionalSortableItem(): SortableItemContextValue | null;
+
 declare const variants: {
     default: string;
     sidebar: string;

package/dist/index.js

@@ -6,18 +6,18 @@ import { Banner as i } from "./components/banner/index.js";
 import { Branding as n } from "./components/branding/index.js";
 import { Button as d } from "./components/button/index.js";
 import { Card as T } from "./components/card/index.js";
-import { Checkbox as c } from "./components/checkbox/index.js";
-import { Chip as F } from "./components/chip/index.js";
-import { Collapsible as L } from "./components/collapsible/index.js";
+import { Checkbox as C } from "./components/checkbox/index.js";
+import { Chip as S } from "./components/chip/index.js";
+import { Collapsible as F } from "./components/collapsible/index.js";
 import { Controls as h } from "./components/controls/index.js";
 import { Croppable as B } from "./components/croppable/index.js";
 import { Dialog as A } from "./components/dialog/index.js";
 import { Dropdown as M } from "./components/dropdown/index.js";
 import { Dropzone as G } from "./components/dropzone/index.js";
-import { Editor as P } from "./components/editor/index.js";
-import { EmptyState as w } from "./components/empty-state/index.js";
-import { Fieldset as z } from "./components/fieldset/index.js";
-import { Figure as O } from "./components/figure/index.js";
+import { Editor as O } from "./components/editor/index.js";
+import { EmptyState as j } from "./components/empty-state/index.js";
+import { Fieldset as y } from "./components/fieldset/index.js";
+import { Figure as H } from "./components/figure/index.js";
 import { File as q } from "./components/file/index.js";
 import { Footer as K } from "./components/footer/index.js";
 import { Form as R } from "./components/form/index.js";
@@ -32,23 +32,23 @@ import { Link as ao } from "./components/link/index.js";
 import { List as io } from "./components/list/index.js";
 import { Loading as no } from "./components/loading/index.js";
 import { Menu as bo } from "./components/menu/index.js";
-import { Message as Co } from "./components/message/index.js";
-import { Messages as uo } from "./components/messages/index.js";
-import { Nav as Io, NavLabel as Lo } from "./components/nav/index.js";
+import { Message as uo } from "./components/message/index.js";
+import { Messages as Io } from "./components/messages/index.js";
+import { Nav as co, NavLabel as Fo } from "./components/nav/index.js";
 import { Object as ho } from "./components/object/index.js";
 import { Popover as Bo } from "./components/popover/index.js";
 import { Portal as Ao } from "./components/portal/index.js";
 import { Search as Mo } from "./components/search/index.js";
-import { S as Go } from "./index-CMfR_USP.js";
-import { Sortable as Po } from "./components/sortable/index.js";
+import { S as Go } from "./index-C_YiNpZP.js";
+import { Sortable as Oo, useOptionalSortableItem as Po } from "./components/sortable/index.js";
 import { Table as wo } from "./components/table/index.js";
 import { Textarea as zo } from "./components/textarea/index.js";
-import { Toast as Oo } from "./components/toast/index.js";
-import { Toasts as qo } from "./components/toasts/index.js";
-import { Toggle as Ko } from "./components/toggle/index.js";
-import { Toolbar as Ro } from "./components/toolbar/index.js";
-import { Tooltip as Vo } from "./components/tooltip/index.js";
-import { Widget as Yo } from "./components/widget/index.js";
+import { Toast as Wo } from "./components/toast/index.js";
+import { Toasts as Jo } from "./components/toasts/index.js";
+import { Toggle as Qo } from "./components/toggle/index.js";
+import { Toolbar as Uo } from "./components/toolbar/index.js";
+import { Tooltip as Xo } from "./components/tooltip/index.js";
+import { Widget as Zo } from "./components/widget/index.js";
 import './assets/index.css';export {
   e as AppLink,
   p as Aside,
@@ -58,18 +58,18 @@ import './assets/index.css';export {
   n as Branding,
   d as Button,
   T as Card,
-  c as Checkbox,
-  F as Chip,
-  L as Collapsible,
+  C as Checkbox,
+  S as Chip,
+  F as Collapsible,
   h as Controls,
   B as Croppable,
   A as Dialog,
   M as Dropdown,
   G as Dropzone,
-  P as Editor,
-  w as EmptyState,
-  z as Fieldset,
-  O as Figure,
+  O as Editor,
+  j as EmptyState,
+  y as Fieldset,
+  H as Figure,
   q as File,
   K as Footer,
   R as Form,
@@ -84,23 +84,24 @@ import './assets/index.css';export {
   io as List,
   no as Loading,
   bo as Menu,
-  Co as Message,
-  uo as Messages,
-  Io as Nav,
-  Lo as NavLabel,
+  uo as Message,
+  Io as Messages,
+  co as Nav,
+  Fo as NavLabel,
   ho as Object,
   Bo as Popover,
   Ao as Portal,
   Mo as Search,
   Go as Select,
-  Po as Sortable,
+  Oo as Sortable,
   wo as Table,
   zo as Textarea,
-  Oo as Toast,
-  qo as Toasts,
-  Ko as Toggle,
-  Ro as Toolbar,
-  Vo as Tooltip,
-  Yo as Widget
+  Wo as Toast,
+  Jo as Toasts,
+  Qo as Toggle,
+  Uo as Toolbar,
+  Xo as Tooltip,
+  Zo as Widget,
+  Po as useOptionalSortableItem
 };
 //# sourceMappingURL=index.js.map

package/dist/tokens.css

@@ -262,6 +262,7 @@
   --shape-spacing-xs: var(--scale-8);
   --shape-width-max: 480px;
   --shape-width-max-lg: 640px;
+  --shape-width-sidebar: 240px;
   --typography-font-sizes-body-lg: var(--scale-18);
   --typography-font-sizes-body-md: var(--scale-16);
   --typography-font-sizes-body-sm: var(--scale-14);
@@ -277,9 +278,10 @@
   --utils-tokens-blur-default: var(--scale-8);
   --utils-tokens-font-family: 'Figtree', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
   --utils-tokens-gradient: linear-gradient(180deg, rgb(255 255 255 / 100%), transparent 50%);
-  --utils-tokens-icon-large: var(--scale-28);
+  --utils-tokens-icon-large: var(--scale-32);
   --utils-tokens-icon-medium: var(--scale-24);
   --utils-tokens-icon-small: var(--scale-16);
+  --utils-tokens-icon-tiny: var(--scale-12);
   --utils-tokens-negative-unit: var(--scale-negative-16);
   --utils-tokens-opacity-minimal: 0.5;
   --utils-tokens-transition-delay: 125ms;

package/dist/tokens.json

@@ -2,13 +2,13 @@
   "$description": "Design tokens exported from Figma",
   "$extensions": {
     "com.figma": {
-      "exportedAt": "2026-09-07T10:58:12.476Z",
+      "exportedAt": "2026-09-08T08:37:18.336Z",
       "history": [
         {
           "author": "Anne Cathrine",
           "changesSummary": "Export from Figma",
-          "exportedAt": "2026-09-07T10:58:12.476Z",
-          "variableCount": 286,
+          "exportedAt": "2026-09-08T08:37:18.336Z",
+          "variableCount": 288,
           "version": "1.0.0"
         }
       ],
@@ -332,6 +332,7 @@
         "shape.spacing.xs": "shape/spacing/xs",
         "shape.width.max": "shape/width/max",
         "shape.width.max-lg": "shape/width/max-lg",
+        "shape.width.sidebar": "shape/width/sidebar",
         "typography.font-sizes.body-lg": "typography/font-sizes/body-lg",
         "typography.font-sizes.body-md": "typography/font-sizes/body-md",
         "typography.font-sizes.body-sm": "typography/font-sizes/body-sm",
@@ -350,6 +351,7 @@
         "utils.tokens.icon.large": "utils/tokens/icon/large",
         "utils.tokens.icon.medium": "utils/tokens/icon/medium",
         "utils.tokens.icon.small": "utils/tokens/icon/small",
+        "utils.tokens.icon.tiny": "utils/tokens/icon/tiny",
         "utils.tokens.negative.unit": "utils/tokens/negative/unit",
         "utils.tokens.opacity.minimal": "utils/tokens/opacity/minimal",
         "utils.tokens.transition.delay": "utils/tokens/transition/delay",
@@ -363,7 +365,7 @@
     },
     "com.solibo": {
       "packageName": "@solibo/solibo-ui",
-      "packageVersion": "1.0.7"
+      "packageVersion": "1.0.9"
     }
   },
   "$name": "Solibo UI Tokens",
@@ -3664,7 +3666,7 @@
           "$type": "number",
           "$value": {
             "Desktop": 48,
-            "New brand": ""
+            "New brand": 24
           }
         },
         "Color": {
@@ -3706,7 +3708,7 @@
           "$type": "number",
           "$value": {
             "Desktop": 32,
-            "New brand": ""
+            "New brand": 16
           }
         },
         "spread": {
@@ -3720,7 +3722,7 @@
           "$type": "number",
           "$value": {
             "Desktop": -16,
-            "New brand": ""
+            "New brand": -12
           }
         }
       },
@@ -3736,7 +3738,7 @@
           "$type": "number",
           "$value": {
             "Desktop": 24,
-            "New brand": ""
+            "New brand": 16
           }
         },
         "Color": {
@@ -3778,7 +3780,7 @@
           "$type": "number",
           "$value": {
             "Desktop": 20,
-            "New brand": ""
+            "New brand": 12
           }
         },
         "spread": {
@@ -3792,7 +3794,7 @@
           "$type": "number",
           "$value": {
             "Desktop": -12,
-            "New brand": ""
+            "New brand": -8
           }
         }
       },
@@ -3808,7 +3810,7 @@
           "$type": "number",
           "$value": {
             "Desktop": 16,
-            "New brand": ""
+            "New brand": 12
           }
         },
         "Color": {
@@ -3850,7 +3852,7 @@
           "$type": "number",
           "$value": {
             "Desktop": 12,
-            "New brand": ""
+            "New brand": 8
           }
         },
         "spread": {
@@ -3864,7 +3866,7 @@
           "$type": "number",
           "$value": {
             "Desktop": -8,
-            "New brand": ""
+            "New brand": -4
           }
         }
       },
@@ -3880,7 +3882,7 @@
           "$type": "number",
           "$value": {
             "Desktop": 64,
-            "New brand": ""
+            "New brand": 32
           }
         },
         "Color": {
@@ -3922,7 +3924,7 @@
           "$type": "number",
           "$value": {
             "Desktop": 48,
-            "New brand": ""
+            "New brand": 24
           }
         },
         "spread": {
@@ -3936,7 +3938,7 @@
           "$type": "number",
           "$value": {
             "Desktop": -24,
-            "New brand": ""
+            "New brand": -16
           }
         }
       },
@@ -3952,7 +3954,7 @@
           "$type": "number",
           "$value": {
             "Desktop": 4,
-            "New brand": ""
+            "New brand": 2
           }
         },
         "Color": {
@@ -3994,7 +3996,7 @@
           "$type": "number",
           "$value": {
             "Desktop": 2,
-            "New brand": ""
+            "New brand": 1
           }
         },
         "spread": {
@@ -4213,6 +4215,20 @@
           "Desktop": 640,
           "New brand": 640
         }
+      },
+      "sidebar": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": [
+              "ALL_SCOPES"
+            ]
+          }
+        },
+        "$type": "number",
+        "$value": {
+          "Desktop": 240,
+          "New brand": ""
+        }
       }
     }
   },
@@ -4445,7 +4461,7 @@
             }
           },
           "$type": "number",
-          "$value": "{scale.28}"
+          "$value": "{scale.32}"
         },
         "medium": {
           "$extensions": {
@@ -4468,6 +4484,17 @@
           },
           "$type": "number",
           "$value": "{scale.16}"
+        },
+        "tiny": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": "{scale.12}"
         }
       },
       "negative": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "type": "module",
   "scripts": {
     "dev": "pnpm run tokens:build && vite build --watch",