@neut/ui 0.0.14 → 0.0.16

package/dist/components/select/SelectContent/SelectContent.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.utils.js","names":[],"sources":["../../../../src/components/select/SelectContent/SelectContent.utils.ts"],"sourcesContent":["import {\n  offset,\n  flip,\n  shift,\n  size,\n  hide,\n  containingBlockOffset,\n  type Middleware,\n  type Placement,\n} from \"~/lib\";\nimport { getViewportBoundary } from \"~/lib/positioner/utils/dom\";\nimport type { SelectOptionValue } from \"../Select/Select.types\";\n\n/** 让浮层宽度和 trigger 对齐——不改坐标，只把 reference 宽度透传给上层当 style.width 用 */\nfunction matchReferenceWidth(): Middleware {\n  return {\n    name: \"matchWidth\",\n    fn(state) {\n      return { data: { width: state.rects.reference.width } };\n    },\n  };\n}\n\n/**\n * \"选中项对齐\"：让已选中的那一项精确覆盖在 trigger 上方，这是原生 <select>/\n * shadcn Select 重新打开时的经典效果，和 offset+flip+shift 是完全不同的定位\n * 策略，所以单独写一个 middleware，而不是复用 shift/flip。\n *\n * 核心思路是把\"面板高度、面板位置、列表滚动量\"三者一起算，而不是先假设一个\n * 面板高度、算完位置再回头夹 scrollTop——后者试过两版都有遗留问题（面板和\n * trigger 之间留一截空隙、或者选中项因为 scrollTop 静默越界被推到面板边缘）。\n *\n * 具体算法：选中项\"理应\"贴着 trigger 垂直居中。以这个位置为基准，\n * 分别看\"上方\"和\"下方\"能展开多少：\n * - 上方能展开的量 = min(选中项上方还有多少内容, 视口上方还剩多少空间)\n * - 下方能展开的量 = min(选中项下方还有多少内容, 视口下方还剩多少空间)\n * 面板高度就是\"上方展开量 + 选中项自身高度 + 下方展开量\"，面板顶部位置和\n * 滚动量都由这两个\"展开量\"直接算出来，不需要再额外夹取——因为：\n * - 展开量永远不会超过\"内容还剩多少\"，所以 scrollTop 永远落在合法范围内；\n * - 展开量永远不会超过\"视口还剩多少空间\"，所以面板永远不会超出视口；\n * - 选中项贴 trigger 是这个算法的出发点，天然成立，不需要单独判断\"要不要\n *   贴 trigger\"。\n * 对列表两端的项（第一项/最后一项）会自动退化成正确的行为：比如选中第一项，\n * \"上方还有多少内容\"是 0，上方展开量恒为 0，面板顶部直接落在选中项该在的\n * 位置，不会凭空往上多留空间。\n */\nfunction alignSelectedItem(\n  getValue: () => SelectOptionValue | null | undefined,\n  getScrollElement: () => HTMLElement | undefined,\n): Middleware {\n  return {\n    name: \"itemAlign\",\n    fn(state) {\n      const value = getValue();\n      const scrollEl = getScrollElement();\n      if (value == null || !scrollEl) return {};\n\n      const itemEl = scrollEl.querySelector<HTMLElement>(\n        `[data-value=\"${CSS.escape(String(value))}\"]`,\n      );\n      if (!itemEl) return {};\n\n      const { rects, strategy } = state;\n      const boundary = getViewportBoundary(strategy, 8);\n\n      const itemOffsetTop = itemEl.offsetTop;\n      const itemHeight = itemEl.offsetHeight;\n      const scrollHeight = scrollEl.scrollHeight;\n\n      // 选中项理想情况下应该落在的位置：和 trigger 垂直居中对齐\n      const idealItemTop =\n        rects.reference.y + rects.reference.height / 2 - itemHeight / 2;\n\n      const contentAbove = itemOffsetTop; // 选中项上方还有多少内容（px）\n      const contentBelow = scrollHeight - itemOffsetTop - itemHeight; // 下方还有多少内容\n      const spaceAbove = idealItemTop - boundary.y; // 从理想位置到视口顶部的可用空间\n      const spaceBelow =\n        boundary.y + boundary.height - (idealItemTop + itemHeight); // 到视口底部的可用空间\n\n      const expandAbove = Math.max(0, Math.min(contentAbove, spaceAbove));\n      const expandBelow = Math.max(0, Math.min(contentBelow, spaceBelow));\n\n      const panelTop = idealItemTop - expandAbove;\n      // panelHeight 最终会作为 CSS max-height 写到 scrollEl 上。scrollEl\n      // 有 border（类名里带 border），而 Tailwind preflight 会把 box-sizing\n      // 设为 border-box，此时 max-height 约束的是 border-box 高度；但\n      // scrollHeight 只包含内容 + padding、不包含 border。直接拿\n      // scrollHeight 当 max-height 会让 clientHeight 比 scrollHeight 少\n      // 一个上下 border 的宽度，列表本来刚好能放下时也会多出 1~2px 的\n      // overflow，从而被 overflow:auto 画出一条纵向滚动条。这里把 border\n      // 宽度补回去，保证 border-box 的 max-height 能完整容纳所有内容。\n      const scrollStyle = getComputedStyle(scrollEl);\n      const borderTop = Number.parseFloat(scrollStyle.borderTopWidth) || 0;\n      const borderBottom =\n        Number.parseFloat(scrollStyle.borderBottomWidth) || 0;\n      const panelHeight =\n        expandAbove + itemHeight + expandBelow + borderTop + borderBottom;\n      const scrollTop = contentAbove - expandAbove;\n\n      // scrollTop 是纯 DOM 副作用，不影响坐标计算本身，这里直接设置是安全的。\n      scrollEl.scrollTop = scrollTop;\n\n      return {\n        x: rects.reference.x,\n        y: panelTop,\n        data: { aligned: true, panelHeight },\n      };\n    },\n  };\n}\n\nexport interface BuildSelectMiddlewareOptions {\n  /** 当前是否已经有选中值——决定走\"选中项对齐\"还是普通的贴边下拉 */\n  hasValue: boolean;\n  selectedValue: () => SelectOptionValue | null | undefined;\n  /** 真正会滚动、承载选项列表的那个元素（内层），不是外层的定位容器 */\n  scrollElement: () => HTMLElement | undefined;\n  placement: Placement;\n  collisionPadding: number;\n  onAvailableHeightChange: (availableHeight: number) => void;\n}\n\n/**\n * Select 面板的定位管线，按\"有没有选中值\"分两套配方：\n *\n * - **有选中值**：matchWidth → size（算可用高度，配合 overflow:auto 做滚动——\n *   和 Tooltip 不同，下拉列表内容天然可能很长，滚动是合理需求，不是过度设计）\n *   → itemAlign（核心：选中项盖在 trigger 上）→ shift（只处理横向，纵向已经被\n *   itemAlign 自己夹过了）→ containingBlockOffset。\n * - **没有选中值**（占位符状态）：offset → flip → shift → matchWidth → size\n *   → containingBlockOffset，这是标准的\"贴边下拉\"策略，和 Dropdown 用的是\n *   同一套思路。\n *\n * 顺序不能随便换：size 必须在 shift/itemAlign 之后（要用最终坐标反推可用高度），\n * containingBlockOffset 必须在所有其他 middleware 之后。\n *\n * SelectContent.tsx 里把面板拆成了两层：外层（position:fixed，负责 translate(x,y)\n * 定位）和内层（真正的样式、overflow:auto 滚动、data-state 驱动的进出场动画）。\n * 这不是为了美观随手拆的——同一个元素如果既承担定位用的 transform:translate()，\n * 又承担 zoom-in-95 这类靠 transform:scale() 做的动画，CSS 的 transform 一个\n * 元素只能有一份，动画播放期间会完全接管这个属性，把定位用的 translate(x,y)\n * 整个顶掉，表现为\"入场从视口左上角飞入、退场飞向左上角消失\"这种明显错误的\n * 观感（这正是这个组件早期实现踩过的一个真实 bug）。scrollElement 传的是\n * 内层（真正会滚动的那个），不是 state.elements.floating（外层，它自己不滚动）。\n */\nexport function createSelectMiddleware(\n  options: BuildSelectMiddlewareOptions,\n): Middleware[] {\n  if (options.hasValue) {\n    return [\n      matchReferenceWidth(),\n      // 注意这里没有 size 中间件：alignSelectedItem 自己已经把面板高度、\n      // 位置、滚动量一起算好了（见它的注释），面板高度是通过\n      // middlewareData.itemAlign.panelHeight 传出去的，不需要 size 再用\n      // \"只看视口空间、不看内容长度\"那套算法独立算一遍——两边算出来的值\n      // 一旦不一致，CSS max-height 和定位计算假设的面板高度就会对不上，\n      // 重新引入\"选中项没对齐\"这类问题（这正是这次要修的 bug 的根源）。\n      alignSelectedItem(options.selectedValue, options.scrollElement),\n      shift({\n        padding: options.collisionPadding,\n        mainAxis: false,\n        crossAxis: true,\n      }),\n      hide(),\n      containingBlockOffset(),\n    ];\n  }\n\n  return [\n    offset(4),\n    flip(),\n    shift({ padding: options.collisionPadding }),\n    matchReferenceWidth(),\n    size({\n      padding: options.collisionPadding,\n      apply({ availableHeight }) {\n        options.onAvailableHeightChange(availableHeight);\n      },\n    }),\n    hide(),\n    containingBlockOffset(),\n  ];\n}\n"],"mappings":";;;;;;;;AAcA,SAAS,IAAkC;CACzC,OAAO;EACL,MAAM;EACN,GAAG,GAAO;GACR,OAAO,EAAE,MAAM,EAAE,OAAO,EAAM,MAAM,UAAU,MAAM,EAAE;EACxD;CACF;AACF;AAyBA,SAAS,EACP,GACA,GACY;CACZ,OAAO;EACL,MAAM;EACN,GAAG,GAAO;GACR,IAAM,IAAQ,EAAS,GACjB,IAAW,EAAiB;GAClC,IAAI,KAAS,QAAQ,CAAC,GAAU,OAAO,CAAC;GAExC,IAAM,IAAS,EAAS,cACtB,gBAAgB,IAAI,OAAO,OAAO,CAAK,CAAC,EAAE,GAC5C;GACA,IAAI,CAAC,GAAQ,OAAO,CAAC;GAErB,IAAM,EAAE,UAAO,gBAAa,GACtB,IAAW,EAAoB,GAAU,CAAC,GAE1C,IAAgB,EAAO,WACvB,IAAa,EAAO,cACpB,IAAe,EAAS,cAGxB,IACJ,EAAM,UAAU,IAAI,EAAM,UAAU,SAAS,IAAI,IAAa,GAE1D,IAAe,GACf,IAAe,IAAe,IAAgB,GAC9C,IAAa,IAAe,EAAS,GACrC,IACJ,EAAS,IAAI,EAAS,UAAU,IAAe,IAE3C,IAAc,KAAK,IAAI,GAAG,KAAK,IAAI,GAAc,CAAU,CAAC,GAC5D,IAAc,KAAK,IAAI,GAAG,KAAK,IAAI,GAAc,CAAU,CAAC,GAE5D,IAAW,IAAe,GAS1B,IAAc,iBAAiB,CAAQ,GACvC,IAAY,OAAO,WAAW,EAAY,cAAc,KAAK,GAC7D,IACJ,OAAO,WAAW,EAAY,iBAAiB,KAAK,GAChD,IACJ,IAAc,IAAa,IAAc,IAAY;GAMvD,OAFA,EAAS,YAHS,IAAe,GAK1B;IACL,GAAG,EAAM,UAAU;IACnB,GAAG;IACH,MAAM;KAAE,SAAS;KAAM;IAAY;GACrC;EACF;CACF;AACF;AAoCA,SAAgB,EACd,GACc;CAqBd,OApBI,EAAQ,WACH;EACL,EAAoB;EAOpB,EAAkB,EAAQ,eAAe,EAAQ,aAAa;EAC9D,EAAM;GACJ,SAAS,EAAQ;GACjB,UAAU;GACV,WAAW;EACb,CAAC;EACD,EAAK;EACL,EAAsB;CACxB,IAGK;EACL,EAAO,CAAC;EACR,EAAK;EACL,EAAM,EAAE,SAAS,EAAQ,iBAAiB,CAAC;EAC3C,EAAoB;EACpB,EAAK;GACH,SAAS,EAAQ;GACjB,MAAM,EAAE,sBAAmB;IACzB,EAAQ,wBAAwB,CAAe;GACjD;EACF,CAAC;EACD,EAAK;EACL,EAAsB;CACxB;AACF"}
+{"version":3,"file":"SelectContent.utils.js","names":["matchReferenceWidth","state","alignSelectedItem","value","getValue","scrollEl","getScrollElement","itemEl","boundary","getViewportBoundary","strategy","itemOffsetTop","itemHeight","scrollHeight","idealItemTop","rects","contentAbove","contentBelow","spaceAbove","spaceBelow","expandAbove","expandBelow","panelTop","scrollStyle","borderTop","borderBottom","panelHeight","createSelectMiddleware","options","shift","hide","containingBlockOffset","offset","flip","size","availableHeight"],"sources":["../../../../src/components/select/SelectContent/SelectContent.utils.ts"],"sourcesContent":["import {\n  offset,\n  flip,\n  shift,\n  size,\n  hide,\n  containingBlockOffset,\n  type Middleware,\n  type Placement,\n} from \"~/lib\";\nimport { getViewportBoundary } from \"~/lib/positioner/utils/dom\";\nimport type { SelectOptionValue } from \"../Select/Select.types\";\n\n/** 让浮层宽度和 trigger 对齐——不改坐标，只把 reference 宽度透传给上层当 style.width 用 */\nfunction matchReferenceWidth(): Middleware {\n  return {\n    name: \"matchWidth\",\n    fn(state) {\n      return { data: { width: state.rects.reference.width } };\n    },\n  };\n}\n\n/**\n * \"选中项对齐\"：让已选中的那一项精确覆盖在 trigger 上方，这是原生 <select>/\n * shadcn Select 重新打开时的经典效果，和 offset+flip+shift 是完全不同的定位\n * 策略，所以单独写一个 middleware，而不是复用 shift/flip。\n *\n * 核心思路是把\"面板高度、面板位置、列表滚动量\"三者一起算，而不是先假设一个\n * 面板高度、算完位置再回头夹 scrollTop——后者试过两版都有遗留问题（面板和\n * trigger 之间留一截空隙、或者选中项因为 scrollTop 静默越界被推到面板边缘）。\n *\n * 具体算法：选中项\"理应\"贴着 trigger 垂直居中。以这个位置为基准，\n * 分别看\"上方\"和\"下方\"能展开多少：\n * - 上方能展开的量 = min(选中项上方还有多少内容, 视口上方还剩多少空间)\n * - 下方能展开的量 = min(选中项下方还有多少内容, 视口下方还剩多少空间)\n * 面板高度就是\"上方展开量 + 选中项自身高度 + 下方展开量\"，面板顶部位置和\n * 滚动量都由这两个\"展开量\"直接算出来，不需要再额外夹取——因为：\n * - 展开量永远不会超过\"内容还剩多少\"，所以 scrollTop 永远落在合法范围内；\n * - 展开量永远不会超过\"视口还剩多少空间\"，所以面板永远不会超出视口；\n * - 选中项贴 trigger 是这个算法的出发点，天然成立，不需要单独判断\"要不要\n *   贴 trigger\"。\n * 对列表两端的项（第一项/最后一项）会自动退化成正确的行为：比如选中第一项，\n * \"上方还有多少内容\"是 0，上方展开量恒为 0，面板顶部直接落在选中项该在的\n * 位置，不会凭空往上多留空间。\n */\nfunction alignSelectedItem(\n  getValue: () => SelectOptionValue | null | undefined,\n  getScrollElement: () => HTMLElement | undefined,\n): Middleware {\n  return {\n    name: \"itemAlign\",\n    fn(state) {\n      const value = getValue();\n      const scrollEl = getScrollElement();\n      if (value == null || !scrollEl) return {};\n\n      const itemEl = scrollEl.querySelector<HTMLElement>(\n        `[data-value=\"${CSS.escape(String(value))}\"]`,\n      );\n      if (!itemEl) return {};\n\n      const { rects, strategy } = state;\n      const boundary = getViewportBoundary(strategy, 8);\n\n      const itemOffsetTop = itemEl.offsetTop;\n      const itemHeight = itemEl.offsetHeight;\n      const scrollHeight = scrollEl.scrollHeight;\n\n      // 选中项理想情况下应该落在的位置：和 trigger 垂直居中对齐\n      const idealItemTop =\n        rects.reference.y + rects.reference.height / 2 - itemHeight / 2;\n\n      const contentAbove = itemOffsetTop; // 选中项上方还有多少内容（px）\n      const contentBelow = scrollHeight - itemOffsetTop - itemHeight; // 下方还有多少内容\n      const spaceAbove = idealItemTop - boundary.y; // 从理想位置到视口顶部的可用空间\n      const spaceBelow =\n        boundary.y + boundary.height - (idealItemTop + itemHeight); // 到视口底部的可用空间\n\n      const expandAbove = Math.max(0, Math.min(contentAbove, spaceAbove));\n      const expandBelow = Math.max(0, Math.min(contentBelow, spaceBelow));\n\n      const panelTop = idealItemTop - expandAbove;\n      // panelHeight 最终会作为 CSS max-height 写到 scrollEl 上。scrollEl\n      // 有 border（类名里带 border），而 Tailwind preflight 会把 box-sizing\n      // 设为 border-box，此时 max-height 约束的是 border-box 高度；但\n      // scrollHeight 只包含内容 + padding、不包含 border。直接拿\n      // scrollHeight 当 max-height 会让 clientHeight 比 scrollHeight 少\n      // 一个上下 border 的宽度，列表本来刚好能放下时也会多出 1~2px 的\n      // overflow，从而被 overflow:auto 画出一条纵向滚动条。这里把 border\n      // 宽度补回去，保证 border-box 的 max-height 能完整容纳所有内容。\n      const scrollStyle = getComputedStyle(scrollEl);\n      const borderTop = Number.parseFloat(scrollStyle.borderTopWidth) || 0;\n      const borderBottom =\n        Number.parseFloat(scrollStyle.borderBottomWidth) || 0;\n      const panelHeight =\n        expandAbove + itemHeight + expandBelow + borderTop + borderBottom;\n      const scrollTop = contentAbove - expandAbove;\n\n      // scrollTop 是纯 DOM 副作用，不影响坐标计算本身，这里直接设置是安全的。\n      scrollEl.scrollTop = scrollTop;\n\n      return {\n        x: rects.reference.x,\n        y: panelTop,\n        data: { aligned: true, panelHeight },\n      };\n    },\n  };\n}\n\nexport interface BuildSelectMiddlewareOptions {\n  /** 当前是否已经有选中值——决定走\"选中项对齐\"还是普通的贴边下拉 */\n  hasValue: boolean;\n  selectedValue: () => SelectOptionValue | null | undefined;\n  /** 真正会滚动、承载选项列表的那个元素（内层），不是外层的定位容器 */\n  scrollElement: () => HTMLElement | undefined;\n  placement: Placement;\n  collisionPadding: number;\n  onAvailableHeightChange: (availableHeight: number) => void;\n}\n\n/**\n * Select 面板的定位管线，按\"有没有选中值\"分两套配方：\n *\n * - **有选中值**：matchWidth → size（算可用高度，配合 overflow:auto 做滚动——\n *   和 Tooltip 不同，下拉列表内容天然可能很长，滚动是合理需求，不是过度设计）\n *   → itemAlign（核心：选中项盖在 trigger 上）→ shift（只处理横向，纵向已经被\n *   itemAlign 自己夹过了）→ containingBlockOffset。\n * - **没有选中值**（占位符状态）：offset → flip → shift → matchWidth → size\n *   → containingBlockOffset，这是标准的\"贴边下拉\"策略，和 Dropdown 用的是\n *   同一套思路。\n *\n * 顺序不能随便换：size 必须在 shift/itemAlign 之后（要用最终坐标反推可用高度），\n * containingBlockOffset 必须在所有其他 middleware 之后。\n *\n * SelectContent.tsx 里把面板拆成了两层：外层（position:fixed，负责 translate(x,y)\n * 定位）和内层（真正的样式、overflow:auto 滚动、data-state 驱动的进出场动画）。\n * 这不是为了美观随手拆的——同一个元素如果既承担定位用的 transform:translate()，\n * 又承担 zoom-in-95 这类靠 transform:scale() 做的动画，CSS 的 transform 一个\n * 元素只能有一份，动画播放期间会完全接管这个属性，把定位用的 translate(x,y)\n * 整个顶掉，表现为\"入场从视口左上角飞入、退场飞向左上角消失\"这种明显错误的\n * 观感（这正是这个组件早期实现踩过的一个真实 bug）。scrollElement 传的是\n * 内层（真正会滚动的那个），不是 state.elements.floating（外层，它自己不滚动）。\n */\nexport function createSelectMiddleware(\n  options: BuildSelectMiddlewareOptions,\n): Middleware[] {\n  if (options.hasValue) {\n    return [\n      matchReferenceWidth(),\n      // 注意这里没有 size 中间件：alignSelectedItem 自己已经把面板高度、\n      // 位置、滚动量一起算好了（见它的注释），面板高度是通过\n      // middlewareData.itemAlign.panelHeight 传出去的，不需要 size 再用\n      // \"只看视口空间、不看内容长度\"那套算法独立算一遍——两边算出来的值\n      // 一旦不一致，CSS max-height 和定位计算假设的面板高度就会对不上，\n      // 重新引入\"选中项没对齐\"这类问题（这正是这次要修的 bug 的根源）。\n      alignSelectedItem(options.selectedValue, options.scrollElement),\n      shift({\n        padding: options.collisionPadding,\n        mainAxis: false,\n        crossAxis: true,\n      }),\n      hide(),\n      containingBlockOffset(),\n    ];\n  }\n\n  return [\n    offset(4),\n    flip(),\n    shift({ padding: options.collisionPadding }),\n    matchReferenceWidth(),\n    size({\n      padding: options.collisionPadding,\n      apply({ availableHeight }) {\n        options.onAvailableHeightChange(availableHeight);\n      },\n    }),\n    hide(),\n    containingBlockOffset(),\n  ];\n}\n"],"mappings":";;;;;;;;AAcA,SAASA,IAAkC;CACzC,OAAO;EACL,MAAM;EACN,GAAG,GAAO;GACR,OAAO,EAAE,MAAM,EAAE,OAAOC,EAAM,MAAM,UAAU,MAAM,EAAE;EACxD;CACF;AACF;AAyBA,SAASC,EACP,GACA,GACY;CACZ,OAAO;EACL,MAAM;EACN,GAAG,GAAO;GACR,IAAMC,IAAQC,EAAS,GACjBC,IAAWC,EAAiB;GAClC,IAAIH,KAAS,QAAQ,CAACE,GAAU,OAAO,CAAC;GAExC,IAAME,IAASF,EAAS,cACtB,gBAAgB,IAAI,OAAO,OAAOF,CAAK,CAAC,EAAE,GAC5C;GACA,IAAI,CAACI,GAAQ,OAAO,CAAC;GAErB,IAAM,EAAE,UAAO,gBAAaN,GACtBO,IAAWC,EAAoBC,GAAU,CAAC,GAE1CC,IAAgBJ,EAAO,WACvBK,IAAaL,EAAO,cACpBM,IAAeR,EAAS,cAGxBS,IACJC,EAAM,UAAU,IAAIA,EAAM,UAAU,SAAS,IAAIH,IAAa,GAE1DI,IAAeL,GACfM,IAAeJ,IAAeF,IAAgBC,GAC9CM,IAAaJ,IAAeN,EAAS,GACrCW,IACJX,EAAS,IAAIA,EAAS,UAAUM,IAAeF,IAE3CQ,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIJ,GAAcE,CAAU,CAAC,GAC5DG,IAAc,KAAK,IAAI,GAAG,KAAK,IAAIJ,GAAcE,CAAU,CAAC,GAE5DG,IAAWR,IAAeM,GAS1BG,IAAc,iBAAiBlB,CAAQ,GACvCmB,IAAY,OAAO,WAAWD,EAAY,cAAc,KAAK,GAC7DE,IACJ,OAAO,WAAWF,EAAY,iBAAiB,KAAK,GAChDG,IACJN,IAAcR,IAAaS,IAAcG,IAAYC;GAMvD,OAFA,EAAS,YAHST,IAAeI,GAK1B;IACL,GAAGL,EAAM,UAAU;IACnB,GAAGO;IACH,MAAM;KAAE,SAAS;KAAM;IAAY;GACrC;EACF;CACF;AACF;AAoCA,SAAgBK,EACd,GACc;CAqBd,OApBIC,EAAQ,WACH;EACL5B,EAAoB;EAOpBE,EAAkB0B,EAAQ,eAAeA,EAAQ,aAAa;EAC9DC,EAAM;GACJ,SAASD,EAAQ;GACjB,UAAU;GACV,WAAW;EACb,CAAC;EACDE,EAAK;EACLC,EAAsB;CACxB,IAGK;EACLC,EAAO,CAAC;EACRC,EAAK;EACLJ,EAAM,EAAE,SAASD,EAAQ,iBAAiB,CAAC;EAC3C5B,EAAoB;EACpBkC,EAAK;GACH,SAASN,EAAQ;GACjB,MAAM,EAAE,sBAAmB;IACzB,EAAQ,wBAAwBO,CAAe;GACjD;EACF,CAAC;EACDL,EAAK;EACLC,EAAsB;CACxB;AACF"}

package/dist/components/select/SelectContent/useSelectContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectContent.js","names":[],"sources":["../../../../src/components/select/SelectContent/useSelectContent.ts"],"sourcesContent":["import { createSignal, createMemo, createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, type Positioner } from \"~/lib\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport { createSelectMiddleware } from \"./SelectContent.utils\";\nimport type { SelectContentProps } from \"./SelectContent.types\";\n\nexport interface UseSelectContentResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  pos: Positioner;\n  /**\n   * 面板应该用的最大高度：有选中值时，直接读 alignSelectedItem 自己算好的\n   * panelHeight（不经过 size 中间件）；没有选中值（占位符状态、走贴边下拉）\n   * 时，用 size 中间件算出来的可用空间。两种场景用的是不同的高度来源，\n   * 统一在这里合并成一个对外的值，展示层不需要关心具体走的是哪一个。\n   */\n  maxHeight: () => number | undefined;\n  /** 综合了 open 状态 + hide 中间件的 referenceHidden 判断 */\n  isVisible: () => boolean;\n  /**\n   * 兼容字段：SelectContent 现在关闭时不再卸载 Portal（为了保住 ctx.items 的\n   * 注册信息），因此 mounted 已不再被展示层用来控制 <Show>。该值目前等价于\n   * isVisible，保留只是为了不破坏已导出的 useSelectContent 返回类型。\n   */\n  mounted: () => boolean;\n  /** 驱动 data-state 的状态，打开时比 isVisible 晚一帧，给\"选中项对齐\"这类\n   * 需要先读到子元素（选项）才能算准位置的定位策略留出时间。 */\n  animationState: () => \"open\" | \"closed\";\n  contentElement: () => HTMLElement | undefined;\n  setContentElement: (el: HTMLElement) => void;\n}\n\nexport function useSelectContent(\n  props: () => SelectContentProps,\n): UseSelectContentResult {\n  const ctx = useSelectContext(\"SelectContent\");\n  const [contentElement, setContentElement] = createSignal<HTMLElement>();\n  const [fallbackMaxHeight, setFallbackMaxHeight] = createSignal<number>();\n\n  const hasValue = createMemo(() => ctx.value() != null);\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () => props().placement ?? \"bottom-start\",\n    strategy: \"fixed\",\n    middleware: () =>\n      createSelectMiddleware({\n        hasValue: hasValue(),\n        selectedValue: ctx.value,\n        scrollElement: contentElement,\n        placement: props().placement ?? \"bottom-start\",\n        collisionPadding: props().collisionPadding ?? 8,\n        onAvailableHeightChange: (availableHeight) => {\n          setFallbackMaxHeight(Math.max(availableHeight, 120));\n        },\n      }),\n  });\n\n  const maxHeight = createMemo(() => {\n    if (hasValue()) {\n      const panelHeight = pos.middlewareData().itemAlign?.panelHeight as\n        | number\n        | undefined;\n      return panelHeight !== undefined ? Math.max(panelHeight, 120) : undefined;\n    }\n    return fallbackMaxHeight();\n  });\n\n  const isVisible = createMemo(\n    () => ctx.open() && !pos.middlewareData().hide?.referenceHidden,\n  );\n\n  // SelectContent 关闭时也不会卸载（为了保住 ctx.items 的注册信息），因此\n  // createPositioner 不会像 Tooltip/Popover 那样在每次打开时重新创建并自动\n  // 算一次位置。这里在每次打开时显式重新计算一次，修复“触发器第一次打开后\n  // 因外部布局变化移动了位置，第二次打开时面板还停留在旧坐标”的问题。\n  createEffect(() => {\n    if (ctx.open()) {\n      pos.update();\n    }\n  });\n\n  // --- 打开时延迟一帧再触发动画 class ---\n  // \"选中项对齐\"策略要读子元素（SelectItem 渲染出来的 <li data-value>）才能\n  // 算出正确的位置，如果动画在这次定位算完之前就开始播放，面板会在动画播到\n  // 一半时才\"跳\"到正确位置——等一帧，给这次定位计算留出时间（细节和\n  // production-tooltip 里箭头位置的处理是同一个道理）。\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  createEffect(() => {\n    if (isVisible()) {\n      const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      setAnimationState(\"closed\");\n    }\n  });\n\n  // SelectContent 关闭时不再卸载子节点（否则 ctx.items 会被清空，SelectValue\n  // 读不到 label），因此 mounted 已经没有\"延迟卸载/立即卸载\"的语义，直接跟\n  // isVisible 保持一致即可。保留该字段只是为了兼容已导出的 useSelectContent\n  // 返回类型；新的展示层逻辑一律使用 isVisible。\n  const mounted = isVisible;\n\n  return {\n    ctx,\n    pos,\n    maxHeight,\n    isVisible,\n    mounted,\n    animationState,\n    contentElement,\n    setContentElement,\n  };\n}\n"],"mappings":";;;;;AA+BA,SAAgB,EACd,GACwB;CACxB,IAAM,IAAM,EAAiB,eAAe,GACtC,CAAC,GAAgB,KAAqB,EAA0B,GAChE,CAAC,GAAmB,KAAwB,EAAqB,GAEjE,IAAW,QAAiB,EAAI,MAAM,KAAK,IAAI,GAE/C,IAAM,EAAiB,EAAI,WAAW,EAAI,UAAU;EACxD,iBAAiB,EAAM,CAAC,CAAC,aAAa;EACtC,UAAU;EACV,kBACE,EAAuB;GACrB,UAAU,EAAS;GACnB,eAAe,EAAI;GACnB,eAAe;GACf,WAAW,EAAM,CAAC,CAAC,aAAa;GAChC,kBAAkB,EAAM,CAAC,CAAC,oBAAoB;GAC9C,0BAA0B,MAAoB;IAC5C,EAAqB,KAAK,IAAI,GAAiB,GAAG,CAAC;GACrD;EACF,CAAC;CACL,CAAC,GAEK,IAAY,QAAiB;EACjC,IAAI,EAAS,GAAG;GACd,IAAM,IAAc,EAAI,eAAe,CAAC,CAAC,WAAW;GAGpD,OAAO,MAAgB,KAAA,IAAyC,KAAA,IAA7B,KAAK,IAAI,GAAa,GAAG;EAC9D;EACA,OAAO,EAAkB;CAC3B,CAAC,GAEK,IAAY,QACV,EAAI,KAAK,KAAK,CAAC,EAAI,eAAe,CAAC,CAAC,MAAM,eAClD;CAMA,QAAmB;EACjB,AAAI,EAAI,KAAK,KACX,EAAI,OAAO;CAEf,CAAC;CAOD,IAAM,CAAC,GAAgB,KAAqB,EAC1C,QACF;CAiBA,OAfA,QAAmB;EACjB,IAAI,EAAU,GAAG;GACf,IAAM,IAAM,4BAA4B,EAAkB,MAAM,CAAC;GACjE,QAAgB,qBAAqB,CAAG,CAAC;EAC3C,OACE,EAAkB,QAAQ;CAE9B,CAAC,GAQM;EACL;EACA;EACA;EACA;EACA,SAAA;EACA;EACA;EACA;CACF;AACF"}
+{"version":3,"file":"useSelectContent.js","names":["useSelectContent","ctx","useSelectContext","contentElement","setContentElement","createSignal","fallbackMaxHeight","setFallbackMaxHeight","hasValue","createMemo","pos","createPositioner","props","createSelectMiddleware","availableHeight","maxHeight","panelHeight","isVisible","animationState","setAnimationState","createEffect","raf"],"sources":["../../../../src/components/select/SelectContent/useSelectContent.ts"],"sourcesContent":["import { createSignal, createMemo, createEffect, onCleanup } from \"solid-js\";\nimport { createPositioner, type Positioner } from \"~/lib\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport { createSelectMiddleware } from \"./SelectContent.utils\";\nimport type { SelectContentProps } from \"./SelectContent.types\";\n\nexport interface UseSelectContentResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  pos: Positioner;\n  /**\n   * 面板应该用的最大高度：有选中值时，直接读 alignSelectedItem 自己算好的\n   * panelHeight（不经过 size 中间件）；没有选中值（占位符状态、走贴边下拉）\n   * 时，用 size 中间件算出来的可用空间。两种场景用的是不同的高度来源，\n   * 统一在这里合并成一个对外的值，展示层不需要关心具体走的是哪一个。\n   */\n  maxHeight: () => number | undefined;\n  /** 综合了 open 状态 + hide 中间件的 referenceHidden 判断 */\n  isVisible: () => boolean;\n  /**\n   * 兼容字段：SelectContent 现在关闭时不再卸载 Portal（为了保住 ctx.items 的\n   * 注册信息），因此 mounted 已不再被展示层用来控制 <Show>。该值目前等价于\n   * isVisible，保留只是为了不破坏已导出的 useSelectContent 返回类型。\n   */\n  mounted: () => boolean;\n  /** 驱动 data-state 的状态，打开时比 isVisible 晚一帧，给\"选中项对齐\"这类\n   * 需要先读到子元素（选项）才能算准位置的定位策略留出时间。 */\n  animationState: () => \"open\" | \"closed\";\n  contentElement: () => HTMLElement | undefined;\n  setContentElement: (el: HTMLElement) => void;\n}\n\nexport function useSelectContent(\n  props: () => SelectContentProps,\n): UseSelectContentResult {\n  const ctx = useSelectContext(\"SelectContent\");\n  const [contentElement, setContentElement] = createSignal<HTMLElement>();\n  const [fallbackMaxHeight, setFallbackMaxHeight] = createSignal<number>();\n\n  const hasValue = createMemo(() => ctx.value() != null);\n\n  const pos = createPositioner(ctx.reference, ctx.floating, {\n    placement: () => props().placement ?? \"bottom-start\",\n    strategy: \"fixed\",\n    middleware: () =>\n      createSelectMiddleware({\n        hasValue: hasValue(),\n        selectedValue: ctx.value,\n        scrollElement: contentElement,\n        placement: props().placement ?? \"bottom-start\",\n        collisionPadding: props().collisionPadding ?? 8,\n        onAvailableHeightChange: (availableHeight) => {\n          setFallbackMaxHeight(Math.max(availableHeight, 120));\n        },\n      }),\n  });\n\n  const maxHeight = createMemo(() => {\n    if (hasValue()) {\n      const panelHeight = pos.middlewareData().itemAlign?.panelHeight as\n        | number\n        | undefined;\n      return panelHeight !== undefined ? Math.max(panelHeight, 120) : undefined;\n    }\n    return fallbackMaxHeight();\n  });\n\n  const isVisible = createMemo(\n    () => ctx.open() && !pos.middlewareData().hide?.referenceHidden,\n  );\n\n  // SelectContent 关闭时也不会卸载（为了保住 ctx.items 的注册信息），因此\n  // createPositioner 不会像 Tooltip/Popover 那样在每次打开时重新创建并自动\n  // 算一次位置。这里在每次打开时显式重新计算一次，修复“触发器第一次打开后\n  // 因外部布局变化移动了位置，第二次打开时面板还停留在旧坐标”的问题。\n  createEffect(() => {\n    if (ctx.open()) {\n      pos.update();\n    }\n  });\n\n  // --- 打开时延迟一帧再触发动画 class ---\n  // \"选中项对齐\"策略要读子元素（SelectItem 渲染出来的 <li data-value>）才能\n  // 算出正确的位置，如果动画在这次定位算完之前就开始播放，面板会在动画播到\n  // 一半时才\"跳\"到正确位置——等一帧，给这次定位计算留出时间（细节和\n  // production-tooltip 里箭头位置的处理是同一个道理）。\n  const [animationState, setAnimationState] = createSignal<\"open\" | \"closed\">(\n    \"closed\",\n  );\n\n  createEffect(() => {\n    if (isVisible()) {\n      const raf = requestAnimationFrame(() => setAnimationState(\"open\"));\n      onCleanup(() => cancelAnimationFrame(raf));\n    } else {\n      setAnimationState(\"closed\");\n    }\n  });\n\n  // SelectContent 关闭时不再卸载子节点（否则 ctx.items 会被清空，SelectValue\n  // 读不到 label），因此 mounted 已经没有\"延迟卸载/立即卸载\"的语义，直接跟\n  // isVisible 保持一致即可。保留该字段只是为了兼容已导出的 useSelectContent\n  // 返回类型；新的展示层逻辑一律使用 isVisible。\n  const mounted = isVisible;\n\n  return {\n    ctx,\n    pos,\n    maxHeight,\n    isVisible,\n    mounted,\n    animationState,\n    contentElement,\n    setContentElement,\n  };\n}\n"],"mappings":";;;;;AA+BA,SAAgBA,EACd,GACwB;CACxB,IAAMC,IAAMC,EAAiB,eAAe,GACtC,CAACC,GAAgBC,KAAqBC,EAA0B,GAChE,CAACC,GAAmBC,KAAwBF,EAAqB,GAEjEG,IAAWC,QAAiBR,EAAI,MAAM,KAAK,IAAI,GAE/CS,IAAMC,EAAiBV,EAAI,WAAWA,EAAI,UAAU;EACxD,iBAAiBW,EAAM,CAAC,CAAC,aAAa;EACtC,UAAU;EACV,kBACEC,EAAuB;GACrB,UAAUL,EAAS;GACnB,eAAeP,EAAI;GACnB,eAAeE;GACf,WAAWS,EAAM,CAAC,CAAC,aAAa;GAChC,kBAAkBA,EAAM,CAAC,CAAC,oBAAoB;GAC9C,0BAA0B,MAAoB;IAC5C,EAAqB,KAAK,IAAIE,GAAiB,GAAG,CAAC;GACrD;EACF,CAAC;CACL,CAAC,GAEKC,IAAYN,QAAiB;EACjC,IAAID,EAAS,GAAG;GACd,IAAMQ,IAAcN,EAAI,eAAe,CAAC,CAAC,WAAW;GAGpD,OAAOM,MAAgB,KAAA,IAAyC,KAAA,IAA7B,KAAK,IAAIA,GAAa,GAAG;EAC9D;EACA,OAAOV,EAAkB;CAC3B,CAAC,GAEKW,IAAYR,QACVR,EAAI,KAAK,KAAK,CAACS,EAAI,eAAe,CAAC,CAAC,MAAM,eAClD;CAMA,QAAmB;EACjB,AAAIT,EAAI,KAAK,KACXS,EAAI,OAAO;CAEf,CAAC;CAOD,IAAM,CAACQ,GAAgBC,KAAqBd,EAC1C,QACF;CAiBA,OAfAe,QAAmB;EACjB,IAAIH,EAAU,GAAG;GACf,IAAMI,IAAM,4BAA4BF,EAAkB,MAAM,CAAC;GACjE,QAAgB,qBAAqBE,CAAG,CAAC;EAC3C,OACE,EAAkB,QAAQ;CAE9B,CAAC,GAQM;EACL;EACA;EACA;EACA;EACA,SAAAJ;EACA;EACA;EACA;CACF;AACF"}

package/dist/components/select/SelectGroup/SelectGroup.d.ts

@@ -1,2 +1,2 @@
 import { ParentProps } from 'solid-js';
-export declare function SelectGroup(props: ParentProps): import("solid-js").JSX.Element;
+export declare function SelectGroup(props: ParentProps): import('solid-js').JSX.Element;

package/dist/components/select/SelectGroup/SelectGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectGroup.js","names":["ParentProps","SelectGroup","props","_el$","_tmpl$","_$insert","children"],"sources":["../../../../src/components/select/SelectGroup/SelectGroup.tsx"],"sourcesContent":["import type { ParentProps } from \"solid-js\";\n\nexport function SelectGroup(props: ParentProps) {\n  return <li role=\"group\">{props.children}</li>;\n}\n"],"mappings":";;;AAEA,SAAgBC,EAAYC,GAAoB;CAC9C,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAAuC,OAAvCC,EAAAF,SAAyBD,EAAMI,QAAQ,GAAAH;CAAA,EAAA,CAAA;AACzC"}
+{"version":3,"file":"SelectGroup.js","names":["ParentProps","SelectGroup","props","_el$","_tmpl$","_$insert","children","_tmpl$","SelectGroup","_el$","insert","props"],"sources":["../../../../src/components/select/SelectGroup/SelectGroup.tsx"],"sourcesContent":["import type { ParentProps } from \"solid-js\";\n\nexport function SelectGroup(props: ParentProps) {\n  return <li role=\"group\">{props.children}</li>;\n}\n"],"mappings":";;;AAEA,SAAgBC,EAAYC,GAAoB;CAC9C,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAAuC,OAAvCC,EAAAF,SAAyBD,EAAMI,QAAQ,GAAAH;CAAA,EAAA,CAAA;AACzC"}

package/dist/components/select/SelectItem/SelectItem.d.ts

@@ -1,2 +1,2 @@
 import { SelectItemProps } from './SelectItem.types';
-export declare function SelectItem(props: SelectItemProps): import("solid-js").JSX.Element;
+export declare function SelectItem(props: SelectItemProps): import('solid-js').JSX.Element;

package/dist/components/select/SelectItem/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":["Show","splitProps","onCleanup","useSelectItem","SelectItemProps","clsx","Check","SelectItem","props","isSelected","isActive","select","onMouseEnter","local","rest","attachListeners","el","HTMLDivElement","handleClick","handleMouseEnter","addEventListener","removeEventListener","_el$","_tmpl$","_el$2","firstChild","_$use","_$spread","_$mergeProps","tabIndex","data-value","String","value","aria-selected","aria-disabled","disabled","class","_$insert","children","label","_$createComponent","when","size"],"sources":["../../../../src/components/select/SelectItem/SelectItem.tsx"],"sourcesContent":["import { Show, splitProps, onCleanup } from \"solid-js\";\nimport { useSelectItem } from \"./useSelectItem\";\nimport type { SelectItemProps } from \"./SelectItem.types\";\nimport { clsx } from \"~/utils\";\nimport { Check } from \"lucide-solid\";\n\nexport function SelectItem(props: SelectItemProps) {\n  const { isSelected, isActive, select, onMouseEnter } = useSelectItem(\n    () => props,\n  );\n\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"label\",\n    \"disabled\",\n    \"class\",\n    \"children\",\n  ]);\n\n  // click/mouseenter 走 addEventListener（不是 JSX onClick），和 SelectTrigger\n  // 是同一套约定，不占用 onXxx prop 名，调用方自己传的 onClick 不会被覆盖。\n  const attachListeners = (el: HTMLDivElement) => {\n    const handleClick = () => select();\n    const handleMouseEnter = () => onMouseEnter();\n    el.addEventListener(\"click\", handleClick);\n    el.addEventListener(\"mouseenter\", handleMouseEnter);\n    onCleanup(() => {\n      el.removeEventListener(\"click\", handleClick);\n      el.removeEventListener(\"mouseenter\", handleMouseEnter);\n    });\n  };\n\n  return (\n    <div\n      ref={attachListeners}\n      role=\"option\"\n      tabIndex={isSelected() ? 0 : -1}\n      data-value={String(local.value)}\n      aria-selected={isSelected()}\n      aria-disabled={local.disabled}\n      class={clsx(\n        \"relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-2 pr-6 text-sm outline-none\",\n        isActive() && \"bg-neutral-100 dark:bg-neutral-800\",\n        local.disabled && \"pointer-events-none opacity-50\",\n        local.class,\n      )}\n      {...rest}\n    >\n      {local.children ?? local.label ?? local.value}\n      <span class=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <Show when={isSelected()}>\n          <Check size={14} />\n        </Show>\n      </span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgBO,EAAWC,GAAwB;CACjD,IAAM,EAAEC,eAAYC,aAAUC,WAAQC,oBAAiBT,QAC/CK,CACR,GAEM,CAACK,GAAOC,KAAQb,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX,GAIKO,KAAmBC,MAAuB;EAC9C,IAAME,UAAoBP,EAAO,GAC3BQ,UAAyBP,EAAa;EAG5CV,AAFAc,EAAGI,iBAAiB,SAASF,CAAW,GACxCF,EAAGI,iBAAiB,cAAcD,CAAgB,GAClDjB,QAAgB;GAEdc,AADAA,EAAGK,oBAAoB,SAASH,CAAW,GAC3CF,EAAGK,oBAAoB,cAAcF,CAAgB;EACvD,CAAC;CACH;CAEA,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAmBuB,OAnBvBC,EAESX,GAAeO,CAAA,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAEpBC,WAAQ;IAAA,OAAEpB,EAAW,IAAI,IAAI;GAAE;GAAA,IAAA,eAAA;IAAA,OACnBsB,OAAOlB,EAAMmB,KAAK;GAAC;GAAA,IAAA,kBAAA;IAAA,OAChBvB,EAAW;GAAC;GAAA,IAAA,kBAAA;IAAA,OACZI,EAAMsB;GAAQ;GAAA,IAAA,QAAA;IAAA,OACtB9B,EACL,0GACAK,EAAS,KAAK,sCACdG,EAAMsB,YAAY,kCAClBtB,EAAMuB,KACR;GAAC;EAAA,GACGtB,CAAI,GAAA,IAAA,EAAA,GAAAuB,EAAAf,SAEPT,EAAMyB,YAAYzB,EAAM0B,SAAS1B,EAAMmB,OAAKR,CAAA,GAAAa,EAAAb,GAAAgB,EAE1CxC,GAAI;GAAA,IAACyC,OAAI;IAAA,OAAEhC,EAAW;GAAC;GAAA,IAAA6B,WAAA;IAAA,OAAAE,EACrBlC,GAAK,EAACoC,MAAM,GAAE,CAAA;GAAA;EAAA,CAAA,CAAA,GAAApB;CAAA,EAAA,CAAA;AAKzB"}
+{"version":3,"file":"SelectItem.js","names":["Show","splitProps","onCleanup","useSelectItem","SelectItemProps","clsx","Check","SelectItem","props","isSelected","isActive","select","onMouseEnter","local","rest","attachListeners","el","HTMLDivElement","handleClick","handleMouseEnter","addEventListener","removeEventListener","_el$","_tmpl$","_el$2","firstChild","_$use","_$spread","_$mergeProps","tabIndex","data-value","String","value","aria-selected","aria-disabled","disabled","class","_$insert","children","label","_$createComponent","when","size","_$mergeProps","_$createComponent","_tmpl$","SelectItem","useSelectItem","props","local","rest","splitProps","attachListeners","handleClick","select","handleMouseEnter","onMouseEnter","el","onCleanup","_el$","_el$2","use","spread","mergeProps","isSelected","\"class\"","clsx","isActive","insert","createComponent","Show","Check"],"sources":["../../../../src/components/select/SelectItem/SelectItem.tsx"],"sourcesContent":["import { Show, splitProps, onCleanup } from \"solid-js\";\nimport { useSelectItem } from \"./useSelectItem\";\nimport type { SelectItemProps } from \"./SelectItem.types\";\nimport { clsx } from \"~/utils\";\nimport { Check } from \"lucide-solid\";\n\nexport function SelectItem(props: SelectItemProps) {\n  const { isSelected, isActive, select, onMouseEnter } = useSelectItem(\n    () => props,\n  );\n\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"label\",\n    \"disabled\",\n    \"class\",\n    \"children\",\n  ]);\n\n  // click/mouseenter 走 addEventListener（不是 JSX onClick），和 SelectTrigger\n  // 是同一套约定，不占用 onXxx prop 名，调用方自己传的 onClick 不会被覆盖。\n  const attachListeners = (el: HTMLDivElement) => {\n    const handleClick = () => select();\n    const handleMouseEnter = () => onMouseEnter();\n    el.addEventListener(\"click\", handleClick);\n    el.addEventListener(\"mouseenter\", handleMouseEnter);\n    onCleanup(() => {\n      el.removeEventListener(\"click\", handleClick);\n      el.removeEventListener(\"mouseenter\", handleMouseEnter);\n    });\n  };\n\n  return (\n    <div\n      ref={attachListeners}\n      role=\"option\"\n      tabIndex={isSelected() ? 0 : -1}\n      data-value={String(local.value)}\n      aria-selected={isSelected()}\n      aria-disabled={local.disabled}\n      class={clsx(\n        \"relative flex cursor-pointer select-none items-center rounded-sm py-1.5 pl-2 pr-6 text-sm outline-none\",\n        isActive() && \"bg-neutral-100 dark:bg-neutral-800\",\n        local.disabled && \"pointer-events-none opacity-50\",\n        local.class,\n      )}\n      {...rest}\n    >\n      {local.children ?? local.label ?? local.value}\n      <span class=\"absolute right-2 flex h-3.5 w-3.5 items-center justify-center\">\n        <Show when={isSelected()}>\n          <Check size={14} />\n        </Show>\n      </span>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgBO,EAAWC,GAAwB;CACjD,IAAM,EAAEC,eAAYC,aAAUC,WAAQC,oBAAiBT,QAC/CK,CACR,GAEM,CAACK,GAAOC,KAAQb,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;CAAU,CACX,GAIKO,KAAmBC,MAAuB;EAC9C,IAAME,UAAoBP,EAAO,GAC3BQ,UAAyBP,EAAa;EAG5CV,AAFAc,EAAGI,iBAAiB,SAASF,CAAW,GACxCF,EAAGI,iBAAiB,cAAcD,CAAgB,GAClDjB,QAAgB;GAEdc,AADAA,EAAGK,oBAAoB,SAASH,CAAW,GAC3CF,EAAGK,oBAAoB,cAAcF,CAAgB;EACvD,CAAC;CACH;CAEA,cAAA;EAAA,IAAAG,IAAAC,EAAA,GAAAC,IAAAF,EAAAG;EAmBuB,OAnBvBC,EAESX,GAAeO,CAAA,GAAAK,EAAAL,GAAAM,EAAA;GAAA,IAEpBC,WAAQ;IAAA,OAAEpB,EAAW,IAAI,IAAI;GAAE;GAAA,IAAA,eAAA;IAAA,OACnBsB,OAAOlB,EAAMmB,KAAK;GAAC;GAAA,IAAA,kBAAA;IAAA,OAChBvB,EAAW;GAAC;GAAA,IAAA,kBAAA;IAAA,OACZI,EAAMsB;GAAQ;GAAA,IAAA8B,QAAA;IAAA,OACtB5D,EACL,0GACAK,EAAS,KAAK,sCACdG,EAAMsB,YAAY,kCAClBtB,EAAMuB,KACR;GAAC;EAAA,GACGtB,CAAI,GAAA,IAAA,EAAA,GAAAuB,EAAAf,SAEPT,EAAMyB,YAAYzB,EAAM0B,SAAS1B,EAAMmB,OAAKR,CAAA,GAAAa,EAAAb,GAAAgB,EAE1CxC,GAAI;GAAA,IAACyC,OAAI;IAAA,OAAEhC,EAAW;GAAC;GAAA,IAAA6B,WAAA;IAAA,OAAAE,EACrBlC,GAAK,EAACoC,MAAM,GAAE,CAAA;GAAA;EAAA,CAAA,CAAA,GAAApB;CAAA,EAAA,CAAA;AAKzB"}

package/dist/components/select/SelectItem/useSelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectItem.js","names":[],"sources":["../../../../src/components/select/SelectItem/useSelectItem.ts"],"sourcesContent":["import { onMount, onCleanup, createMemo } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectItemProps } from \"./SelectItem.types\";\nimport type { SelectOptionValue } from \"../Select/Select.types\";\n\nexport interface UseSelectItemResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  label: () => string;\n  isSelected: () => boolean;\n  isActive: () => boolean;\n  select: () => void;\n  onMouseEnter: () => void;\n}\n\nexport function useSelectItem<T extends SelectOptionValue = SelectOptionValue>(\n  props: () => SelectItemProps<T>,\n): UseSelectItemResult {\n  const ctx = useSelectContext(\"SelectItem\");\n\n  const label = () => {\n    const p = props();\n    if (p.label) return p.label;\n    return typeof p.children === \"string\" ? p.children : String(p.value);\n  };\n\n  onMount(() => {\n    const p = props();\n    const unregister = ctx.registerItem({\n      value: p.value,\n      label: label(),\n      disabled: p.disabled,\n    });\n    onCleanup(unregister);\n  });\n\n  const isSelected = createMemo(() => ctx.value() === props().value);\n  const isActive = createMemo(() => ctx.activeValue() === props().value);\n\n  const select = () => {\n    if (props().disabled) return;\n    ctx.selectValue(props().value);\n  };\n\n  const onMouseEnter = () => {\n    if (!props().disabled) ctx.setActiveValue(props().value);\n  };\n\n  return { ctx, label, isSelected, isActive, select, onMouseEnter };\n}\n"],"mappings":";;;AAcA,SAAgB,EACd,GACqB;CACrB,IAAM,IAAM,EAAiB,YAAY,GAEnC,UAAc;EAClB,IAAM,IAAI,EAAM;EAEhB,OADI,EAAE,QAAc,EAAE,QACf,OAAO,EAAE,YAAa,WAAW,EAAE,WAAW,OAAO,EAAE,KAAK;CACrE;CAwBA,OAtBA,QAAc;EACZ,IAAM,IAAI,EAAM,GACV,IAAa,EAAI,aAAa;GAClC,OAAO,EAAE;GACT,OAAO,EAAM;GACb,UAAU,EAAE;EACd,CAAC;EACD,EAAU,CAAU;CACtB,CAAC,GAcM;EAAE;EAAK;EAAO,YAZF,QAAiB,EAAI,MAAM,MAAM,EAAM,CAAC,CAAC,KAYvC;EAAY,UAXhB,QAAiB,EAAI,YAAY,MAAM,EAAM,CAAC,CAAC,KAW/B;EAAU,cATtB;GACf,EAAM,CAAC,CAAC,YACZ,EAAI,YAAY,EAAM,CAAC,CAAC,KAAK;EAC/B;EAMmD,oBAJxB;GACzB,AAAK,EAAM,CAAC,CAAC,YAAU,EAAI,eAAe,EAAM,CAAC,CAAC,KAAK;EACzD;CAEgE;AAClE"}
+{"version":3,"file":"useSelectItem.js","names":["useSelectItem","ctx","useSelectContext","label","p","props","onMount","unregister","createMemo"],"sources":["../../../../src/components/select/SelectItem/useSelectItem.ts"],"sourcesContent":["import { onMount, onCleanup, createMemo } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectItemProps } from \"./SelectItem.types\";\nimport type { SelectOptionValue } from \"../Select/Select.types\";\n\nexport interface UseSelectItemResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  label: () => string;\n  isSelected: () => boolean;\n  isActive: () => boolean;\n  select: () => void;\n  onMouseEnter: () => void;\n}\n\nexport function useSelectItem<T extends SelectOptionValue = SelectOptionValue>(\n  props: () => SelectItemProps<T>,\n): UseSelectItemResult {\n  const ctx = useSelectContext(\"SelectItem\");\n\n  const label = () => {\n    const p = props();\n    if (p.label) return p.label;\n    return typeof p.children === \"string\" ? p.children : String(p.value);\n  };\n\n  onMount(() => {\n    const p = props();\n    const unregister = ctx.registerItem({\n      value: p.value,\n      label: label(),\n      disabled: p.disabled,\n    });\n    onCleanup(unregister);\n  });\n\n  const isSelected = createMemo(() => ctx.value() === props().value);\n  const isActive = createMemo(() => ctx.activeValue() === props().value);\n\n  const select = () => {\n    if (props().disabled) return;\n    ctx.selectValue(props().value);\n  };\n\n  const onMouseEnter = () => {\n    if (!props().disabled) ctx.setActiveValue(props().value);\n  };\n\n  return { ctx, label, isSelected, isActive, select, onMouseEnter };\n}\n"],"mappings":";;;AAcA,SAAgBA,EACd,GACqB;CACrB,IAAMC,IAAMC,EAAiB,YAAY,GAEnCC,UAAc;EAClB,IAAMC,IAAIC,EAAM;EAEhB,OADID,EAAE,QAAcA,EAAE,QACf,OAAOA,EAAE,YAAa,WAAWA,EAAE,WAAW,OAAOA,EAAE,KAAK;CACrE;CAwBA,OAtBAE,QAAc;EACZ,IAAMF,IAAIC,EAAM,GACVE,IAAaN,EAAI,aAAa;GAClC,OAAOG,EAAE;GACT,OAAOD,EAAM;GACb,UAAUC,EAAE;EACd,CAAC;EACD,EAAUG,CAAU;CACtB,CAAC,GAcM;EAAE;EAAK;EAAO,YAZFC,QAAiBP,EAAI,MAAM,MAAMI,EAAM,CAAC,CAAC,KAYvC;EAAY,UAXhBG,QAAiBP,EAAI,YAAY,MAAMI,EAAM,CAAC,CAAC,KAW/B;EAAU,cATtB;GACnB,AAAIA,EAAM,CAAC,CAAC,YACZJ,EAAI,YAAYI,EAAM,CAAC,CAAC,KAAK;EAC/B;EAMmD,oBAJxB;GACzB,AAAKA,EAAM,CAAC,CAAC,YAAUJ,EAAI,eAAeI,EAAM,CAAC,CAAC,KAAK;EACzD;CAEgE;AAClE"}

package/dist/components/select/SelectLabel/SelectLabel.d.ts

@@ -1,2 +1,2 @@
 import { LabelProps } from '../../label';
-export declare function SelectLabel(props: LabelProps): import("solid-js").JSX.Element;
+export declare function SelectLabel(props: LabelProps): import('solid-js').JSX.Element;

package/dist/components/select/SelectLabel/SelectLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectLabel.js","names":["Label","LabelProps","clsx","SelectLabel","props","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/select/SelectLabel/SelectLabel.tsx"],"sourcesContent":["import { Label, type LabelProps } from \"~/components/label\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectLabel(props: LabelProps) {\n  return (\n    <Label\n      {...props}\n      class={clsx(\n        \"px-2 py-1.5 text-xs font-medium text-neutral-500\",\n        props.class,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBG,EAAYC,GAAmB;CAC7C,OAAAC,EACGL,GAAKM,EACAF,GAAK,EAAA,IAAA,QAAA;EAAA,OACFF,EACL,oDACAE,EAAMG,KACR;CAAC,EAAA,CAAA,CAAA;AAGP"}
+{"version":3,"file":"SelectLabel.js","names":["Label","LabelProps","clsx","SelectLabel","props","_$createComponent","_$mergeProps","class","_$createComponent","_$mergeProps","SelectLabel","createComponent","Label","mergeProps","props","\"class\"","clsx"],"sources":["../../../../src/components/select/SelectLabel/SelectLabel.tsx"],"sourcesContent":["import { Label, type LabelProps } from \"~/components/label\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectLabel(props: LabelProps) {\n  return (\n    <Label\n      {...props}\n      class={clsx(\n        \"px-2 py-1.5 text-xs font-medium text-neutral-500\",\n        props.class,\n      )}\n    />\n  );\n}\n"],"mappings":";;;;AAGA,SAAgBG,EAAYC,GAAmB;CAC7C,OAAAC,EACGL,GAAKM,EACAF,GAAK,EAAA,IAAAW,QAAA;EAAA,OACFb,EACL,oDACAE,EAAMG,KACR;CAAC,EAAA,CAAA,CAAA;AAGP"}

package/dist/components/select/SelectSeparator/SelectSeparator.d.ts

@@ -1,2 +1,2 @@
 import { SeparatorProps } from '../../separator';
-export declare function SelectSeparator(props: SeparatorProps): import("solid-js").JSX.Element;
+export declare function SelectSeparator(props: SeparatorProps): import('solid-js').JSX.Element;

package/dist/components/select/SelectSeparator/SelectSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectSeparator.js","names":["Separator","SeparatorProps","clsx","SelectSeparator","props","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/select/SelectSeparator/SelectSeparator.tsx"],"sourcesContent":["import { Separator, type SeparatorProps } from \"~/components/separator\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectSeparator(props: SeparatorProps) {\n  return <Separator {...props} class={clsx(\"my-1\", props.class)} />;\n}\n"],"mappings":";;;;AAGA,SAAgBG,EAAgBC,GAAuB;CACrD,OAAAC,EAAQL,GAASM,EAAKF,GAAK,EAAA,IAAA,QAAA;EAAA,OAASF,EAAK,QAAQE,EAAMG,KAAK;CAAC,EAAA,CAAA,CAAA;AAC/D"}
+{"version":3,"file":"SelectSeparator.js","names":["Separator","SeparatorProps","clsx","SelectSeparator","props","_$createComponent","_$mergeProps","class","_$createComponent","_$mergeProps","SelectSeparator","createComponent","Separator","mergeProps","props","\"class\"","clsx"],"sources":["../../../../src/components/select/SelectSeparator/SelectSeparator.tsx"],"sourcesContent":["import { Separator, type SeparatorProps } from \"~/components/separator\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectSeparator(props: SeparatorProps) {\n  return <Separator {...props} class={clsx(\"my-1\", props.class)} />;\n}\n"],"mappings":";;;;AAGA,SAAgBG,EAAgBC,GAAuB;CACrD,OAAAC,EAAQL,GAASM,EAAKF,GAAK,EAAA,IAAAW,QAAA;EAAA,OAASb,EAAK,QAAQE,EAAMG,KAAK;CAAC,EAAA,CAAA,CAAA;AAC/D"}

package/dist/components/select/SelectTrigger/SelectTrigger.d.ts

@@ -1,4 +1,4 @@
 import { ValidComponent } from 'solid-js';
 import { SelectTriggerProps } from './SelectTrigger.types';
 import { Button } from '../../button';
-export declare const SelectTrigger: <T extends ValidComponent = typeof Button<"button">>(props: SelectTriggerProps<T>) => import("solid-js").JSX.Element;
+export declare const SelectTrigger: <T extends ValidComponent = typeof Button<"button">>(props: SelectTriggerProps<T>) => import('solid-js').JSX.Element;

package/dist/components/select/SelectTrigger/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","names":["ValidComponent","Dynamic","useSelectTrigger","SelectTriggerProps","clsx","mergeRefs","Button","ChevronDown","SelectTrigger","props","T","ctx","isDisabled","attachListeners","_$createComponent","_$mergeProps","disabled","icon","iconPosition","component","variant","ref","r$","_ref$","setReference","role","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-disabled","class"],"sources":["../../../../src/components/select/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { useSelectTrigger } from \"./useSelectTrigger\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { Button } from \"~/components/button\";\nimport { ChevronDown } from \"lucide-solid\";\n\nexport const SelectTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: SelectTriggerProps<T>,\n) => {\n  const { ctx, isDisabled, attachListeners } = useSelectTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      disabled={isDisabled()}\n      icon={<ChevronDown />}\n      iconPosition=\"right\"\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      variant={props.variant ?? \"outline\"}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-disabled={isDisabled() ? \"\" : undefined}\n      class={clsx(\"justify-between\", props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAQA,IAAaQ,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,eAAYC,uBAAoBX,QAAuBO,CAAK;CAEzE,OAAAK,EACGb,GAAOc,EACFN,GAAK;EAAA,IACTO,WAAQ;GAAA,OAAEJ,EAAW;EAAC;EAAA,IACtBK,OAAI;GAAA,OAAAH,EAAGP,GAAW,CAAA,CAAA;EAAA;EAClBW,cAAY;EAAA,IACZC,YAAS;GAAA,OAAGV,EAAMU,aAAgCb;EAAgB;EAAA,IAClEc,UAAO;GAAA,OAAEX,EAAMW,WAAW;EAAS;EAAAC,IAAAC,GAAA;GAAA,IAAAC,IAC9BlB,EAAUM,EAAIa,cAAcf,EAAMY,KAAKR,CAAe;GAAC,OAAAU,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAC5DG,MAAI;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAEWd,EAAIgB,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAlB,EAAIgB,KAAK,CAAC,CAAA,CAAA,IAAGhB,EAAImB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzCpB,EAAIgB,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,kBAAA;GAAA,OAC3Bf,EAAW,IAAI,KAAKmB,KAAAA;EAAS;EAAA,IAAA,QAAA;GAAA,OACrC3B,EAAK,mBAAmBK,EAAMyB,KAAK;EAAC;CAAA,CAAA,CAAA;AAGjD"}
+{"version":3,"file":"SelectTrigger.js","names":["ValidComponent","Dynamic","useSelectTrigger","SelectTriggerProps","clsx","mergeRefs","Button","ChevronDown","SelectTrigger","props","T","ctx","isDisabled","attachListeners","_$createComponent","_$mergeProps","disabled","icon","iconPosition","component","variant","ref","r$","_ref$","setReference","role","aria-expanded","open","aria-controls","_$memo","contentId","undefined","data-state","data-disabled","class","_$createComponent","_$mergeProps","_$memo","SelectTrigger","useSelectTrigger","props","createComponent","Dynamic","mergeProps","isDisabled","ChevronDown","Button","_ref$","mergeRefs","ctx","attachListeners","r$","memo","\"class\"","clsx"],"sources":["../../../../src/components/select/SelectTrigger/SelectTrigger.tsx"],"sourcesContent":["import type { ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport { useSelectTrigger } from \"./useSelectTrigger\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\nimport { clsx, mergeRefs } from \"~/utils\";\nimport { Button } from \"~/components/button\";\nimport { ChevronDown } from \"lucide-solid\";\n\nexport const SelectTrigger = <\n  T extends ValidComponent = typeof Button<\"button\">,\n>(\n  props: SelectTriggerProps<T>,\n) => {\n  const { ctx, isDisabled, attachListeners } = useSelectTrigger(() => props);\n\n  return (\n    <Dynamic\n      {...props}\n      disabled={isDisabled()}\n      icon={<ChevronDown />}\n      iconPosition=\"right\"\n      component={(props.component as ValidComponent) ?? Button<\"button\">}\n      variant={props.variant ?? \"outline\"}\n      ref={mergeRefs(ctx.setReference, props.ref, attachListeners)}\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={ctx.open()}\n      aria-controls={ctx.open() ? ctx.contentId : undefined}\n      data-state={ctx.open() ? \"open\" : \"closed\"}\n      data-disabled={isDisabled() ? \"\" : undefined}\n      class={clsx(\"justify-between\", props.class)}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAQA,IAAaQ,KAGXC,MACG;CACH,IAAM,EAAEE,QAAKC,eAAYC,uBAAoBX,QAAuBO,CAAK;CAEzE,OAAAK,EACGb,GAAOc,EACFN,GAAK;EAAA,IACTO,WAAQ;GAAA,OAAEJ,EAAW;EAAC;EAAA,IACtBK,OAAI;GAAA,OAAAH,EAAGP,GAAW,CAAA,CAAA;EAAA;EAClBW,cAAY;EAAA,IACZC,YAAS;GAAA,OAAGV,EAAMU,aAAgCb;EAAgB;EAAA,IAClEc,UAAO;GAAA,OAAEX,EAAMW,WAAW;EAAS;EAAAC,IAAAC,GAAA;GAAA,IAAAC,IAC9BlB,EAAUM,EAAIa,cAAcf,EAAMY,KAAKR,CAAe;GAAC,OAAAU,KAAA,cAAAA,EAAAD,CAAA;EAAA;EAC5DG,MAAI;EAAA,iBAAA;EAAA,IAAA,kBAAA;GAAA,OAEWd,EAAIgB,KAAK;EAAC;EAAA,IAAA,kBAAA;GAAA,OACVE,QAAA,CAAA,CAAAlB,EAAIgB,KAAK,CAAC,CAAA,CAAA,IAAGhB,EAAImB,YAAYC,KAAAA;EAAS;EAAA,IAAA,eAAA;GAAA,OACzCpB,EAAIgB,KAAK,IAAI,SAAS;EAAQ;EAAA,IAAA,kBAAA;GAAA,OAC3Bf,EAAW,IAAI,KAAKmB,KAAAA;EAAS;EAAA,IAAAsB,QAAA;GAAA,OACrCjD,EAAK,mBAAmBK,EAAMyB,KAAK;EAAC;CAAA,CAAA,CAAA;AAGjD"}

package/dist/components/select/SelectTrigger/useSelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectTrigger.js","names":[],"sources":["../../../../src/components/select/SelectTrigger/useSelectTrigger.ts"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\n\nexport interface UseSelectTriggerResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  isDisabled: () => boolean;\n  /**\n   * 把开关下拉相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方可以在 <SelectTrigger onClick={...}> 上自由传自己的原生事件处理，\n   * 两者是完全独立的两套机制，互不覆盖。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function useSelectTrigger<T extends ValidComponent>(\n  props: () => SelectTriggerProps<T>,\n): UseSelectTriggerResult {\n  const ctx = useSelectContext(\"SelectTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!props().disabled;\n\n  const openAndHighlightSelected = () => {\n    if (isDisabled()) return;\n    ctx.setActiveValue(\n      ctx.value() ?? ctx.items.find((it) => !it.disabled)?.value,\n    );\n    ctx.setOpen(true);\n  };\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      if (ctx.open()) ctx.setOpen(false);\n      else openAndHighlightSelected();\n    };\n\n    const onKeyDown = (e: Event) => {\n      if (isDisabled()) return;\n      const keyboardEvent = e as KeyboardEvent;\n\n      if (!ctx.open()) {\n        if (\n          [\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(keyboardEvent.key)\n        ) {\n          keyboardEvent.preventDefault();\n          openAndHighlightSelected();\n        }\n        return;\n      }\n\n      if (keyboardEvent.key === \"Escape\") {\n        keyboardEvent.stopPropagation();\n        ctx.close();\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAgBA,SAAgB,EACd,GACwB;CACxB,IAAM,IAAM,EAAiB,eAAe,GAEtC,UAAmB,EAAI,SAAS,KAAK,CAAC,CAAC,EAAM,CAAC,CAAC,UAE/C,UAAiC;EACjC,EAAW,MACf,EAAI,eACF,EAAI,MAAM,KAAK,EAAI,MAAM,MAAM,MAAO,CAAC,EAAG,QAAQ,CAAC,EAAE,KACvD,GACA,EAAI,QAAQ,EAAI;CAClB;CAsCA,OAAO;EAAE;EAAK;EAAY,kBApCD,MAAgB;GACvC,IAAM,UAAgB;IAChB,EAAW,MACX,EAAI,KAAK,IAAG,EAAI,QAAQ,EAAK,IAC5B,EAAyB;GAChC,GAEM,KAAa,MAAa;IAC9B,IAAI,EAAW,GAAG;IAClB,IAAM,IAAgB;IAEtB,IAAI,CAAC,EAAI,KAAK,GAAG;KACf,AACE;MAAC;MAAa;MAAW;MAAS;KAAG,CAAC,CAAC,SAAS,EAAc,GAAG,MAEjE,EAAc,eAAe,GAC7B,EAAyB;KAE3B;IACF;IAEA,AAAI,EAAc,QAAQ,aACxB,EAAc,gBAAgB,GAC9B,EAAI,MAAM;GAEd;GAKA,AAHA,EAAG,iBAAiB,SAAS,CAAO,GACpC,EAAG,iBAAiB,WAAW,CAAS,GAExC,QAAgB;IAEd,AADA,EAAG,oBAAoB,SAAS,CAAO,GACvC,EAAG,oBAAoB,WAAW,CAAS;GAC7C,CAAC;EACH;CAE0C;AAC5C"}
+{"version":3,"file":"useSelectTrigger.js","names":["useSelectTrigger","ctx","useSelectContext","isDisabled","props","openAndHighlightSelected","it","onClick","onKeyDown","keyboardEvent","el","onCleanup"],"sources":["../../../../src/components/select/SelectTrigger/useSelectTrigger.ts"],"sourcesContent":["import { onCleanup, type ValidComponent } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectTriggerProps } from \"./SelectTrigger.types\";\n\nexport interface UseSelectTriggerResult {\n  ctx: ReturnType<typeof useSelectContext>;\n  isDisabled: () => boolean;\n  /**\n   * 把开关下拉相关的原生事件监听器绑定到真正的 DOM 元素上（通过 ref 调用）。\n   * 用 addEventListener 而不是 JSX 的 onXxx prop，是为了不占用这些 prop 名——\n   * 调用方可以在 <SelectTrigger onClick={...}> 上自由传自己的原生事件处理，\n   * 两者是完全独立的两套机制，互不覆盖。\n   */\n  attachListeners: (el: Element) => void;\n}\n\nexport function useSelectTrigger<T extends ValidComponent>(\n  props: () => SelectTriggerProps<T>,\n): UseSelectTriggerResult {\n  const ctx = useSelectContext(\"SelectTrigger\");\n\n  const isDisabled = () => ctx.disabled() || !!props().disabled;\n\n  const openAndHighlightSelected = () => {\n    if (isDisabled()) return;\n    ctx.setActiveValue(\n      ctx.value() ?? ctx.items.find((it) => !it.disabled)?.value,\n    );\n    ctx.setOpen(true);\n  };\n\n  const attachListeners = (el: Element) => {\n    const onClick = () => {\n      if (isDisabled()) return;\n      if (ctx.open()) ctx.setOpen(false);\n      else openAndHighlightSelected();\n    };\n\n    const onKeyDown = (e: Event) => {\n      if (isDisabled()) return;\n      const keyboardEvent = e as KeyboardEvent;\n\n      if (!ctx.open()) {\n        if (\n          [\"ArrowDown\", \"ArrowUp\", \"Enter\", \" \"].includes(keyboardEvent.key)\n        ) {\n          keyboardEvent.preventDefault();\n          openAndHighlightSelected();\n        }\n        return;\n      }\n\n      if (keyboardEvent.key === \"Escape\") {\n        keyboardEvent.stopPropagation();\n        ctx.close();\n      }\n    };\n\n    el.addEventListener(\"click\", onClick);\n    el.addEventListener(\"keydown\", onKeyDown);\n\n    onCleanup(() => {\n      el.removeEventListener(\"click\", onClick);\n      el.removeEventListener(\"keydown\", onKeyDown);\n    });\n  };\n\n  return { ctx, isDisabled, attachListeners };\n}\n"],"mappings":";;;AAgBA,SAAgBA,EACd,GACwB;CACxB,IAAMC,IAAMC,EAAiB,eAAe,GAEtCC,UAAmBF,EAAI,SAAS,KAAK,CAAC,CAACG,EAAM,CAAC,CAAC,UAE/CC,UAAiC;EACrC,AAAIF,EAAW,MACfF,EAAI,eACFA,EAAI,MAAM,KAAKA,EAAI,MAAM,MAAM,MAAO,CAACK,EAAG,QAAQ,CAAC,EAAE,KACvD,GACAL,EAAI,QAAQ,EAAI;CAClB;CAsCA,OAAO;EAAE;EAAK;EAAY,kBApCD,MAAgB;GACvC,IAAMM,UAAgB;IACpB,AAAIJ,EAAW,MACXF,EAAI,KAAK,IAAGA,EAAI,QAAQ,EAAK,IAC5BI,EAAyB;GAChC,GAEMG,KAAa,MAAa;IAC9B,IAAIL,EAAW,GAAG;IAClB,IAAMM,IAAgB;IAEtB,IAAI,CAACR,EAAI,KAAK,GAAG;KACf,AACE;MAAC;MAAa;MAAW;MAAS;KAAG,CAAC,CAAC,SAASQ,EAAc,GAAG,MAEjEA,EAAc,eAAe,GAC7BJ,EAAyB;KAE3B;IACF;IAEA,AAAII,EAAc,QAAQ,aACxBA,EAAc,gBAAgB,GAC9BR,EAAI,MAAM;GAEd;GAKA,AAHAS,EAAG,iBAAiB,SAASH,CAAO,GACpCG,EAAG,iBAAiB,WAAWF,CAAS,GAExCG,QAAgB;IAEd,AADAD,EAAG,oBAAoB,SAASH,CAAO,GACvCG,EAAG,oBAAoB,WAAWF,CAAS;GAC7C,CAAC;EACH;CAE0C;AAC5C"}

package/dist/components/select/SelectValue/SelectValue.d.ts

@@ -1,2 +1,2 @@
 import { SelectValueProps } from './SelectValue.types';
-export declare function SelectValue(props: SelectValueProps): import("solid-js").JSX.Element;
+export declare function SelectValue(props: SelectValueProps): import('solid-js').JSX.Element;

package/dist/components/select/SelectValue/SelectValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectValue.js","names":["createMemo","useSelectContext","SelectValueProps","clsx","SelectValue","props","ctx","label","v","value","undefined","items","find","it","_el$","_tmpl$","_$insert","placeholder","_$effect","_$className","class"],"sources":["../../../../src/components/select/SelectValue/SelectValue.tsx"],"sourcesContent":["import { createMemo } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectValueProps } from \"./SelectValue.types\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectValue(props: SelectValueProps) {\n  const ctx = useSelectContext(\"SelectValue\");\n\n  const label = createMemo(() => {\n    const v = ctx.value();\n    if (v === undefined || v === null) return undefined;\n    return ctx.items.find((it) => it.value === v)?.label ?? v;\n  });\n\n  return (\n    <span class={clsx(!label() && \"text-neutral-500\", props.class)}>\n      {label() ?? props.placeholder ?? \"\"}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgBI,EAAYC,GAAyB;CACnD,IAAMC,IAAML,EAAiB,aAAa,GAEpCM,IAAQP,QAAiB;EAC7B,IAAMQ,IAAIF,EAAIG,MAAM;EAChBD,SAAyB,MAC7B,OAAOF,EAAIK,MAAMC,MAAMC,MAAOA,EAAGJ,UAAUD,CAAC,CAAC,EAAED,SAASC;CAC1D,CAAC;CAED,cAAA;EAAA,IAAAM,IAAAC,EAAA;EACgE,OADhEC,EAAAF,SAEKP,EAAM,KAAKF,EAAMY,eAAe,EAAE,GAAAC,QAAAC,EAAAL,GADxBX,EAAK,CAACI,EAAM,KAAK,oBAAoBF,EAAMe,KAAK,CAAC,CAAA,GAAAN;CAAA,EAAA,CAAA;AAIlE"}
+{"version":3,"file":"SelectValue.js","names":["createMemo","useSelectContext","SelectValueProps","clsx","SelectValue","props","ctx","label","v","value","undefined","items","find","it","_el$","_tmpl$","_$insert","placeholder","_$effect","_$className","class","_$className","_tmpl$","SelectValue","ctx","useSelectContext","label","createMemo","v","it","_el$","insert","props","effect","className","clsx"],"sources":["../../../../src/components/select/SelectValue/SelectValue.tsx"],"sourcesContent":["import { createMemo } from \"solid-js\";\nimport { useSelectContext } from \"../Select/Select.context\";\nimport type { SelectValueProps } from \"./SelectValue.types\";\nimport { clsx } from \"~/utils\";\n\nexport function SelectValue(props: SelectValueProps) {\n  const ctx = useSelectContext(\"SelectValue\");\n\n  const label = createMemo(() => {\n    const v = ctx.value();\n    if (v === undefined || v === null) return undefined;\n    return ctx.items.find((it) => it.value === v)?.label ?? v;\n  });\n\n  return (\n    <span class={clsx(!label() && \"text-neutral-500\", props.class)}>\n      {label() ?? props.placeholder ?? \"\"}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgBI,EAAYC,GAAyB;CACnD,IAAMC,IAAML,EAAiB,aAAa,GAEpCM,IAAQP,QAAiB;EAC7B,IAAMQ,IAAIF,EAAIG,MAAM;EACpB,IAAID,KAAyB,MAC7B,OAAOF,EAAIK,MAAMC,MAAMC,MAAOA,EAAGJ,UAAUD,CAAC,CAAC,EAAED,SAASC;CAC1D,CAAC;CAED,cAAA;EAAA,IAAAM,IAAAC,EAAA;EACgE,OADhEC,EAAAF,SAEKP,EAAM,KAAKF,EAAMY,eAAe,EAAE,GAAAC,QAAAC,EAAAL,GADxBX,EAAK,CAACI,EAAM,KAAK,oBAAoBF,EAAMe,KAAK,CAAC,CAAA,GAAAN;CAAA,EAAA,CAAA;AAIlE"}

package/dist/components/separator/Separator.d.ts

@@ -1,2 +1,2 @@
 import { SeparatorProps } from './Separator.types';
-export declare const Separator: (props: SeparatorProps) => import("solid-js").JSX.Element;
+export declare const Separator: (props: SeparatorProps) => import('solid-js').JSX.Element;

package/dist/components/separator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","names":["mergeProps","splitProps","clsx","classes","SeparatorProps","Separator","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-horizontal","undefined","data-vertical","class"],"sources":["../../../src/components/separator/Separator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Separator.styles\";\nimport type { SeparatorProps } from \"./Separator.types\";\n\nexport const Separator = (props: SeparatorProps) => {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      data-slot=\"separator\"\n      data-orientation={local.orientation}\n      data-horizontal={local.orientation === \"horizontal\" ? \"\" : undefined}\n      data-vertical={local.orientation === \"vertical\" ? \"\" : undefined}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;sDAKaK,KAAaC,MAA0B;CAClD,IAAMC,IAASP,EAAW,EAAEQ,aAAa,aAAa,GAAYF,CAAK,GACjE,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMF;GAAW;GAAA,IAAA,oBAAA;IAAA,OAClBE,EAAMF,gBAAgB,eAAe,KAAKU,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACrDR,EAAMF,gBAAgB,aAAa,KAAKU,KAAAA;GAAS;GAAA,IAAA,QAAA;IAAA,OACzDhB,EAAKC,GAASO,EAAMU,KAAK;GAAC;EAAA,GAC7BT,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"Separator.js","names":["mergeProps","splitProps","clsx","classes","SeparatorProps","Separator","props","merged","orientation","const","local","others","_el$","_tmpl$","_$spread","_$mergeProps","data-orientation","data-horizontal","undefined","data-vertical","class","mergeProps","_$mergeProps","mergeProps$1","_tmpl$","Separator","merged","props","local","others","splitProps","_el$","spread","mergeProps","\"class\"","clsx","classes"],"sources":["../../../src/components/separator/Separator.tsx"],"sourcesContent":["import { mergeProps, splitProps } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { classes } from \"./Separator.styles\";\nimport type { SeparatorProps } from \"./Separator.types\";\n\nexport const Separator = (props: SeparatorProps) => {\n  const merged = mergeProps({ orientation: \"horizontal\" } as const, props);\n  const [local, others] = splitProps(merged, [\n    \"orientation\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <div\n      data-slot=\"separator\"\n      data-orientation={local.orientation}\n      data-horizontal={local.orientation === \"horizontal\" ? \"\" : undefined}\n      data-vertical={local.orientation === \"vertical\" ? \"\" : undefined}\n      class={clsx(classes, local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;sDAKaK,KAAaC,MAA0B;CAClD,IAAMC,IAASP,EAAW,EAAEQ,aAAa,aAAa,GAAYF,CAAK,GACjE,CAACI,GAAOC,KAAUV,EAAWM,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA;GAAA,IAAA,qBAAA;IAAA,OAGsBL,EAAMF;GAAW;GAAA,IAAA,oBAAA;IAAA,OAClBE,EAAMF,gBAAgB,eAAe,KAAKU,KAAAA;GAAS;GAAA,IAAA,kBAAA;IAAA,OACrDR,EAAMF,gBAAgB,aAAa,KAAKU,KAAAA;GAAS;GAAA,IAAAgB,QAAA;IAAA,OACzDhC,EAAKC,GAASO,EAAMU,KAAK;GAAC;EAAA,GAC7BT,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/separator/Separator.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.styles.js","names":[],"sources":["../../../src/components/separator/Separator.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n);\n"],"mappings":";;AAEA,IAAa,IAAU,EACrB,8GACF"}
+{"version":3,"file":"Separator.styles.js","names":["classes","clsx"],"sources":["../../../src/components/separator/Separator.styles.ts"],"sourcesContent":["import { clsx } from \"~/utils\";\n\nexport const classes = clsx(\n  \"shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch\",\n);\n"],"mappings":";;AAEA,IAAaA,IAAUC,EACrB,8GACF"}

package/dist/components/sidebar/Sidebar/Sidebar.d.ts

@@ -1,2 +1,2 @@
 import { SidebarProps } from './Sidebar.types';
-export declare const Sidebar: (props: SidebarProps) => import("solid-js").JSX.Element;
+export declare const Sidebar: (props: SidebarProps) => import('solid-js').JSX.Element;

package/dist/components/sidebar/Sidebar/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","names":["mergeProps","Show","splitProps","SidebarProps","clsx","useSidebar","Sidebar","props","isMobile","state","merged","side","variant","collapsible","const","local","others","_$createComponent","when","fallback","_el$5","_tmpl$2","_$spread","_$mergeProps","class","_$insert","children","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","data-side","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$setAttribute","t","a","o","i","_$className","undefined"],"sources":["../../../../src/components/sidebar/Sidebar/Sidebar.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps } from \"solid-js\";\nimport type { SidebarProps } from \"./Sidebar.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    { side: \"left\", variant: \"sidebar\", collapsible: \"offcanvas\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"variant\",\n    \"collapsible\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <Show\n      when={local.collapsible !== \"none\"}\n      fallback={\n        <div\n          data-slot=\"sidebar\"\n          class={clsx(\n            \"flex h-full w-(--sidebar-width) flex-col\",\n            \"bg-sidebar text-sidebar-foreground\",\n            local.class,\n          )}\n          {...others}\n        >\n          {local.children}\n        </div>\n      }\n    >\n      <Show when={!isMobile} fallback={null}>\n        <div\n          class=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state()}\n          data-collapsible={state() === \"collapsed\" ? local.collapsible : \"\"}\n          data-variant={local.variant}\n          data-side={local.side}\n          data-slot=\"sidebar\"\n        >\n          {/* This is what handles the sidebar gap on desktop */}\n          <div\n            data-slot=\"sidebar-gap\"\n            class={clsx(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              \"group-data-[side=right]:rotate-180\",\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n            )}\n          />\n          <div\n            data-slot=\"sidebar-container\"\n            data-side={local.side}\n            class={clsx(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width) data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width) md:flex\",\n              // Adjust the padding for floating and inset variants.\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n              local.class,\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              data-slot=\"sidebar-inner\"\n              class=\"flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border\"\n            >\n              {local.children}\n            </div>\n          </div>\n        </div>\n      </Show>\n    </Show>\n  );\n};\n"],"mappings":";;;;;yeAKaM,KAAWC,MAAwB;CAC9C,IAAM,EAAEC,aAAUC,aAAUJ,EAAW,GAEjCK,IAASV,EACb;EAAEW,MAAM;EAAQC,SAAS;EAAWC,aAAa;CAAY,GAC7DN,CACF,GAEM,CAACQ,GAAOC,KAAUd,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAO,EACGhB,GAAI;EAAA,IACHiB,OAAI;GAAA,OAAEH,EAAMF,gBAAgB;EAAM;EAAA,IAClCM,WAAQ;GAAA,cAAA;IAAA,IAAAC,IAAAC,EAAA;IAUW,OAVXC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;KAAA,OAGGnB,EACL,4CACA,sCACAW,EAAMS,KACR;IAAC,EAAA,GACGR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAL,SAETL,EAAMW,QAAQ,GAAAN;GAAA,EAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAT,EAIlBhB,GAAI;IAACiB,MAAM,CAACV;IAAUW,UAAU;IAAI,IAAAO,WAAA;KAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAD;KAmB9B,OAnB8BR,EAAAS,GAAAR,EAAA;MAAA,IAAA,cAAA;OAAA,OAuBpBR,EAAMJ;MAAI;MAAA,IAAA,QAAA;OAAA,OACdP,EACL,oUAEAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,6FACA,2HACJG,EAAMS,KACR;MAAC;KAAA,GACGjB,CAAK,GAAA,IAAA,EAAA,GAAAkB,EAAAQ,SAONlB,EAAMW,QAAQ,GAAAS,GAAAC,MAAA;MAAA,IAAAC,IApCP5B,EAAM,GAAC6B,IACD7B,EAAM,MAAM,cAAcM,EAAMF,cAAc,IAAE0B,IACpDxB,EAAMH,SAAO4B,IAChBzB,EAAMJ,MAAI8B,IAMZrC,EACL,2FACA,0CACA,sCACAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,qFACA,wDACN;MAAC,OAAAyB,MAAAD,EAAAM,KAAAC,EAAAhB,GAAA,cAAAS,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAAhB,GAAA,oBAAAS,EAAAQ,IAAAN,CAAA,GAAAC,MAAAH,EAAAS,KAAAF,EAAAhB,GAAA,gBAAAS,EAAAS,IAAAN,CAAA,GAAAC,MAAAJ,EAAAU,KAAAH,EAAAhB,GAAA,aAAAS,EAAAU,IAAAN,CAAA,GAAAC,MAAAL,EAAAW,KAAAC,EAAAnB,GAAAO,EAAAW,IAAAN,CAAA,GAAAL;KAAA,GAAA;MAAAM,GAAAO,KAAAA;MAAAL,GAAAK,KAAAA;MAAAJ,GAAAI,KAAAA;MAAAH,GAAAG,KAAAA;MAAAF,GAAAE,KAAAA;KAAA,CAAA,GAAAtB;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AA2Bb"}
+{"version":3,"file":"Sidebar.js","names":["mergeProps","Show","splitProps","SidebarProps","clsx","useSidebar","Sidebar","props","isMobile","state","merged","side","variant","collapsible","const","local","others","_$createComponent","when","fallback","_el$5","_tmpl$2","_$spread","_$mergeProps","class","_$insert","children","_el$","_tmpl$","_el$2","firstChild","_el$3","nextSibling","_el$4","data-side","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","e","_$setAttribute","t","a","o","i","_$className","undefined","mergeProps","_$createComponent","_$mergeProps","_$setAttribute","_$className","mergeProps$1","_tmpl$","_tmpl$2","Sidebar","useSidebar","merged","props","local","others","splitProps","createComponent","Show","_el$5","spread","mergeProps","\"class\"","clsx","insert","isMobile","_el$","_el$2","_el$3","_el$4","effect","_v$","state","_v$2","_v$3","_v$4","_v$5","_p$","setAttribute","className"],"sources":["../../../../src/components/sidebar/Sidebar/Sidebar.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps } from \"solid-js\";\nimport type { SidebarProps } from \"./Sidebar.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\n\nexport const Sidebar = (props: SidebarProps) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    { side: \"left\", variant: \"sidebar\", collapsible: \"offcanvas\" } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"side\",\n    \"variant\",\n    \"collapsible\",\n    \"class\",\n    \"classList\",\n    \"children\",\n  ]);\n\n  return (\n    <Show\n      when={local.collapsible !== \"none\"}\n      fallback={\n        <div\n          data-slot=\"sidebar\"\n          class={clsx(\n            \"flex h-full w-(--sidebar-width) flex-col\",\n            \"bg-sidebar text-sidebar-foreground\",\n            local.class,\n          )}\n          {...others}\n        >\n          {local.children}\n        </div>\n      }\n    >\n      <Show when={!isMobile} fallback={null}>\n        <div\n          class=\"group peer hidden text-sidebar-foreground md:block\"\n          data-state={state()}\n          data-collapsible={state() === \"collapsed\" ? local.collapsible : \"\"}\n          data-variant={local.variant}\n          data-side={local.side}\n          data-slot=\"sidebar\"\n        >\n          {/* This is what handles the sidebar gap on desktop */}\n          <div\n            data-slot=\"sidebar-gap\"\n            class={clsx(\n              \"relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n              \"group-data-[collapsible=offcanvas]:w-0\",\n              \"group-data-[side=right]:rotate-180\",\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\",\n            )}\n          />\n          <div\n            data-slot=\"sidebar-container\"\n            data-side={local.side}\n            class={clsx(\n              \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:-left-(--sidebar-width) data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:-right-(--sidebar-width) md:flex\",\n              // Adjust the padding for floating and inset variants.\n              local.variant === \"floating\" || local.variant === \"inset\"\n                ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]\"\n                : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l\",\n              local.class,\n            )}\n            {...props}\n          >\n            <div\n              data-sidebar=\"sidebar\"\n              data-slot=\"sidebar-inner\"\n              class=\"flex size-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 group-data-[variant=floating]:ring-sidebar-border\"\n            >\n              {local.children}\n            </div>\n          </div>\n        </div>\n      </Show>\n    </Show>\n  );\n};\n"],"mappings":";;;;;yeAKaM,KAAWC,MAAwB;CAC9C,IAAM,EAAEC,aAAUC,aAAUJ,EAAW,GAEjCK,IAASV,EACb;EAAEW,MAAM;EAAQC,SAAS;EAAWC,aAAa;CAAY,GAC7DN,CACF,GAEM,CAACQ,GAAOC,KAAUd,EAAWQ,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;CAAU,CACX;CAED,OAAAO,EACGhB,GAAI;EAAA,IACHiB,OAAI;GAAA,OAAEH,EAAMF,gBAAgB;EAAM;EAAA,IAClCM,WAAQ;GAAA,cAAA;IAAA,IAAAC,IAAAC,EAAA;IAUW,OAVXC,EAAAF,GAAAG,EAAA,EAAA,IAAA+C,QAAA;KAAA,OAGGlE,EACL,4CACA,sCACAW,EAAMS,KACR;IAAC,EAAA,GACGR,CAAM,GAAA,IAAA,EAAA,GAAAS,EAAAL,SAETL,EAAMW,QAAQ,GAAAN;GAAA,EAAA,CAAA;EAAA;EAAA,IAAAM,WAAA;GAAA,OAAAT,EAIlBhB,GAAI;IAACiB,MAAM,CAACV;IAAUW,UAAU;IAAI,IAAAO,WAAA;KAAA,IAAAC,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAAAF,EAAAG,aAAAC,IAAAF,EAAAD;KAmB9B,OAnB8BR,EAAAS,GAAAR,EAAA;MAAA,IAAA,cAAA;OAAA,OAuBpBR,EAAMJ;MAAI;MAAA,IAAA2D,QAAA;OAAA,OACdlE,EACL,oUAEAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,6FACA,2HACJG,EAAMS,KACR;MAAC;KAAA,GACGjB,CAAK,GAAA,IAAA,EAAA,GAAAkB,EAAAQ,SAONlB,EAAMW,QAAQ,GAAAS,GAAAC,MAAA;MAAA,IAAAC,IApCP5B,EAAM,GAAC6B,IACD7B,EAAM,MAAM,cAAcM,EAAMF,cAAc,IAAE0B,IACpDxB,EAAMH,SAAO4B,IAChBzB,EAAMJ,MAAI8B,IAMZrC,EACL,2FACA,0CACA,sCACAW,EAAMH,YAAY,cAAcG,EAAMH,YAAY,UAC9C,qFACA,wDACN;MAAC,OAAAyB,MAAAD,EAAAM,KAAAC,EAAAhB,GAAA,cAAAS,EAAAM,IAAAL,CAAA,GAAAC,MAAAF,EAAAQ,KAAAD,EAAAhB,GAAA,oBAAAS,EAAAQ,IAAAN,CAAA,GAAAC,MAAAH,EAAAS,KAAAF,EAAAhB,GAAA,gBAAAS,EAAAS,IAAAN,CAAA,GAAAC,MAAAJ,EAAAU,KAAAH,EAAAhB,GAAA,aAAAS,EAAAU,IAAAN,CAAA,GAAAC,MAAAL,EAAAW,KAAAC,EAAAnB,GAAAO,EAAAW,IAAAN,CAAA,GAAAL;KAAA,GAAA;MAAAM,GAAAO,KAAAA;MAAAL,GAAAK,KAAAA;MAAAJ,GAAAI,KAAAA;MAAAH,GAAAG,KAAAA;MAAAF,GAAAE,KAAAA;KAAA,CAAA,GAAAtB;IAAA;GAAA,CAAA;EAAA;CAAA,CAAA;AA2Bb"}

package/dist/components/sidebar/SidebarContent/SidebarContent.d.ts

@@ -1,2 +1,2 @@
 import { SidebarContentProps } from './SidebarContent.types';
-export declare const SidebarContent: (props: SidebarContentProps) => import("solid-js").JSX.Element;
+export declare const SidebarContent: (props: SidebarContentProps) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarContent/SidebarContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarContent.js","names":["splitProps","SidebarContentProps","clsx","SidebarContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarContentProps } from \"./SidebarContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarContent = (props: SidebarContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      class={clsx(\n        \"no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;iFAIaG,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWR,EACL,+GACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarContent.js","names":["splitProps","SidebarContentProps","clsx","SidebarContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarContent/SidebarContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarContentProps } from \"./SidebarContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarContent = (props: SidebarContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-content\"\n      data-sidebar=\"content\"\n      class={clsx(\n        \"no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;iFAIaG,KAAkBC,MAA+B;CAC5D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EACL,+GACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarFooter/SidebarFooter.d.ts

@@ -1,2 +1,2 @@
 import { SidebarFooterProps } from './SidebarFooter.types';
-export declare const SidebarFooter: (props: SidebarFooterProps) => import("solid-js").JSX.Element;
+export declare const SidebarFooter: (props: SidebarFooterProps) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarFooter/SidebarFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarFooter.js","names":["splitProps","SidebarFooterProps","clsx","SidebarFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarFooter/SidebarFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarFooterProps } from \"./SidebarFooter.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarFooter = (props: SidebarFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      class={clsx(\"flex flex-col gap-2 p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+EAIaG,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWR,EAAK,2BAA2BG,EAAMM,KAAK;EAAC,EAAA,GAC/CL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarFooter.js","names":["splitProps","SidebarFooterProps","clsx","SidebarFooter","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarFooter","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarFooter/SidebarFooter.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarFooterProps } from \"./SidebarFooter.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarFooter = (props: SidebarFooterProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-footer\"\n      data-sidebar=\"footer\"\n      class={clsx(\"flex flex-col gap-2 p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+EAIaG,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,2BAA2BG,EAAMM,KAAK;EAAC,EAAA,GAC/CL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarGroup/SidebarGroup.d.ts

@@ -1,2 +1,2 @@
 import { SidebarGroupProps } from './SidebarGroup.types';
-export declare const SidebarGroup: (props: SidebarGroupProps) => import("solid-js").JSX.Element;
+export declare const SidebarGroup: (props: SidebarGroupProps) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarGroup/SidebarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroup.js","names":["splitProps","SidebarGroupProps","clsx","SidebarGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroup/SidebarGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupProps } from \"./SidebarGroup.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroup = (props: SidebarGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      class={clsx(\"relative flex w-full min-w-0 flex-col p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6EAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWR,EAAK,6CAA6CG,EAAMM,KAAK;EAAC,EAAA,GACjEL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarGroup.js","names":["splitProps","SidebarGroupProps","clsx","SidebarGroup","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarGroup","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroup/SidebarGroup.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupProps } from \"./SidebarGroup.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroup = (props: SidebarGroupProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group\"\n      data-sidebar=\"group\"\n      class={clsx(\"relative flex w-full min-w-0 flex-col p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6EAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,6CAA6CG,EAAMM,KAAK;EAAC,EAAA,GACjEL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.d.ts

@@ -1,3 +1,3 @@
 import { ValidComponent } from 'solid-js';
 import { SidebarGroupActionProps } from './SidebarGroupAction.types';
-export declare const SidebarGroupAction: <T extends ValidComponent = "button">(props: SidebarGroupActionProps<T>) => import("solid-js").JSX.Element;
+export declare const SidebarGroupAction: <T extends ValidComponent = "button">(props: SidebarGroupActionProps<T>) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarGroupAction/SidebarGroupAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupAction.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupActionProps","clsx","Dynamic","SidebarGroupAction","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroupAction/SidebarGroupAction.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupActionProps } from \"./SidebarGroupAction.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupAction = <T extends ValidComponent = \"button\">(\n  props: SidebarGroupActionProps<T>,\n) => {\n  const merged = mergeProps({ component: \"button\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component as ValidComponent}\n      data-slot=\"sidebar-group-action\"\n      data-sidebar=\"group-action\"\n      class={clsx(\n        \"absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CACH,IAAME,IAAST,EAAW,EAAEU,WAAW,SAAS,GAAYH,CAAK,GAE3D,CAACK,GAAOC,KAAUZ,EAAWQ,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,OAAAK,EACGT,GAAOU,EAAA;EAAA,IACNL,YAAS;GAAA,OAAEE,EAAMF;EAA2B;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAA,QAAA;GAAA,OAGrCN,EACL,iXACAQ,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"SidebarGroupAction.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupActionProps","clsx","Dynamic","SidebarGroupAction","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","class","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarGroupAction","merged","props","local","others","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroupAction/SidebarGroupAction.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupActionProps } from \"./SidebarGroupAction.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupAction = <T extends ValidComponent = \"button\">(\n  props: SidebarGroupActionProps<T>,\n) => {\n  const merged = mergeProps({ component: \"button\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component as ValidComponent}\n      data-slot=\"sidebar-group-action\"\n      data-sidebar=\"group-action\"\n      class={clsx(\n        \"absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CACH,IAAME,IAAST,EAAW,EAAEU,WAAW,SAAS,GAAYH,CAAK,GAE3D,CAACK,GAAOC,KAAUZ,EAAWQ,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,OAAAK,EACGT,GAAOU,EAAA;EAAA,IACNL,YAAS;GAAA,OAAEE,EAAMF;EAA2B;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAAoB,QAAA;GAAA,OAGrC1B,EACL,iXACAQ,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarGroupContent/SidebarGroupContent.d.ts

@@ -1,2 +1,2 @@
 import { SidebarGroupContentProps } from './SidebarGroupContent.types';
-export declare const SidebarGroupContent: (props: SidebarGroupContentProps) => import("solid-js").JSX.Element;
+export declare const SidebarGroupContent: (props: SidebarGroupContentProps) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarGroupContent/SidebarGroupContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupContent.js","names":["splitProps","SidebarGroupContentProps","clsx","SidebarGroupContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroupContent/SidebarGroupContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupContentProps } from \"./SidebarGroupContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroupContent = (props: SidebarGroupContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      class={clsx(\"w-full text-sm\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6FAIaG,KAAuBC,MAAoC;CACtE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWR,EAAK,kBAAkBG,EAAMM,KAAK;EAAC,EAAA,GACtCL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarGroupContent.js","names":["splitProps","SidebarGroupContentProps","clsx","SidebarGroupContent","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarGroupContent","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroupContent/SidebarGroupContent.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarGroupContentProps } from \"./SidebarGroupContent.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarGroupContent = (props: SidebarGroupContentProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-group-content\"\n      data-sidebar=\"group-content\"\n      class={clsx(\"w-full text-sm\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;6FAIaG,KAAuBC,MAAoC;CACtE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,kBAAkBG,EAAMM,KAAK;EAAC,EAAA,GACtCL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.d.ts

@@ -1,3 +1,3 @@
 import { ValidComponent } from 'solid-js';
 import { SidebarGroupLabelProps } from './SidebarGroupLabel.types';
-export declare const SidebarGroupLabel: <T extends ValidComponent = "div">(props: SidebarGroupLabelProps<T>) => import("solid-js").JSX.Element;
+export declare const SidebarGroupLabel: <T extends ValidComponent = "div">(props: SidebarGroupLabelProps<T>) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarGroupLabel.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupLabelProps","clsx","Dynamic","SidebarGroupLabel","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupLabelProps } from \"./SidebarGroupLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupLabel = <T extends ValidComponent = \"div\">(\n  props: SidebarGroupLabelProps<T>,\n) => {\n  const merged = mergeProps({ component: \"div\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component as ValidComponent}\n      data-slot=\"sidebar-group-label\"\n      data-sidebar=\"group-label\"\n      class={clsx(\n        \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CACH,IAAME,IAAST,EAAW,EAAEU,WAAW,MAAM,GAAYH,CAAK,GAExD,CAACK,GAAOC,KAAUZ,EAAWQ,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,OAAAK,EACGT,GAAOU,EAAA;EAAA,IACNL,YAAS;GAAA,OAAEE,EAAMF;EAA2B;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAA,QAAA;GAAA,OAGrCN,EACL,wTACAQ,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"SidebarGroupLabel.js","names":["mergeProps","splitProps","ValidComponent","SidebarGroupLabelProps","clsx","Dynamic","SidebarGroupLabel","props","T","merged","component","const","local","others","_$createComponent","_$mergeProps","class","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarGroupLabel","merged","props","local","others","splitProps","createComponent","Dynamic","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarGroupLabel/SidebarGroupLabel.tsx"],"sourcesContent":["import { mergeProps, splitProps, type ValidComponent } from \"solid-js\";\nimport type { SidebarGroupLabelProps } from \"./SidebarGroupLabel.types\";\nimport { clsx } from \"~/utils\";\nimport { Dynamic } from \"solid-js/web\";\n\nexport const SidebarGroupLabel = <T extends ValidComponent = \"div\">(\n  props: SidebarGroupLabelProps<T>,\n) => {\n  const merged = mergeProps({ component: \"div\" } as const, props);\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Dynamic\n      component={local.component as ValidComponent}\n      data-slot=\"sidebar-group-label\"\n      data-sidebar=\"group-label\"\n      class={clsx(\n        \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;AAKA,IAAaM,KACXC,MACG;CACH,IAAME,IAAST,EAAW,EAAEU,WAAW,MAAM,GAAYH,CAAK,GAExD,CAACK,GAAOC,KAAUZ,EAAWQ,GAAQ;EACzC;EACA;EACA;CAAW,CACZ;CAED,OAAAK,EACGT,GAAOU,EAAA;EAAA,IACNL,YAAS;GAAA,OAAEE,EAAMF;EAA2B;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAAoB,QAAA;GAAA,OAGrC1B,EACL,wTACAQ,EAAMI,KACR;EAAC;CAAA,GACGH,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarHeader/SidebarHeader.d.ts

@@ -1,2 +1,2 @@
 import { SidebarHeaderProps } from './SidebarHeader.types';
-export declare const SidebarHeader: (props: SidebarHeaderProps) => import("solid-js").JSX.Element;
+export declare const SidebarHeader: (props: SidebarHeaderProps) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarHeader/SidebarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarHeader.js","names":["splitProps","SidebarHeaderProps","clsx","SidebarHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarHeader/SidebarHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarHeaderProps } from \"./SidebarHeader.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarHeader = (props: SidebarHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      class={clsx(\"flex flex-col gap-2 p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+EAIaG,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWR,EAAK,2BAA2BG,EAAMM,KAAK;EAAC,EAAA,GAC/CL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarHeader.js","names":["splitProps","SidebarHeaderProps","clsx","SidebarHeader","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarHeader","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarHeader/SidebarHeader.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarHeaderProps } from \"./SidebarHeader.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarHeader = (props: SidebarHeaderProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-header\"\n      data-sidebar=\"header\"\n      class={clsx(\"flex flex-col gap-2 p-2\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;+EAIaG,KAAiBC,MAA8B;CAC1D,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,2BAA2BG,EAAMM,KAAK;EAAC,EAAA,GAC/CL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarInput/SidebarInput.d.ts

@@ -1,2 +1,2 @@
 import { SidebarInputProps } from './SidebarInput.types';
-export declare const SidebarInput: (props: SidebarInputProps) => import("solid-js").JSX.Element;
+export declare const SidebarInput: (props: SidebarInputProps) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarInput/SidebarInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarInput.js","names":["splitProps","SidebarInputProps","clsx","Input","SidebarInput","props","local","others","_$createComponent","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarInput/SidebarInput.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInputProps } from \"./SidebarInput.types\";\nimport { clsx } from \"~/utils\";\nimport { Input } from \"~/components/input\";\n\nexport const SidebarInput = (props: SidebarInputProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      class={clsx(\"h-8 w-full bg-background shadow-none\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAA,QAAA;GAAA,OAGGP,EAAK,wCAAwCI,EAAMI,KAAK;EAAC;CAAA,GAC5DH,CAAM,CAAA;AAGhB"}
+{"version":3,"file":"SidebarInput.js","names":["splitProps","SidebarInputProps","clsx","Input","SidebarInput","props","local","others","_$createComponent","_$mergeProps","class","_$createComponent","_$mergeProps","SidebarInput","local","others","splitProps","props","createComponent","Input","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarInput/SidebarInput.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInputProps } from \"./SidebarInput.types\";\nimport { clsx } from \"~/utils\";\nimport { Input } from \"~/components/input\";\n\nexport const SidebarInput = (props: SidebarInputProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <Input\n      data-slot=\"sidebar-input\"\n      data-sidebar=\"input\"\n      class={clsx(\"h-8 w-full bg-background shadow-none\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,IAAaI,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUP,EAAWK,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,OAAAG,EACGL,GAAKM,EAAA;EAAA,aAAA;EAAA,gBAAA;EAAA,IAAAY,QAAA;GAAA,OAGGnB,EAAK,wCAAwCI,EAAMI,KAAK;EAAC;CAAA,GAC5DH,CAAM,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarInset/SidebarInset.d.ts

@@ -1,2 +1,2 @@
 import { SidebarInsetProps } from './SidebarInset.types';
-export declare const SidebarInset: (props: SidebarInsetProps) => import("solid-js").JSX.Element;
+export declare const SidebarInset: (props: SidebarInsetProps) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarInset/SidebarInset.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarInset.js","names":["splitProps","SidebarInsetProps","clsx","SidebarInset","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarInset/SidebarInset.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInsetProps } from \"./SidebarInset.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarInset = (props: SidebarInsetProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      class={clsx(\n        \"relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAGWR,EACL,sQACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarInset.js","names":["splitProps","SidebarInsetProps","clsx","SidebarInset","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarInset","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarInset/SidebarInset.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarInsetProps } from \"./SidebarInset.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarInset = (props: SidebarInsetProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <main\n      data-slot=\"sidebar-inset\"\n      class={clsx(\n        \"relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;2DAIaG,KAAgBC,MAA6B;CACxD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAOc,OAPdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAGWpB,EACL,sQACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarMenu/SidebarMenu.d.ts

@@ -1,2 +1,2 @@
 import { SidebarMenuProps } from './SidebarMenu.types';
-export declare const SidebarMenu: (props: SidebarMenuProps) => import("solid-js").JSX.Element;
+export declare const SidebarMenu: (props: SidebarMenuProps) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarMenu/SidebarMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenu.js","names":["splitProps","SidebarMenuProps","clsx","SidebarMenu","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarMenu/SidebarMenu.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuProps } from \"./SidebarMenu.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenu = (props: SidebarMenuProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      class={clsx(\"flex w-full min-w-0 flex-col gap-0\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0EAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWR,EAAK,sCAAsCG,EAAMM,KAAK;EAAC,EAAA,GAC1DL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarMenu.js","names":["splitProps","SidebarMenuProps","clsx","SidebarMenu","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarMenu","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenu/SidebarMenu.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuProps } from \"./SidebarMenu.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenu = (props: SidebarMenuProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <ul\n      data-slot=\"sidebar-menu\"\n      data-sidebar=\"menu\"\n      class={clsx(\"flex w-full min-w-0 flex-col gap-0\", local.class)}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;0EAIaG,KAAeC,MAA4B;CACtD,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAKc,OALdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EAAK,sCAAsCG,EAAMM,KAAK;EAAC,EAAA,GAC1DL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.d.ts

@@ -1,2 +1,2 @@
 import { SidebarMenuBadgeProps } from './SidebarMenuBadge.types';
-export declare const SidebarMenuBadge: (props: SidebarMenuBadgeProps) => import("solid-js").JSX.Element;
+export declare const SidebarMenuBadge: (props: SidebarMenuBadgeProps) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuBadge.js","names":["splitProps","SidebarMenuBadgeProps","clsx","SidebarMenuBadge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class"],"sources":["../../../../src/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuBadgeProps } from \"./SidebarMenuBadge.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuBadge = (props: SidebarMenuBadgeProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      class={clsx(\n        \"pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;uFAIaG,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAA,QAAA;GAAA,OAIWR,EACL,4bACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}
+{"version":3,"file":"SidebarMenuBadge.js","names":["splitProps","SidebarMenuBadgeProps","clsx","SidebarMenuBadge","props","local","others","_el$","_tmpl$","_$spread","_$mergeProps","class","_$mergeProps","_tmpl$","SidebarMenuBadge","local","others","splitProps","props","_el$","spread","mergeProps","\"class\"","clsx"],"sources":["../../../../src/components/sidebar/SidebarMenuBadge/SidebarMenuBadge.tsx"],"sourcesContent":["import { splitProps } from \"solid-js\";\nimport type { SidebarMenuBadgeProps } from \"./SidebarMenuBadge.types\";\nimport { clsx } from \"~/utils\";\n\nexport const SidebarMenuBadge = (props: SidebarMenuBadgeProps) => {\n  const [local, others] = splitProps(props, [\"class\", \"classList\"]);\n\n  return (\n    <div\n      data-slot=\"sidebar-menu-badge\"\n      data-sidebar=\"menu-badge\"\n      class={clsx(\n        \"pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground\",\n        local.class,\n      )}\n      {...others}\n    />\n  );\n};\n"],"mappings":";;;;uFAIaG,KAAoBC,MAAiC;CAChE,IAAM,CAACC,GAAOC,KAAUN,EAAWI,GAAO,CAAC,SAAS,WAAW,CAAC;CAEhE,cAAA;EAAA,IAAAG,IAAAC,EAAA;EAQc,OARdC,EAAAF,GAAAG,EAAA,EAAA,IAAAY,QAAA;GAAA,OAIWpB,EACL,4bACAG,EAAMM,KACR;EAAC,EAAA,GACGL,CAAM,GAAA,IAAA,EAAA,GAAAC;CAAA,EAAA,CAAA;AAGhB"}

package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.d.ts

@@ -1,3 +1,3 @@
 import { ValidComponent } from 'solid-js';
 import { SidebarMenuButtonProps } from './SidebarMenuButton.types';
-export declare const SidebarMenuButton: <T extends ValidComponent = "button">(props: SidebarMenuButtonProps<T>) => import("solid-js").JSX.Element;
+export declare const SidebarMenuButton: <T extends ValidComponent = "button">(props: SidebarMenuButtonProps<T>) => import('solid-js').JSX.Element;

package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuButton.js","names":["mergeProps","Show","splitProps","ValidComponent","Dynamic","SidebarMenuButtonProps","clsx","useSidebar","sidebarMenuButtonVariants","Tooltip","TooltipContent","TooltipTrigger","SidebarMenuButton","props","T","isMobile","state","merged","isActive","variant","size","component","const","local","others","_$createComponent","when","tooltip","fallback","_$mergeProps","data-size","data-active","class","children","side","align","hidden"],"sources":["../../../../src/components/sidebar/SidebarMenuButton/SidebarMenuButton.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport type { SidebarMenuButtonProps } from \"./SidebarMenuButton.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\nimport { sidebarMenuButtonVariants } from \"./SidebarMenuButton.styles\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"~/components/tooltip\";\n\nexport const SidebarMenuButton = <T extends ValidComponent = \"button\">(\n  props: SidebarMenuButtonProps<T>,\n) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    {\n      isActive: false,\n      variant: \"ghost\",\n      size: \"md\",\n      component: \"button\",\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"isActive\",\n    \"variant\",\n    \"size\",\n    \"tooltip\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Show\n      when={local.tooltip}\n      fallback={\n        <Dynamic\n          component={local.component as ValidComponent}\n          data-slot=\"sidebar-menu-button\"\n          data-sidebar=\"menu-button\"\n          data-size={local.size}\n          data-active={local.isActive}\n          class={clsx(\n            sidebarMenuButtonVariants({\n              variant: local.variant,\n              size: local.size,\n            }),\n            local.class,\n          )}\n          {...others}\n        />\n      }\n    >\n      <Tooltip>\n        <TooltipTrigger\n          component={local.component as ValidComponent}\n          data-slot=\"sidebar-menu-button\"\n          data-sidebar=\"menu-button\"\n          data-size={local.size}\n          data-active={local.isActive}\n          class={clsx(\n            sidebarMenuButtonVariants({\n              variant: local.variant,\n              size: local.size,\n            }),\n            local.class,\n          )}\n          {...others}\n        />\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state() !== \"collapsed\" || isMobile}\n          {...(typeof local.tooltip === \"string\"\n            ? { children: local.tooltip }\n            : local.tooltip)}\n        />\n      </Tooltip>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;;AAQA,IAAaY,KACXC,MACG;CACH,IAAM,EAAEE,aAAUC,aAAUT,EAAW,GAEjCU,IAASjB,EACb;EACEkB,UAAU;EACVC,SAAS;EACTC,MAAM;EACNC,WAAW;CACb,GACAR,CACF,GAEM,CAACU,GAAOC,KAAUtB,EAAWe,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ;CAED,OAAAQ,EACGxB,GAAI;EAAA,IACHyB,OAAI;GAAA,OAAEH,EAAMI;EAAO;EAAA,IACnBC,WAAQ;GAAA,OAAAH,EACLrB,GAAOyB,EAAA;IAAA,IACNR,YAAS;KAAA,OAAEE,EAAMF;IAA2B;IAAA,aAAA;IAAA,gBAAA;IAAA,IAAA,cAAA;KAAA,OAGjCE,EAAMH;IAAI;IAAA,IAAA,gBAAA;KAAA,OACRG,EAAML;IAAQ;IAAA,IAAA,QAAA;KAAA,OACpBZ,EACLE,EAA0B;MACxBW,SAASI,EAAMJ;MACfC,MAAMG,EAAMH;KACd,CAAC,GACDG,EAAMS,KACR;IAAC;GAAA,GACGR,CAAM,CAAA;EAAA;EAAA,IAAAS,WAAA;GAAA,OAAAR,EAIbhB,GAAO,EAAA,IAAAwB,WAAA;IAAA,OAAA,CAAAR,EACLd,GAAckB,EAAA;KAAA,IACbR,YAAS;MAAA,OAAEE,EAAMF;KAA2B;KAAA,aAAA;KAAA,gBAAA;KAAA,IAAA,cAAA;MAAA,OAGjCE,EAAMH;KAAI;KAAA,IAAA,gBAAA;MAAA,OACRG,EAAML;KAAQ;KAAA,IAAA,QAAA;MAAA,OACpBZ,EACLE,EAA0B;OACxBW,SAASI,EAAMJ;OACfC,MAAMG,EAAMH;MACd,CAAC,GACDG,EAAMS,KACR;KAAC;IAAA,GACGR,CAAM,CAAA,GAAAC,EAEXf,GAAcmB,EAAA;KACbK,MAAI;KACJC,OAAK;KAAA,IACLC,SAAM;MAAA,OAAEpB,EAAM,MAAM,eAAeD;KAAQ;IAAA,SACtC,OAAOQ,EAAMI,WAAY,WAC1B,EAAEM,UAAUV,EAAMI,QAAQ,IAC1BJ,EAAMI,OAAO,CAAA,CAAA;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAK3B"}
+{"version":3,"file":"SidebarMenuButton.js","names":["mergeProps","Show","splitProps","ValidComponent","Dynamic","SidebarMenuButtonProps","clsx","useSidebar","sidebarMenuButtonVariants","Tooltip","TooltipContent","TooltipTrigger","SidebarMenuButton","props","T","isMobile","state","merged","isActive","variant","size","component","const","local","others","_$createComponent","when","tooltip","fallback","_$mergeProps","data-size","data-active","class","children","side","align","hidden","mergeProps","_$createComponent","_$mergeProps","mergeProps$1","SidebarMenuButton","useSidebar","merged","props","local","others","splitProps","createComponent","Show","Dynamic","mergeProps","\"class\"","clsx","sidebarMenuButtonVariants","Tooltip","TooltipTrigger","TooltipContent","state","isMobile"],"sources":["../../../../src/components/sidebar/SidebarMenuButton/SidebarMenuButton.tsx"],"sourcesContent":["import { mergeProps, Show, splitProps, type ValidComponent } from \"solid-js\";\nimport { Dynamic } from \"solid-js/web\";\nimport type { SidebarMenuButtonProps } from \"./SidebarMenuButton.types\";\nimport { clsx } from \"~/utils\";\nimport { useSidebar } from \"../SidebarProvider\";\nimport { sidebarMenuButtonVariants } from \"./SidebarMenuButton.styles\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"~/components/tooltip\";\n\nexport const SidebarMenuButton = <T extends ValidComponent = \"button\">(\n  props: SidebarMenuButtonProps<T>,\n) => {\n  const { isMobile, state } = useSidebar();\n\n  const merged = mergeProps(\n    {\n      isActive: false,\n      variant: \"ghost\",\n      size: \"md\",\n      component: \"button\",\n    } as const,\n    props,\n  );\n\n  const [local, others] = splitProps(merged, [\n    \"component\",\n    \"isActive\",\n    \"variant\",\n    \"size\",\n    \"tooltip\",\n    \"class\",\n    \"classList\",\n  ]);\n\n  return (\n    <Show\n      when={local.tooltip}\n      fallback={\n        <Dynamic\n          component={local.component as ValidComponent}\n          data-slot=\"sidebar-menu-button\"\n          data-sidebar=\"menu-button\"\n          data-size={local.size}\n          data-active={local.isActive}\n          class={clsx(\n            sidebarMenuButtonVariants({\n              variant: local.variant,\n              size: local.size,\n            }),\n            local.class,\n          )}\n          {...others}\n        />\n      }\n    >\n      <Tooltip>\n        <TooltipTrigger\n          component={local.component as ValidComponent}\n          data-slot=\"sidebar-menu-button\"\n          data-sidebar=\"menu-button\"\n          data-size={local.size}\n          data-active={local.isActive}\n          class={clsx(\n            sidebarMenuButtonVariants({\n              variant: local.variant,\n              size: local.size,\n            }),\n            local.class,\n          )}\n          {...others}\n        />\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state() !== \"collapsed\" || isMobile}\n          {...(typeof local.tooltip === \"string\"\n            ? { children: local.tooltip }\n            : local.tooltip)}\n        />\n      </Tooltip>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;;AAQA,IAAaY,KACXC,MACG;CACH,IAAM,EAAEE,aAAUC,aAAUT,EAAW,GAEjCU,IAASjB,EACb;EACEkB,UAAU;EACVC,SAAS;EACTC,MAAM;EACNC,WAAW;CACb,GACAR,CACF,GAEM,CAACU,GAAOC,KAAUtB,EAAWe,GAAQ;EACzC;EACA;EACA;EACA;EACA;EACA;EACA;CAAW,CACZ;CAED,OAAAQ,EACGxB,GAAI;EAAA,IACHyB,OAAI;GAAA,OAAEH,EAAMI;EAAO;EAAA,IACnBC,WAAQ;GAAA,OAAAH,EACLrB,GAAOyB,EAAA;IAAA,IACNR,YAAS;KAAA,OAAEE,EAAMF;IAA2B;IAAA,aAAA;IAAA,gBAAA;IAAA,IAAA,cAAA;KAAA,OAGjCE,EAAMH;IAAI;IAAA,IAAA,gBAAA;KAAA,OACRG,EAAML;IAAQ;IAAA,IAAAkC,QAAA;KAAA,OACpB9C,EACLE,EAA0B;MACxBW,SAASI,EAAMJ;MACfC,MAAMG,EAAMH;KACd,CAAC,GACDG,EAAMS,KACR;IAAC;GAAA,GACGR,CAAM,CAAA;EAAA;EAAA,IAAAS,WAAA;GAAA,OAAAR,EAIbhB,GAAO,EAAA,IAAAwB,WAAA;IAAA,OAAA,CAAAR,EACLd,GAAckB,EAAA;KAAA,IACbR,YAAS;MAAA,OAAEE,EAAMF;KAA2B;KAAA,aAAA;KAAA,gBAAA;KAAA,IAAA,cAAA;MAAA,OAGjCE,EAAMH;KAAI;KAAA,IAAA,gBAAA;MAAA,OACRG,EAAML;KAAQ;KAAA,IAAAkC,QAAA;MAAA,OACpB9C,EACLE,EAA0B;OACxBW,SAASI,EAAMJ;OACfC,MAAMG,EAAMH;MACd,CAAC,GACDG,EAAMS,KACR;KAAC;IAAA,GACGR,CAAM,CAAA,GAAAC,EAEXf,GAAcmB,EAAA;KACbK,MAAI;KACJC,OAAK;KAAA,IACLC,SAAM;MAAA,OAAEpB,EAAM,MAAM,eAAeD;KAAQ;IAAA,SACtC,OAAOQ,EAAMI,WAAY,WAC1B,EAAEM,UAAUV,EAAMI,QAAQ,IAC1BJ,EAAMI,OAAO,CAAA,CAAA;GAAA,EAAA,CAAA;EAAA;CAAA,CAAA;AAK3B"}

package/dist/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarMenuButton.styles.js","names":[],"sources":["../../../../src/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const sidebarMenuButtonVariants = cva(\n  \"peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n  {\n    variants: {\n      variant: {\n        ghost: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n      },\n      size: {\n        md: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"ghost\",\n      size: \"md\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAa,IAA4B,EACvC,uzBACA;CACE,UAAU;EACR,SAAS;GACP,OAAO;GACP,SACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF"}
+{"version":3,"file":"SidebarMenuButton.styles.js","names":["sidebarMenuButtonVariants","cva"],"sources":["../../../../src/components/sidebar/SidebarMenuButton/SidebarMenuButton.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const sidebarMenuButtonVariants = cva(\n  \"peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&>span:last-child]:truncate\",\n  {\n    variants: {\n      variant: {\n        ghost: \"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground\",\n        outline:\n          \"bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]\",\n      },\n      size: {\n        md: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:p-0!\",\n      },\n    },\n    defaultVariants: {\n      variant: \"ghost\",\n      size: \"md\",\n    },\n  },\n);\n"],"mappings":";;AAEA,IAAaA,IAA4BC,EACvC,uzBACA;CACE,UAAU;EACR,SAAS;GACP,OAAO;GACP,SACE;EACJ;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF"}

package/dist/components/sidebar/SidebarMenuItem/SidebarMenuItem.d.ts

@@ -1,2 +1,2 @@
 import { SidebarMenuItemProps } from './SidebarMenuItem.types';
-export declare const SidebarMenuItem: (props: SidebarMenuItemProps) => import("solid-js").JSX.Element;
+export declare const SidebarMenuItem: (props: SidebarMenuItemProps) => import('solid-js').JSX.Element;