@brycks/core-front 0.3.5 → 0.3.6

package/dist/components/form/TimePicker/TimePicker.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),ie=require("react-dom"),ae=require("../../../utils/styles.cjs"),y=require("../../../design-system/tokens/motion.cjs"),h=require("../../../design-system/primitives/sizing.cjs"),C=require("../../../design-system/tokens/typography.cjs"),l=require("../../../design-system/tokens/spacing.cjs"),ce={sm:{height:h.componentHeights.sm,fontSize:C.fontSizes.base-1,padding:h.componentPaddingX.sm},md:{height:h.componentHeights.md,fontSize:C.fontSizes.base,padding:h.componentPaddingX.md},lg:{height:h.componentHeights.lg,fontSize:C.fontSizes.md,padding:h.componentPaddingX.lg}};function le(){return o.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[o.jsx("circle",{cx:"8",cy:"8",r:"6.5",stroke:"currentColor",strokeWidth:"1.5"}),o.jsx("path",{d:"M8 4v4l2.5 2.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function ue(){return o.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:o.jsx("path",{d:"M4 4l6 6M10 4l-6 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}const q=(k,d)=>{if(!k)return"";const{hours:u,minutes:i,period:n}=k;return d==="12h"?`${(u===0?12:u>12?u-12:u).toString().padStart(2,"0")}:${i.toString().padStart(2,"0")} ${n||"AM"}`:`${u.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`},de=(k,d)=>{const u=k.trim().toUpperCase();if(d==="12h"){const i=u.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);if(!i)return null;let n=parseInt(i[1],10);const c=parseInt(i[2],10),m=i[3]?.toUpperCase()||"AM";return n<1||n>12||c<0||c>59?null:{hours:n,minutes:c,period:m}}else{const i=u.match(/^(\d{1,2}):(\d{2})$/);if(!i)return null;const n=parseInt(i[1],10),c=parseInt(i[2],10);return n<0||n>23||c<0||c>59?null:{hours:n,minutes:c}}},W=s.forwardRef(function({value:d,defaultValue:u=null,onChange:i,format:n="12h",size:c="md",minuteStep:m=1,minTime:pe,maxTime:ge,placeholder:B,disabled:p=!1,isInvalid:E=!1,clearable:z=!0,"aria-label":D="Select time",className:O,testId:V},b){const[_,X]=s.useState(u),[F,v]=s.useState(""),[a,x]=s.useState(!1),[P,R]=s.useState(!1),S=s.useRef(null),L=s.useRef(null),H=s.useRef(null),A=s.useRef(null),r=d!==void 0?d:_,g=ce[c];s.useEffect(()=>{a||v(q(r,n))},[r,n,a]);const f=s.useCallback(e=>{d===void 0&&X(e),i?.(e)},[d,i]),K=s.useCallback(e=>{const t=e.target.value;v(t);const w=de(t,n);w&&f(w)},[n,f]),N=s.useCallback(()=>{R(!1),v(q(r,n))},[r,n]),U=s.useCallback(e=>{e.stopPropagation(),f(null),v(""),L.current?.focus()},[f]),j=s.useCallback((e,t,w)=>{const se=n==="12h"?{hours:e,minutes:t,period:w||r?.period||"AM"}:{hours:e,minutes:t};f(se)},[n,r,f]),Y=s.useCallback(e=>{e.key==="ArrowDown"&&!a?(e.preventDefault(),x(!0)):e.key==="Escape"&&x(!1)},[a]);s.useEffect(()=>{if(!a)return;const e=t=>{S.current?.contains(t.target)||x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[a]),s.useEffect(()=>{!a||!r||setTimeout(()=>{const e=H.current?.querySelector(`[data-value="${r.hours}"]`),t=A.current?.querySelector(`[data-value="${r.minutes}"]`);e?.scrollIntoView({block:"center"}),t?.scrollIntoView({block:"center"})},0)},[a,r]);const[M,G]=s.useState({top:0,left:0,width:0});s.useEffect(()=>{if(!a||!S.current)return;const e=()=>{const t=S.current.getBoundingClientRect();G({top:t.bottom+window.scrollY+l.spacing[1],left:t.left+window.scrollX,width:Math.max(t.width,280)})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[a]);const J=n==="12h"?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t),Q=Array.from({length:60/m},(e,t)=>t*m),Z={position:"relative",display:"inline-flex",width:"100%"},ee={position:"relative",display:"flex",alignItems:"center",width:"100%",height:g.height,backgroundColor:p?"var(--brycks-background-muted)":"var(--brycks-background-default)",border:`1px solid ${E?"var(--brycks-error-default)":P?"var(--brycks-primary-default)":"var(--brycks-border-default)"}`,borderRadius:"var(--brycks-radius-md)",transition:`all ${y.durations.fast}ms ${y.easings.easeOut}`,cursor:p?"not-allowed":"text",boxShadow:P?"var(--brycks-focus-ring)":void 0},te={position:"absolute",left:g.padding,display:"flex",alignItems:"center",justifyContent:"center",color:"var(--brycks-foreground-muted)",pointerEvents:"none"},re={flex:1,height:"100%",padding:`0 ${g.padding}px`,paddingLeft:l.spacing[10],paddingRight:z&&r?l.spacing[10]:g.padding,fontSize:g.fontSize,color:p?"var(--brycks-foreground-disabled)":"var(--brycks-foreground-default)",backgroundColor:"transparent",border:"none",outline:"none",cursor:p?"not-allowed":"text"},ne={position:"absolute",right:g.padding,display:"flex",alignItems:"center",justifyContent:"center",width:l.spacing[5],height:l.spacing[5],color:"var(--brycks-foreground-muted)",cursor:"pointer",borderRadius:"var(--brycks-radius-sm)",transition:`all ${y.durations.fast}ms ${y.easings.easeOut}`},oe={position:"absolute",top:M.top,left:M.left,width:M.width,backgroundColor:"var(--brycks-background-elevated)",border:"1px solid var(--brycks-border-default)",borderRadius:"var(--brycks-radius-lg)",boxShadow:"var(--brycks-shadow-lg)",zIndex:"var(--brycks-z-dropdown)",padding:l.spacing[2],display:"flex",gap:l.spacing[2]},T={flex:1,maxHeight:200,overflowY:"auto",scrollbarWidth:"thin"},$={padding:`${l.spacing[1]}px ${l.spacing[2]}px`,fontSize:C.fontSizes.xs,fontWeight:600,color:"var(--brycks-foreground-muted)",textTransform:"uppercase",textAlign:"center",position:"sticky",top:0,backgroundColor:"var(--brycks-background-elevated)"},I=e=>({display:"flex",alignItems:"center",justifyContent:"center",padding:`${l.spacing[2]}px ${l.spacing[3]}px`,fontSize:g.fontSize,fontWeight:e?600:400,color:e?"var(--brycks-primary-default)":"var(--brycks-foreground-default)",backgroundColor:e?"var(--brycks-primary-50)":"transparent",borderRadius:"var(--brycks-radius-md)",cursor:"pointer",transition:`all ${y.durations.fast}ms ${y.easings.easeOut}`});return o.jsxs("div",{ref:S,className:ae.cx("brycks-timepicker",`brycks-timepicker--${c}`,O),style:Z,"data-testid":V,children:[o.jsxs("div",{style:ee,onClick:()=>!p&&x(!0),children:[o.jsx("span",{style:te,children:o.jsx(le,{})}),o.jsx("input",{ref:e=>{L.current=e,typeof b=="function"?b(e):b&&(b.current=e)},type:"text",role:"combobox","aria-label":D,"aria-expanded":a,"aria-haspopup":"dialog","aria-invalid":E,value:F,placeholder:B||(n==="12h"?"HH:MM AM/PM":"HH:MM"),disabled:p,style:re,onChange:K,onKeyDown:Y,onFocus:()=>R(!0),onBlur:N}),z&&r&&!p&&o.jsx("button",{type:"button","aria-label":"Clear time",style:ne,onClick:U,onMouseEnter:e=>{e.currentTarget.style.backgroundColor="var(--brycks-background-muted)",e.currentTarget.style.color="var(--brycks-foreground-default)"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.color="var(--brycks-foreground-muted)"},children:o.jsx(ue,{})})]}),a&&ie.createPortal(o.jsxs("div",{role:"dialog","aria-label":"Select time",style:oe,children:[o.jsxs("div",{ref:H,style:T,children:[o.jsx("div",{style:$,children:"Hour"}),J.map(e=>o.jsx("div",{"data-value":e,style:I(r?.hours===e),onClick:()=>j(e,r?.minutes??0,r?.period),onMouseEnter:t=>{r?.hours!==e&&(t.currentTarget.style.backgroundColor="var(--brycks-background-muted)")},onMouseLeave:t=>{r?.hours!==e&&(t.currentTarget.style.backgroundColor="transparent")},children:e.toString().padStart(2,"0")},e))]}),o.jsxs("div",{ref:A,style:T,children:[o.jsx("div",{style:$,children:"Min"}),Q.map(e=>o.jsx("div",{"data-value":e,style:I(r?.minutes===e),onClick:()=>j(r?.hours??(n==="12h"?12:0),e,r?.period),onMouseEnter:t=>{r?.minutes!==e&&(t.currentTarget.style.backgroundColor="var(--brycks-background-muted)")},onMouseLeave:t=>{r?.minutes!==e&&(t.currentTarget.style.backgroundColor="transparent")},children:e.toString().padStart(2,"0")},e))]}),n==="12h"&&o.jsxs("div",{style:{...T,flex:.6},children:[o.jsx("div",{style:$,children:"Period"}),["AM","PM"].map(e=>o.jsx("div",{style:I(r?.period===e),onClick:()=>j(r?.hours??12,r?.minutes??0,e),onMouseEnter:t=>{r?.period!==e&&(t.currentTarget.style.backgroundColor="var(--brycks-background-muted)")},onMouseLeave:t=>{r?.period!==e&&(t.currentTarget.style.backgroundColor="transparent")},children:e},e))]})]}),document.body)]})});W.displayName="TimePicker";exports.TimePicker=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),ie=require("react-dom"),ae=require("../../../utils/styles.cjs"),y=require("../../../design-system/tokens/motion.cjs"),h=require("../../../design-system/primitives/sizing.cjs"),C=require("../../../design-system/tokens/typography.cjs"),l=require("../../../design-system/tokens/spacing.cjs"),ce={sm:{height:h.componentHeights.sm,fontSize:C.fontSizes.base-1,padding:h.componentPaddingX.sm},md:{height:h.componentHeights.md,fontSize:C.fontSizes.base,padding:h.componentPaddingX.md},lg:{height:h.componentHeights.lg,fontSize:C.fontSizes.md,padding:h.componentPaddingX.lg}};function le(){return o.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:[o.jsx("circle",{cx:"8",cy:"8",r:"6.5",stroke:"currentColor",strokeWidth:"1.5"}),o.jsx("path",{d:"M8 4v4l2.5 2.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function ue(){return o.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:o.jsx("path",{d:"M4 4l6 6M10 4l-6 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})})}const q=(m,d)=>{if(!m)return"";const{hours:u,minutes:i,period:n}=m;return d==="12h"?`${(u===0?12:u>12?u-12:u).toString().padStart(2,"0")}:${i.toString().padStart(2,"0")} ${n||"AM"}`:`${u.toString().padStart(2,"0")}:${i.toString().padStart(2,"0")}`},de=(m,d)=>{const u=m.trim().toUpperCase();if(d==="12h"){const i=u.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);if(!i)return null;const n=parseInt(i[1],10),c=parseInt(i[2],10),k=i[3]?.toUpperCase()||"AM";return n<1||n>12||c<0||c>59?null:{hours:n,minutes:c,period:k}}else{const i=u.match(/^(\d{1,2}):(\d{2})$/);if(!i)return null;const n=parseInt(i[1],10),c=parseInt(i[2],10);return n<0||n>23||c<0||c>59?null:{hours:n,minutes:c}}},W=s.forwardRef(function({value:d,defaultValue:u=null,onChange:i,format:n="12h",size:c="md",minuteStep:k=1,minTime:pe,maxTime:ge,placeholder:B,disabled:p=!1,isInvalid:E=!1,clearable:z=!0,"aria-label":D="Select time",className:O,testId:V},b){const[_,X]=s.useState(u),[F,v]=s.useState(""),[a,x]=s.useState(!1),[P,R]=s.useState(!1),S=s.useRef(null),L=s.useRef(null),H=s.useRef(null),A=s.useRef(null),r=d!==void 0?d:_,g=ce[c];s.useEffect(()=>{a||v(q(r,n))},[r,n,a]);const f=s.useCallback(e=>{d===void 0&&X(e),i?.(e)},[d,i]),K=s.useCallback(e=>{const t=e.target.value;v(t);const w=de(t,n);w&&f(w)},[n,f]),N=s.useCallback(()=>{R(!1),v(q(r,n))},[r,n]),U=s.useCallback(e=>{e.stopPropagation(),f(null),v(""),L.current?.focus()},[f]),j=s.useCallback((e,t,w)=>{const se=n==="12h"?{hours:e,minutes:t,period:w||r?.period||"AM"}:{hours:e,minutes:t};f(se)},[n,r,f]),Y=s.useCallback(e=>{e.key==="ArrowDown"&&!a?(e.preventDefault(),x(!0)):e.key==="Escape"&&x(!1)},[a]);s.useEffect(()=>{if(!a)return;const e=t=>{S.current?.contains(t.target)||x(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[a]),s.useEffect(()=>{!a||!r||setTimeout(()=>{const e=H.current?.querySelector(`[data-value="${r.hours}"]`),t=A.current?.querySelector(`[data-value="${r.minutes}"]`);e?.scrollIntoView({block:"center"}),t?.scrollIntoView({block:"center"})},0)},[a,r]);const[M,G]=s.useState({top:0,left:0,width:0});s.useEffect(()=>{if(!a||!S.current)return;const e=()=>{const t=S.current.getBoundingClientRect();G({top:t.bottom+window.scrollY+l.spacing[1],left:t.left+window.scrollX,width:Math.max(t.width,280)})};return e(),window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),()=>{window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}},[a]);const J=n==="12h"?Array.from({length:12},(e,t)=>t+1):Array.from({length:24},(e,t)=>t),Q=Array.from({length:60/k},(e,t)=>t*k),Z={position:"relative",display:"inline-flex",width:"100%"},ee={position:"relative",display:"flex",alignItems:"center",width:"100%",height:g.height,backgroundColor:p?"var(--brycks-background-muted)":"var(--brycks-background-default)",border:`1px solid ${E?"var(--brycks-error-default)":P?"var(--brycks-primary-default)":"var(--brycks-border-default)"}`,borderRadius:"var(--brycks-radius-md)",transition:`all ${y.durations.fast}ms ${y.easings.easeOut}`,cursor:p?"not-allowed":"text",boxShadow:P?"var(--brycks-focus-ring)":void 0},te={position:"absolute",left:g.padding,display:"flex",alignItems:"center",justifyContent:"center",color:"var(--brycks-foreground-muted)",pointerEvents:"none"},re={flex:1,height:"100%",padding:`0 ${g.padding}px`,paddingLeft:l.spacing[10],paddingRight:z&&r?l.spacing[10]:g.padding,fontSize:g.fontSize,color:p?"var(--brycks-foreground-disabled)":"var(--brycks-foreground-default)",backgroundColor:"transparent",border:"none",outline:"none",cursor:p?"not-allowed":"text"},ne={position:"absolute",right:g.padding,display:"flex",alignItems:"center",justifyContent:"center",width:l.spacing[5],height:l.spacing[5],color:"var(--brycks-foreground-muted)",cursor:"pointer",borderRadius:"var(--brycks-radius-sm)",transition:`all ${y.durations.fast}ms ${y.easings.easeOut}`},oe={position:"absolute",top:M.top,left:M.left,width:M.width,backgroundColor:"var(--brycks-background-elevated)",border:"1px solid var(--brycks-border-default)",borderRadius:"var(--brycks-radius-lg)",boxShadow:"var(--brycks-shadow-lg)",zIndex:"var(--brycks-z-dropdown)",padding:l.spacing[2],display:"flex",gap:l.spacing[2]},T={flex:1,maxHeight:200,overflowY:"auto",scrollbarWidth:"thin"},$={padding:`${l.spacing[1]}px ${l.spacing[2]}px`,fontSize:C.fontSizes.xs,fontWeight:600,color:"var(--brycks-foreground-muted)",textTransform:"uppercase",textAlign:"center",position:"sticky",top:0,backgroundColor:"var(--brycks-background-elevated)"},I=e=>({display:"flex",alignItems:"center",justifyContent:"center",padding:`${l.spacing[2]}px ${l.spacing[3]}px`,fontSize:g.fontSize,fontWeight:e?600:400,color:e?"var(--brycks-primary-default)":"var(--brycks-foreground-default)",backgroundColor:e?"var(--brycks-primary-muted)":"transparent",borderRadius:"var(--brycks-radius-md)",cursor:"pointer",transition:`all ${y.durations.fast}ms ${y.easings.easeOut}`});return o.jsxs("div",{ref:S,className:ae.cx("brycks-timepicker",`brycks-timepicker--${c}`,O),style:Z,"data-testid":V,children:[o.jsxs("div",{style:ee,onClick:()=>!p&&x(!0),children:[o.jsx("span",{style:te,children:o.jsx(le,{})}),o.jsx("input",{ref:e=>{L.current=e,typeof b=="function"?b(e):b&&(b.current=e)},type:"text",role:"combobox","aria-label":D,"aria-expanded":a,"aria-haspopup":"dialog","aria-invalid":E,value:F,placeholder:B||(n==="12h"?"HH:MM AM/PM":"HH:MM"),disabled:p,style:re,onChange:K,onKeyDown:Y,onFocus:()=>R(!0),onBlur:N}),z&&r&&!p&&o.jsx("button",{type:"button","aria-label":"Clear time",style:ne,onClick:U,onMouseEnter:e=>{e.currentTarget.style.backgroundColor="var(--brycks-background-muted)",e.currentTarget.style.color="var(--brycks-foreground-default)"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.color="var(--brycks-foreground-muted)"},children:o.jsx(ue,{})})]}),a&&ie.createPortal(o.jsxs("div",{role:"dialog","aria-label":"Select time",style:oe,children:[o.jsxs("div",{ref:H,style:T,children:[o.jsx("div",{style:$,children:"Hour"}),J.map(e=>o.jsx("div",{"data-value":e,style:I(r?.hours===e),onClick:()=>j(e,r?.minutes??0,r?.period),onMouseEnter:t=>{r?.hours!==e&&(t.currentTarget.style.backgroundColor="var(--brycks-background-muted)")},onMouseLeave:t=>{r?.hours!==e&&(t.currentTarget.style.backgroundColor="transparent")},children:e.toString().padStart(2,"0")},e))]}),o.jsxs("div",{ref:A,style:T,children:[o.jsx("div",{style:$,children:"Min"}),Q.map(e=>o.jsx("div",{"data-value":e,style:I(r?.minutes===e),onClick:()=>j(r?.hours??(n==="12h"?12:0),e,r?.period),onMouseEnter:t=>{r?.minutes!==e&&(t.currentTarget.style.backgroundColor="var(--brycks-background-muted)")},onMouseLeave:t=>{r?.minutes!==e&&(t.currentTarget.style.backgroundColor="transparent")},children:e.toString().padStart(2,"0")},e))]}),n==="12h"&&o.jsxs("div",{style:{...T,flex:.6},children:[o.jsx("div",{style:$,children:"Period"}),["AM","PM"].map(e=>o.jsx("div",{style:I(r?.period===e),onClick:()=>j(r?.hours??12,r?.minutes??0,e),onMouseEnter:t=>{r?.period!==e&&(t.currentTarget.style.backgroundColor="var(--brycks-background-muted)")},onMouseLeave:t=>{r?.period!==e&&(t.currentTarget.style.backgroundColor="transparent")},children:e},e))]})]}),document.body)]})});W.displayName="TimePicker";exports.TimePicker=W;
 //# sourceMappingURL=TimePicker.cjs.map

package/dist/components/form/TimePicker/TimePicker.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.cjs","sources":["../../../../src/components/form/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * TimePicker Component\n *\n * A time selection component with hour, minute, and optional period (AM/PM).\n * Supports keyboard navigation and manual input.\n *\n * @module components/form/TimePicker\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ChangeEvent,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentHeights, componentPaddingX } from '../../../design-system/primitives'\n\nexport type TimePickerSize = 'sm' | 'md' | 'lg'\nexport type TimeFormat = '12h' | '24h'\n\nexport interface TimeValue {\n  /** Hours (0-23 for 24h, 1-12 for 12h) */\n  hours: number\n  /** Minutes (0-59) */\n  minutes: number\n  /** Period for 12h format */\n  period?: 'AM' | 'PM'\n}\n\nexport interface TimePickerProps {\n  /** Current time value */\n  value?: TimeValue | null\n  /** Default time value (uncontrolled) */\n  defaultValue?: TimeValue | null\n  /** Callback when time changes */\n  onChange?: (value: TimeValue | null) => void\n  /** Time format */\n  format?: TimeFormat\n  /** Component size */\n  size?: TimePickerSize\n  /** Minute step interval */\n  minuteStep?: number\n  /** Minimum selectable time */\n  minTime?: TimeValue\n  /** Maximum selectable time */\n  maxTime?: TimeValue\n  /** Placeholder text */\n  placeholder?: string\n  /** Whether the input is disabled */\n  disabled?: boolean\n  /** Whether the input is invalid */\n  isInvalid?: boolean\n  /** Whether to allow clearing */\n  clearable?: boolean\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<TimePickerSize, { height: number; fontSize: number; padding: number }> = {\n  sm: { height: componentHeights.sm, fontSize: fontSizes.base - 1, padding: componentPaddingX.sm },\n  md: { height: componentHeights.md, fontSize: fontSizes.base, padding: componentPaddingX.md },\n  lg: { height: componentHeights.lg, fontSize: fontSizes.md, padding: componentPaddingX.lg },\n}\n\nfunction ClockIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M8 4v4l2.5 2.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nfunction ClearIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 4l6 6M10 4l-6 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nconst formatTimeValue = (value: TimeValue | null, format: TimeFormat): string => {\n  if (!value) return ''\n\n  const { hours, minutes, period } = value\n\n  if (format === '12h') {\n    const displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours\n    return `${displayHours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')} ${period || 'AM'}`\n  }\n\n  return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`\n}\n\nconst parseTimeString = (str: string, format: TimeFormat): TimeValue | null => {\n  const cleanStr = str.trim().toUpperCase()\n\n  if (format === '12h') {\n    const match = cleanStr.match(/^(\\d{1,2}):(\\d{2})\\s*(AM|PM)?$/i)\n    if (!match) return null\n\n    let hours = parseInt(match[1], 10)\n    const minutes = parseInt(match[2], 10)\n    const period = (match[3]?.toUpperCase() as 'AM' | 'PM') || 'AM'\n\n    if (hours < 1 || hours > 12 || minutes < 0 || minutes > 59) return null\n\n    return { hours, minutes, period }\n  } else {\n    const match = cleanStr.match(/^(\\d{1,2}):(\\d{2})$/)\n    if (!match) return null\n\n    const hours = parseInt(match[1], 10)\n    const minutes = parseInt(match[2], 10)\n\n    if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return null\n\n    return { hours, minutes }\n  }\n}\n\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  {\n    value: controlledValue,\n    defaultValue = null,\n    onChange,\n    format = '12h',\n    size = 'md',\n    minuteStep = 1,\n    minTime: _minTime,\n    maxTime: _maxTime,\n    placeholder,\n    disabled = false,\n    isInvalid = false,\n    clearable = true,\n    'aria-label': ariaLabel = 'Select time',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalValue, setInternalValue] = useState<TimeValue | null>(defaultValue)\n  const [inputValue, setInputValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const [isFocused, setIsFocused] = useState(false)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const hoursRef = useRef<HTMLDivElement>(null)\n  const minutesRef = useRef<HTMLDivElement>(null)\n\n  const value = controlledValue !== undefined ? controlledValue : internalValue\n  const config = sizeConfig[size]\n\n  // Sync input value with controlled value\n  useEffect(() => {\n    if (!isOpen) {\n      setInputValue(formatTimeValue(value, format))\n    }\n  }, [value, format, isOpen])\n\n  const updateValue = useCallback(\n    (newValue: TimeValue | null) => {\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [controlledValue, onChange]\n  )\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const newInputValue = e.target.value\n      setInputValue(newInputValue)\n\n      const parsed = parseTimeString(newInputValue, format)\n      if (parsed) {\n        updateValue(parsed)\n      }\n    },\n    [format, updateValue]\n  )\n\n  const handleInputBlur = useCallback(() => {\n    setIsFocused(false)\n    setInputValue(formatTimeValue(value, format))\n  }, [value, format])\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      updateValue(null)\n      setInputValue('')\n      inputRef.current?.focus()\n    },\n    [updateValue]\n  )\n\n  const selectTime = useCallback(\n    (hours: number, minutes: number, period?: 'AM' | 'PM') => {\n      const newValue: TimeValue = format === '12h'\n        ? { hours, minutes, period: period || value?.period || 'AM' }\n        : { hours, minutes }\n      updateValue(newValue)\n    },\n    [format, value, updateValue]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown' && !isOpen) {\n        e.preventDefault()\n        setIsOpen(true)\n      } else if (e.key === 'Escape') {\n        setIsOpen(false)\n      }\n    },\n    [isOpen]\n  )\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClick = (e: MouseEvent) => {\n      if (!containerRef.current?.contains(e.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [isOpen])\n\n  // Scroll to selected time when opening\n  useEffect(() => {\n    if (!isOpen || !value) return\n\n    setTimeout(() => {\n      const hourEl = hoursRef.current?.querySelector(`[data-value=\"${value.hours}\"]`)\n      const minuteEl = minutesRef.current?.querySelector(`[data-value=\"${value.minutes}\"]`)\n      hourEl?.scrollIntoView({ block: 'center' })\n      minuteEl?.scrollIntoView({ block: 'center' })\n    }, 0)\n  }, [isOpen, value])\n\n  // Calculate dropdown position\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0, width: 0 })\n\n  useEffect(() => {\n    if (!isOpen || !containerRef.current) return\n\n    const updatePosition = () => {\n      const rect = containerRef.current!.getBoundingClientRect()\n      setDropdownPosition({\n        top: rect.bottom + window.scrollY + spacing[1],\n        left: rect.left + window.scrollX,\n        width: Math.max(rect.width, 280),\n      })\n    }\n\n    updatePosition()\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, true)\n\n    return () => {\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, true)\n    }\n  }, [isOpen])\n\n  // Generate hours list\n  const hours = format === '12h'\n    ? Array.from({ length: 12 }, (_, i) => i + 1)\n    : Array.from({ length: 24 }, (_, i) => i)\n\n  // Generate minutes list\n  const minutes = Array.from({ length: 60 / minuteStep }, (_, i) => i * minuteStep)\n\n  const containerStyle: CSSProperties = {\n    position: 'relative',\n    display: 'inline-flex',\n    width: '100%',\n  }\n\n  const inputWrapperStyle: CSSProperties = {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    height: config.height,\n    backgroundColor: disabled ? 'var(--brycks-background-muted)' : 'var(--brycks-background-default)',\n    border: `1px solid ${\n      isInvalid\n        ? 'var(--brycks-error-default)'\n        : isFocused\n        ? 'var(--brycks-primary-default)'\n        : 'var(--brycks-border-default)'\n    }`,\n    borderRadius: 'var(--brycks-radius-md)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n    cursor: disabled ? 'not-allowed' : 'text',\n    boxShadow: isFocused ? 'var(--brycks-focus-ring)' : undefined,\n  }\n\n  const iconStyle: CSSProperties = {\n    position: 'absolute',\n    left: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'var(--brycks-foreground-muted)',\n    pointerEvents: 'none',\n  }\n\n  const inputStyle: CSSProperties = {\n    flex: 1,\n    height: '100%',\n    padding: `0 ${config.padding}px`,\n    paddingLeft: spacing[10],\n    paddingRight: clearable && value ? spacing[10] : config.padding,\n    fontSize: config.fontSize,\n    color: disabled ? 'var(--brycks-foreground-disabled)' : 'var(--brycks-foreground-default)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    outline: 'none',\n    cursor: disabled ? 'not-allowed' : 'text',\n  }\n\n  const clearButtonStyle: CSSProperties = {\n    position: 'absolute',\n    right: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: spacing[5],\n    height: spacing[5],\n    color: 'var(--brycks-foreground-muted)',\n    cursor: 'pointer',\n    borderRadius: 'var(--brycks-radius-sm)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  const dropdownStyle: CSSProperties = {\n    position: 'absolute',\n    top: dropdownPosition.top,\n    left: dropdownPosition.left,\n    width: dropdownPosition.width,\n    backgroundColor: 'var(--brycks-background-elevated)',\n    border: '1px solid var(--brycks-border-default)',\n    borderRadius: 'var(--brycks-radius-lg)',\n    boxShadow: 'var(--brycks-shadow-lg)',\n    zIndex: 'var(--brycks-z-dropdown)' as unknown as number,\n    padding: spacing[2],\n    display: 'flex',\n    gap: spacing[2],\n  }\n\n  const columnStyle: CSSProperties = {\n    flex: 1,\n    maxHeight: 200,\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n  }\n\n  const columnHeaderStyle: CSSProperties = {\n    padding: `${spacing[1]}px ${spacing[2]}px`,\n    fontSize: fontSizes.xs,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-muted)',\n    textTransform: 'uppercase',\n    textAlign: 'center',\n    position: 'sticky',\n    top: 0,\n    backgroundColor: 'var(--brycks-background-elevated)',\n  }\n\n  const optionStyle = (isSelected: boolean): CSSProperties => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: `${spacing[2]}px ${spacing[3]}px`,\n    fontSize: config.fontSize,\n    fontWeight: isSelected ? 600 : 400,\n    color: isSelected ? 'var(--brycks-primary-default)' : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected ? 'var(--brycks-primary-50)' : 'transparent',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: 'pointer',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  })\n\n  return (\n    <div\n      ref={containerRef}\n      className={cx('brycks-timepicker', `brycks-timepicker--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n    >\n      <div style={inputWrapperStyle} onClick={() => !disabled && setIsOpen(true)}>\n        <span style={iconStyle}>\n          <ClockIcon />\n        </span>\n        <input\n          ref={(node) => {\n            (inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node\n            if (typeof ref === 'function') ref(node)\n            else if (ref) ref.current = node\n          }}\n          type=\"text\"\n          role=\"combobox\"\n          aria-label={ariaLabel}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={isInvalid}\n          value={inputValue}\n          placeholder={placeholder || (format === '12h' ? 'HH:MM AM/PM' : 'HH:MM')}\n          disabled={disabled}\n          style={inputStyle}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={() => setIsFocused(true)}\n          onBlur={handleInputBlur}\n        />\n        {clearable && value && !disabled && (\n          <button\n            type=\"button\"\n            aria-label=\"Clear time\"\n            style={clearButtonStyle}\n            onClick={handleClear}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n              e.currentTarget.style.color = 'var(--brycks-foreground-default)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'transparent'\n              e.currentTarget.style.color = 'var(--brycks-foreground-muted)'\n            }}\n          >\n            <ClearIcon />\n          </button>\n        )}\n      </div>\n\n      {isOpen &&\n        createPortal(\n          <div role=\"dialog\" aria-label=\"Select time\" style={dropdownStyle}>\n            <div ref={hoursRef} style={columnStyle}>\n              <div style={columnHeaderStyle}>Hour</div>\n              {hours.map((hour) => (\n                <div\n                  key={hour}\n                  data-value={hour}\n                  style={optionStyle(value?.hours === hour)}\n                  onClick={() => selectTime(hour, value?.minutes ?? 0, value?.period)}\n                  onMouseEnter={(e) => {\n                    if (value?.hours !== hour) {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }\n                  }}\n                  onMouseLeave={(e) => {\n                    if (value?.hours !== hour) {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }\n                  }}\n                >\n                  {hour.toString().padStart(2, '0')}\n                </div>\n              ))}\n            </div>\n\n            <div ref={minutesRef} style={columnStyle}>\n              <div style={columnHeaderStyle}>Min</div>\n              {minutes.map((minute) => (\n                <div\n                  key={minute}\n                  data-value={minute}\n                  style={optionStyle(value?.minutes === minute)}\n                  onClick={() => selectTime(value?.hours ?? (format === '12h' ? 12 : 0), minute, value?.period)}\n                  onMouseEnter={(e) => {\n                    if (value?.minutes !== minute) {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }\n                  }}\n                  onMouseLeave={(e) => {\n                    if (value?.minutes !== minute) {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }\n                  }}\n                >\n                  {minute.toString().padStart(2, '0')}\n                </div>\n              ))}\n            </div>\n\n            {format === '12h' && (\n              <div style={{ ...columnStyle, flex: 0.6 }}>\n                <div style={columnHeaderStyle}>Period</div>\n                {(['AM', 'PM'] as const).map((period) => (\n                  <div\n                    key={period}\n                    style={optionStyle(value?.period === period)}\n                    onClick={() => selectTime(value?.hours ?? 12, value?.minutes ?? 0, period)}\n                    onMouseEnter={(e) => {\n                      if (value?.period !== period) {\n                        e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                      }\n                    }}\n                    onMouseLeave={(e) => {\n                      if (value?.period !== period) {\n                        e.currentTarget.style.backgroundColor = 'transparent'\n                      }\n                    }}\n                  >\n                    {period}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  )\n})\n\nTimePicker.displayName = 'TimePicker'\n"],"names":["sizeConfig","componentHeights","fontSizes","componentPaddingX","ClockIcon","jsxs","jsx","ClearIcon","formatTimeValue","value","format","hours","minutes","period","parseTimeString","str","cleanStr","match","TimePicker","forwardRef","controlledValue","defaultValue","onChange","size","minuteStep","_minTime","_maxTime","placeholder","disabled","isInvalid","clearable","ariaLabel","className","testId","ref","internalValue","setInternalValue","useState","inputValue","setInputValue","isOpen","setIsOpen","isFocused","setIsFocused","containerRef","useRef","inputRef","hoursRef","minutesRef","config","useEffect","updateValue","useCallback","newValue","handleInputChange","newInputValue","parsed","handleInputBlur","handleClear","selectTime","handleKeyDown","handleClick","e","hourEl","minuteEl","dropdownPosition","setDropdownPosition","updatePosition","rect","spacing","_","i","containerStyle","inputWrapperStyle","durations","easings","iconStyle","inputStyle","clearButtonStyle","dropdownStyle","columnStyle","columnHeaderStyle","optionStyle","isSelected","cx","node","createPortal","hour","minute"],"mappings":"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"}
+{"version":3,"file":"TimePicker.cjs","sources":["../../../../src/components/form/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * TimePicker Component\n *\n * A time selection component with hour, minute, and optional period (AM/PM).\n * Supports keyboard navigation and manual input.\n *\n * @module components/form/TimePicker\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ChangeEvent,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentHeights, componentPaddingX } from '../../../design-system/primitives'\n\nexport type TimePickerSize = 'sm' | 'md' | 'lg'\nexport type TimeFormat = '12h' | '24h'\n\nexport interface TimeValue {\n  /** Hours (0-23 for 24h, 1-12 for 12h) */\n  hours: number\n  /** Minutes (0-59) */\n  minutes: number\n  /** Period for 12h format */\n  period?: 'AM' | 'PM'\n}\n\nexport interface TimePickerProps {\n  /** Current time value */\n  value?: TimeValue | null\n  /** Default time value (uncontrolled) */\n  defaultValue?: TimeValue | null\n  /** Callback when time changes */\n  onChange?: (value: TimeValue | null) => void\n  /** Time format */\n  format?: TimeFormat\n  /** Component size */\n  size?: TimePickerSize\n  /** Minute step interval */\n  minuteStep?: number\n  /** Minimum selectable time */\n  minTime?: TimeValue\n  /** Maximum selectable time */\n  maxTime?: TimeValue\n  /** Placeholder text */\n  placeholder?: string\n  /** Whether the input is disabled */\n  disabled?: boolean\n  /** Whether the input is invalid */\n  isInvalid?: boolean\n  /** Whether to allow clearing */\n  clearable?: boolean\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<TimePickerSize, { height: number; fontSize: number; padding: number }> = {\n  sm: { height: componentHeights.sm, fontSize: fontSizes.base - 1, padding: componentPaddingX.sm },\n  md: { height: componentHeights.md, fontSize: fontSizes.base, padding: componentPaddingX.md },\n  lg: { height: componentHeights.lg, fontSize: fontSizes.md, padding: componentPaddingX.lg },\n}\n\nfunction ClockIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M8 4v4l2.5 2.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nfunction ClearIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 4l6 6M10 4l-6 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nconst formatTimeValue = (value: TimeValue | null, format: TimeFormat): string => {\n  if (!value) return ''\n\n  const { hours, minutes, period } = value\n\n  if (format === '12h') {\n    const displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours\n    return `${displayHours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')} ${period || 'AM'}`\n  }\n\n  return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`\n}\n\nconst parseTimeString = (str: string, format: TimeFormat): TimeValue | null => {\n  const cleanStr = str.trim().toUpperCase()\n\n  if (format === '12h') {\n    const match = cleanStr.match(/^(\\d{1,2}):(\\d{2})\\s*(AM|PM)?$/i)\n    if (!match) return null\n\n    const hours = parseInt(match[1], 10)\n    const minutes = parseInt(match[2], 10)\n    const period = (match[3]?.toUpperCase() as 'AM' | 'PM') || 'AM'\n\n    if (hours < 1 || hours > 12 || minutes < 0 || minutes > 59) return null\n\n    return { hours, minutes, period }\n  } else {\n    const match = cleanStr.match(/^(\\d{1,2}):(\\d{2})$/)\n    if (!match) return null\n\n    const hours = parseInt(match[1], 10)\n    const minutes = parseInt(match[2], 10)\n\n    if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return null\n\n    return { hours, minutes }\n  }\n}\n\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  {\n    value: controlledValue,\n    defaultValue = null,\n    onChange,\n    format = '12h',\n    size = 'md',\n    minuteStep = 1,\n    minTime: _minTime,\n    maxTime: _maxTime,\n    placeholder,\n    disabled = false,\n    isInvalid = false,\n    clearable = true,\n    'aria-label': ariaLabel = 'Select time',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalValue, setInternalValue] = useState<TimeValue | null>(defaultValue)\n  const [inputValue, setInputValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const [isFocused, setIsFocused] = useState(false)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const hoursRef = useRef<HTMLDivElement>(null)\n  const minutesRef = useRef<HTMLDivElement>(null)\n\n  const value = controlledValue !== undefined ? controlledValue : internalValue\n  const config = sizeConfig[size]\n\n  // Sync input value with controlled value\n  useEffect(() => {\n    if (!isOpen) {\n      setInputValue(formatTimeValue(value, format))\n    }\n  }, [value, format, isOpen])\n\n  const updateValue = useCallback(\n    (newValue: TimeValue | null) => {\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [controlledValue, onChange]\n  )\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const newInputValue = e.target.value\n      setInputValue(newInputValue)\n\n      const parsed = parseTimeString(newInputValue, format)\n      if (parsed) {\n        updateValue(parsed)\n      }\n    },\n    [format, updateValue]\n  )\n\n  const handleInputBlur = useCallback(() => {\n    setIsFocused(false)\n    setInputValue(formatTimeValue(value, format))\n  }, [value, format])\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      updateValue(null)\n      setInputValue('')\n      inputRef.current?.focus()\n    },\n    [updateValue]\n  )\n\n  const selectTime = useCallback(\n    (hours: number, minutes: number, period?: 'AM' | 'PM') => {\n      const newValue: TimeValue = format === '12h'\n        ? { hours, minutes, period: period || value?.period || 'AM' }\n        : { hours, minutes }\n      updateValue(newValue)\n    },\n    [format, value, updateValue]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown' && !isOpen) {\n        e.preventDefault()\n        setIsOpen(true)\n      } else if (e.key === 'Escape') {\n        setIsOpen(false)\n      }\n    },\n    [isOpen]\n  )\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClick = (e: MouseEvent) => {\n      if (!containerRef.current?.contains(e.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [isOpen])\n\n  // Scroll to selected time when opening\n  useEffect(() => {\n    if (!isOpen || !value) return\n\n    setTimeout(() => {\n      const hourEl = hoursRef.current?.querySelector(`[data-value=\"${value.hours}\"]`)\n      const minuteEl = minutesRef.current?.querySelector(`[data-value=\"${value.minutes}\"]`)\n      hourEl?.scrollIntoView({ block: 'center' })\n      minuteEl?.scrollIntoView({ block: 'center' })\n    }, 0)\n  }, [isOpen, value])\n\n  // Calculate dropdown position\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0, width: 0 })\n\n  useEffect(() => {\n    if (!isOpen || !containerRef.current) return\n\n    const updatePosition = () => {\n      const rect = containerRef.current!.getBoundingClientRect()\n      setDropdownPosition({\n        top: rect.bottom + window.scrollY + spacing[1],\n        left: rect.left + window.scrollX,\n        width: Math.max(rect.width, 280),\n      })\n    }\n\n    updatePosition()\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, true)\n\n    return () => {\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, true)\n    }\n  }, [isOpen])\n\n  // Generate hours list\n  const hours = format === '12h'\n    ? Array.from({ length: 12 }, (_, i) => i + 1)\n    : Array.from({ length: 24 }, (_, i) => i)\n\n  // Generate minutes list\n  const minutes = Array.from({ length: 60 / minuteStep }, (_, i) => i * minuteStep)\n\n  const containerStyle: CSSProperties = {\n    position: 'relative',\n    display: 'inline-flex',\n    width: '100%',\n  }\n\n  const inputWrapperStyle: CSSProperties = {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    height: config.height,\n    backgroundColor: disabled ? 'var(--brycks-background-muted)' : 'var(--brycks-background-default)',\n    border: `1px solid ${\n      isInvalid\n        ? 'var(--brycks-error-default)'\n        : isFocused\n        ? 'var(--brycks-primary-default)'\n        : 'var(--brycks-border-default)'\n    }`,\n    borderRadius: 'var(--brycks-radius-md)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n    cursor: disabled ? 'not-allowed' : 'text',\n    boxShadow: isFocused ? 'var(--brycks-focus-ring)' : undefined,\n  }\n\n  const iconStyle: CSSProperties = {\n    position: 'absolute',\n    left: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'var(--brycks-foreground-muted)',\n    pointerEvents: 'none',\n  }\n\n  const inputStyle: CSSProperties = {\n    flex: 1,\n    height: '100%',\n    padding: `0 ${config.padding}px`,\n    paddingLeft: spacing[10],\n    paddingRight: clearable && value ? spacing[10] : config.padding,\n    fontSize: config.fontSize,\n    color: disabled ? 'var(--brycks-foreground-disabled)' : 'var(--brycks-foreground-default)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    outline: 'none',\n    cursor: disabled ? 'not-allowed' : 'text',\n  }\n\n  const clearButtonStyle: CSSProperties = {\n    position: 'absolute',\n    right: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: spacing[5],\n    height: spacing[5],\n    color: 'var(--brycks-foreground-muted)',\n    cursor: 'pointer',\n    borderRadius: 'var(--brycks-radius-sm)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  const dropdownStyle: CSSProperties = {\n    position: 'absolute',\n    top: dropdownPosition.top,\n    left: dropdownPosition.left,\n    width: dropdownPosition.width,\n    backgroundColor: 'var(--brycks-background-elevated)',\n    border: '1px solid var(--brycks-border-default)',\n    borderRadius: 'var(--brycks-radius-lg)',\n    boxShadow: 'var(--brycks-shadow-lg)',\n    zIndex: 'var(--brycks-z-dropdown)' as unknown as number,\n    padding: spacing[2],\n    display: 'flex',\n    gap: spacing[2],\n  }\n\n  const columnStyle: CSSProperties = {\n    flex: 1,\n    maxHeight: 200,\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n  }\n\n  const columnHeaderStyle: CSSProperties = {\n    padding: `${spacing[1]}px ${spacing[2]}px`,\n    fontSize: fontSizes.xs,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-muted)',\n    textTransform: 'uppercase',\n    textAlign: 'center',\n    position: 'sticky',\n    top: 0,\n    backgroundColor: 'var(--brycks-background-elevated)',\n  }\n\n  const optionStyle = (isSelected: boolean): CSSProperties => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: `${spacing[2]}px ${spacing[3]}px`,\n    fontSize: config.fontSize,\n    fontWeight: isSelected ? 600 : 400,\n    color: isSelected ? 'var(--brycks-primary-default)' : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected ? 'var(--brycks-primary-muted)' : 'transparent',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: 'pointer',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  })\n\n  return (\n    <div\n      ref={containerRef}\n      className={cx('brycks-timepicker', `brycks-timepicker--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n    >\n      <div style={inputWrapperStyle} onClick={() => !disabled && setIsOpen(true)}>\n        <span style={iconStyle}>\n          <ClockIcon />\n        </span>\n        <input\n          ref={(node) => {\n            (inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node\n            if (typeof ref === 'function') ref(node)\n            else if (ref) ref.current = node\n          }}\n          type=\"text\"\n          role=\"combobox\"\n          aria-label={ariaLabel}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={isInvalid}\n          value={inputValue}\n          placeholder={placeholder || (format === '12h' ? 'HH:MM AM/PM' : 'HH:MM')}\n          disabled={disabled}\n          style={inputStyle}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={() => setIsFocused(true)}\n          onBlur={handleInputBlur}\n        />\n        {clearable && value && !disabled && (\n          <button\n            type=\"button\"\n            aria-label=\"Clear time\"\n            style={clearButtonStyle}\n            onClick={handleClear}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n              e.currentTarget.style.color = 'var(--brycks-foreground-default)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'transparent'\n              e.currentTarget.style.color = 'var(--brycks-foreground-muted)'\n            }}\n          >\n            <ClearIcon />\n          </button>\n        )}\n      </div>\n\n      {isOpen &&\n        createPortal(\n          <div role=\"dialog\" aria-label=\"Select time\" style={dropdownStyle}>\n            <div ref={hoursRef} style={columnStyle}>\n              <div style={columnHeaderStyle}>Hour</div>\n              {hours.map((hour) => (\n                <div\n                  key={hour}\n                  data-value={hour}\n                  style={optionStyle(value?.hours === hour)}\n                  onClick={() => selectTime(hour, value?.minutes ?? 0, value?.period)}\n                  onMouseEnter={(e) => {\n                    if (value?.hours !== hour) {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }\n                  }}\n                  onMouseLeave={(e) => {\n                    if (value?.hours !== hour) {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }\n                  }}\n                >\n                  {hour.toString().padStart(2, '0')}\n                </div>\n              ))}\n            </div>\n\n            <div ref={minutesRef} style={columnStyle}>\n              <div style={columnHeaderStyle}>Min</div>\n              {minutes.map((minute) => (\n                <div\n                  key={minute}\n                  data-value={minute}\n                  style={optionStyle(value?.minutes === minute)}\n                  onClick={() => selectTime(value?.hours ?? (format === '12h' ? 12 : 0), minute, value?.period)}\n                  onMouseEnter={(e) => {\n                    if (value?.minutes !== minute) {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }\n                  }}\n                  onMouseLeave={(e) => {\n                    if (value?.minutes !== minute) {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }\n                  }}\n                >\n                  {minute.toString().padStart(2, '0')}\n                </div>\n              ))}\n            </div>\n\n            {format === '12h' && (\n              <div style={{ ...columnStyle, flex: 0.6 }}>\n                <div style={columnHeaderStyle}>Period</div>\n                {(['AM', 'PM'] as const).map((period) => (\n                  <div\n                    key={period}\n                    style={optionStyle(value?.period === period)}\n                    onClick={() => selectTime(value?.hours ?? 12, value?.minutes ?? 0, period)}\n                    onMouseEnter={(e) => {\n                      if (value?.period !== period) {\n                        e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                      }\n                    }}\n                    onMouseLeave={(e) => {\n                      if (value?.period !== period) {\n                        e.currentTarget.style.backgroundColor = 'transparent'\n                      }\n                    }}\n                  >\n                    {period}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  )\n})\n\nTimePicker.displayName = 'TimePicker'\n"],"names":["sizeConfig","componentHeights","fontSizes","componentPaddingX","ClockIcon","jsxs","jsx","ClearIcon","formatTimeValue","value","format","hours","minutes","period","parseTimeString","str","cleanStr","match","TimePicker","forwardRef","controlledValue","defaultValue","onChange","size","minuteStep","_minTime","_maxTime","placeholder","disabled","isInvalid","clearable","ariaLabel","className","testId","ref","internalValue","setInternalValue","useState","inputValue","setInputValue","isOpen","setIsOpen","isFocused","setIsFocused","containerRef","useRef","inputRef","hoursRef","minutesRef","config","useEffect","updateValue","useCallback","newValue","handleInputChange","newInputValue","parsed","handleInputBlur","handleClear","selectTime","handleKeyDown","handleClick","e","hourEl","minuteEl","dropdownPosition","setDropdownPosition","updatePosition","rect","spacing","_","i","containerStyle","inputWrapperStyle","durations","easings","iconStyle","inputStyle","clearButtonStyle","dropdownStyle","columnStyle","columnHeaderStyle","optionStyle","isSelected","cx","node","createPortal","hour","minute"],"mappings":"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"}

package/dist/components/form/TimePicker/TimePicker.js

@@ -22,26 +22,25 @@ function he() {
 }
 const F = (h, d) => {
   if (!h) return "";
-  const { hours: c, minutes: i, period: n } = h;
-  return d === "12h" ? `${(c === 0 ? 12 : c > 12 ? c - 12 : c).toString().padStart(2, "0")}:${i.toString().padStart(2, "0")} ${n || "AM"}` : `${c.toString().padStart(2, "0")}:${i.toString().padStart(2, "0")}`;
+  const { hours: c, minutes: s, period: n } = h;
+  return d === "12h" ? `${(c === 0 ? 12 : c > 12 ? c - 12 : c).toString().padStart(2, "0")}:${s.toString().padStart(2, "0")} ${n || "AM"}` : `${c.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
 }, me = (h, d) => {
   const c = h.trim().toUpperCase();
   if (d === "12h") {
-    const i = c.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);
-    if (!i) return null;
-    let n = parseInt(i[1], 10);
-    const a = parseInt(i[2], 10), k = i[3]?.toUpperCase() || "AM";
+    const s = c.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)?$/i);
+    if (!s) return null;
+    const n = parseInt(s[1], 10), a = parseInt(s[2], 10), k = s[3]?.toUpperCase() || "AM";
     return n < 1 || n > 12 || a < 0 || a > 59 ? null : { hours: n, minutes: a, period: k };
   } else {
-    const i = c.match(/^(\d{1,2}):(\d{2})$/);
-    if (!i) return null;
-    const n = parseInt(i[1], 10), a = parseInt(i[2], 10);
+    const s = c.match(/^(\d{1,2}):(\d{2})$/);
+    if (!s) return null;
+    const n = parseInt(s[1], 10), a = parseInt(s[2], 10);
     return n < 0 || n > 23 || a < 0 || a > 59 ? null : { hours: n, minutes: a };
   }
 }, ke = ue(function({
   value: d,
   defaultValue: c = null,
-  onChange: i,
+  onChange: s,
   format: n = "12h",
   size: a = "md",
   minuteStep: k = 1,
@@ -55,15 +54,15 @@ const F = (h, d) => {
   className: N,
   testId: U
 }, b) {
-  const [X, Y] = m(c), [G, v] = m(""), [s, w] = m(!1), [B, V] = m(!1), x = C(null), D = C(null), O = C(null), _ = C(null), t = d !== void 0 ? d : X, p = ge[a];
+  const [X, Y] = m(c), [G, v] = m(""), [i, w] = m(!1), [B, V] = m(!1), x = C(null), D = C(null), O = C(null), _ = C(null), t = d !== void 0 ? d : X, p = ge[a];
   M(() => {
-    s || v(F(t, n));
-  }, [t, n, s]);
+    i || v(F(t, n));
+  }, [t, n, i]);
   const g = y(
     (e) => {
-      d === void 0 && Y(e), i?.(e);
+      d === void 0 && Y(e), s?.(e);
     },
-    [d, i]
+    [d, s]
   ), J = y(
     (e) => {
       const r = e.target.value;
@@ -87,25 +86,25 @@ const F = (h, d) => {
     [n, t, g]
   ), ee = y(
     (e) => {
-      e.key === "ArrowDown" && !s ? (e.preventDefault(), w(!0)) : e.key === "Escape" && w(!1);
+      e.key === "ArrowDown" && !i ? (e.preventDefault(), w(!0)) : e.key === "Escape" && w(!1);
     },
-    [s]
+    [i]
   );
   M(() => {
-    if (!s) return;
+    if (!i) return;
     const e = (r) => {
       x.current?.contains(r.target) || w(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [s]), M(() => {
-    !s || !t || setTimeout(() => {
+  }, [i]), M(() => {
+    !i || !t || setTimeout(() => {
       const e = O.current?.querySelector(`[data-value="${t.hours}"]`), r = _.current?.querySelector(`[data-value="${t.minutes}"]`);
       e?.scrollIntoView({ block: "center" }), r?.scrollIntoView({ block: "center" });
     }, 0);
-  }, [s, t]);
+  }, [i, t]);
   const [I, re] = m({ top: 0, left: 0, width: 0 });
   M(() => {
-    if (!s || !x.current) return;
+    if (!i || !x.current) return;
     const e = () => {
       const r = x.current.getBoundingClientRect();
       re({
@@ -117,12 +116,12 @@ const F = (h, d) => {
     return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
       window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
-  }, [s]);
+  }, [i]);
   const te = n === "12h" ? Array.from({ length: 12 }, (e, r) => r + 1) : Array.from({ length: 24 }, (e, r) => r), ne = Array.from({ length: 60 / k }, (e, r) => r * k), oe = {
     position: "relative",
     display: "inline-flex",
     width: "100%"
-  }, ie = {
+  }, se = {
     position: "relative",
     display: "flex",
     alignItems: "center",
@@ -134,7 +133,7 @@ const F = (h, d) => {
     transition: `all ${P.fast}ms ${R.easeOut}`,
     cursor: u ? "not-allowed" : "text",
     boxShadow: B ? "var(--brycks-focus-ring)" : void 0
-  }, se = {
+  }, ie = {
     position: "absolute",
     left: p.padding,
     display: "flex",
@@ -202,7 +201,7 @@ const F = (h, d) => {
     fontSize: p.fontSize,
     fontWeight: e ? 600 : 400,
     color: e ? "var(--brycks-primary-default)" : "var(--brycks-foreground-default)",
-    backgroundColor: e ? "var(--brycks-primary-50)" : "transparent",
+    backgroundColor: e ? "var(--brycks-primary-muted)" : "transparent",
     borderRadius: "var(--brycks-radius-md)",
     cursor: "pointer",
     transition: `all ${P.fast}ms ${R.easeOut}`
@@ -215,8 +214,8 @@ const F = (h, d) => {
       style: oe,
       "data-testid": U,
       children: [
-        /* @__PURE__ */ f("div", { style: ie, onClick: () => !u && w(!0), children: [
-          /* @__PURE__ */ o("span", { style: se, children: /* @__PURE__ */ o(ye, {}) }),
+        /* @__PURE__ */ f("div", { style: se, onClick: () => !u && w(!0), children: [
+          /* @__PURE__ */ o("span", { style: ie, children: /* @__PURE__ */ o(ye, {}) }),
           /* @__PURE__ */ o(
             "input",
             {
@@ -226,7 +225,7 @@ const F = (h, d) => {
               type: "text",
               role: "combobox",
               "aria-label": K,
-              "aria-expanded": s,
+              "aria-expanded": i,
               "aria-haspopup": "dialog",
               "aria-invalid": W,
               value: G,
@@ -256,7 +255,7 @@ const F = (h, d) => {
             }
           )
         ] }),
-        s && pe(
+        i && pe(
           /* @__PURE__ */ f("div", { role: "dialog", "aria-label": "Select time", style: ce, children: [
             /* @__PURE__ */ f("div", { ref: O, style: E, children: [
               /* @__PURE__ */ o("div", { style: L, children: "Hour" }),

package/dist/components/form/TimePicker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../../../../src/components/form/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * TimePicker Component\n *\n * A time selection component with hour, minute, and optional period (AM/PM).\n * Supports keyboard navigation and manual input.\n *\n * @module components/form/TimePicker\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ChangeEvent,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentHeights, componentPaddingX } from '../../../design-system/primitives'\n\nexport type TimePickerSize = 'sm' | 'md' | 'lg'\nexport type TimeFormat = '12h' | '24h'\n\nexport interface TimeValue {\n  /** Hours (0-23 for 24h, 1-12 for 12h) */\n  hours: number\n  /** Minutes (0-59) */\n  minutes: number\n  /** Period for 12h format */\n  period?: 'AM' | 'PM'\n}\n\nexport interface TimePickerProps {\n  /** Current time value */\n  value?: TimeValue | null\n  /** Default time value (uncontrolled) */\n  defaultValue?: TimeValue | null\n  /** Callback when time changes */\n  onChange?: (value: TimeValue | null) => void\n  /** Time format */\n  format?: TimeFormat\n  /** Component size */\n  size?: TimePickerSize\n  /** Minute step interval */\n  minuteStep?: number\n  /** Minimum selectable time */\n  minTime?: TimeValue\n  /** Maximum selectable time */\n  maxTime?: TimeValue\n  /** Placeholder text */\n  placeholder?: string\n  /** Whether the input is disabled */\n  disabled?: boolean\n  /** Whether the input is invalid */\n  isInvalid?: boolean\n  /** Whether to allow clearing */\n  clearable?: boolean\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<TimePickerSize, { height: number; fontSize: number; padding: number }> = {\n  sm: { height: componentHeights.sm, fontSize: fontSizes.base - 1, padding: componentPaddingX.sm },\n  md: { height: componentHeights.md, fontSize: fontSizes.base, padding: componentPaddingX.md },\n  lg: { height: componentHeights.lg, fontSize: fontSizes.md, padding: componentPaddingX.lg },\n}\n\nfunction ClockIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M8 4v4l2.5 2.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nfunction ClearIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 4l6 6M10 4l-6 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nconst formatTimeValue = (value: TimeValue | null, format: TimeFormat): string => {\n  if (!value) return ''\n\n  const { hours, minutes, period } = value\n\n  if (format === '12h') {\n    const displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours\n    return `${displayHours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')} ${period || 'AM'}`\n  }\n\n  return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`\n}\n\nconst parseTimeString = (str: string, format: TimeFormat): TimeValue | null => {\n  const cleanStr = str.trim().toUpperCase()\n\n  if (format === '12h') {\n    const match = cleanStr.match(/^(\\d{1,2}):(\\d{2})\\s*(AM|PM)?$/i)\n    if (!match) return null\n\n    let hours = parseInt(match[1], 10)\n    const minutes = parseInt(match[2], 10)\n    const period = (match[3]?.toUpperCase() as 'AM' | 'PM') || 'AM'\n\n    if (hours < 1 || hours > 12 || minutes < 0 || minutes > 59) return null\n\n    return { hours, minutes, period }\n  } else {\n    const match = cleanStr.match(/^(\\d{1,2}):(\\d{2})$/)\n    if (!match) return null\n\n    const hours = parseInt(match[1], 10)\n    const minutes = parseInt(match[2], 10)\n\n    if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return null\n\n    return { hours, minutes }\n  }\n}\n\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  {\n    value: controlledValue,\n    defaultValue = null,\n    onChange,\n    format = '12h',\n    size = 'md',\n    minuteStep = 1,\n    minTime: _minTime,\n    maxTime: _maxTime,\n    placeholder,\n    disabled = false,\n    isInvalid = false,\n    clearable = true,\n    'aria-label': ariaLabel = 'Select time',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalValue, setInternalValue] = useState<TimeValue | null>(defaultValue)\n  const [inputValue, setInputValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const [isFocused, setIsFocused] = useState(false)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const hoursRef = useRef<HTMLDivElement>(null)\n  const minutesRef = useRef<HTMLDivElement>(null)\n\n  const value = controlledValue !== undefined ? controlledValue : internalValue\n  const config = sizeConfig[size]\n\n  // Sync input value with controlled value\n  useEffect(() => {\n    if (!isOpen) {\n      setInputValue(formatTimeValue(value, format))\n    }\n  }, [value, format, isOpen])\n\n  const updateValue = useCallback(\n    (newValue: TimeValue | null) => {\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [controlledValue, onChange]\n  )\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const newInputValue = e.target.value\n      setInputValue(newInputValue)\n\n      const parsed = parseTimeString(newInputValue, format)\n      if (parsed) {\n        updateValue(parsed)\n      }\n    },\n    [format, updateValue]\n  )\n\n  const handleInputBlur = useCallback(() => {\n    setIsFocused(false)\n    setInputValue(formatTimeValue(value, format))\n  }, [value, format])\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      updateValue(null)\n      setInputValue('')\n      inputRef.current?.focus()\n    },\n    [updateValue]\n  )\n\n  const selectTime = useCallback(\n    (hours: number, minutes: number, period?: 'AM' | 'PM') => {\n      const newValue: TimeValue = format === '12h'\n        ? { hours, minutes, period: period || value?.period || 'AM' }\n        : { hours, minutes }\n      updateValue(newValue)\n    },\n    [format, value, updateValue]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown' && !isOpen) {\n        e.preventDefault()\n        setIsOpen(true)\n      } else if (e.key === 'Escape') {\n        setIsOpen(false)\n      }\n    },\n    [isOpen]\n  )\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClick = (e: MouseEvent) => {\n      if (!containerRef.current?.contains(e.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [isOpen])\n\n  // Scroll to selected time when opening\n  useEffect(() => {\n    if (!isOpen || !value) return\n\n    setTimeout(() => {\n      const hourEl = hoursRef.current?.querySelector(`[data-value=\"${value.hours}\"]`)\n      const minuteEl = minutesRef.current?.querySelector(`[data-value=\"${value.minutes}\"]`)\n      hourEl?.scrollIntoView({ block: 'center' })\n      minuteEl?.scrollIntoView({ block: 'center' })\n    }, 0)\n  }, [isOpen, value])\n\n  // Calculate dropdown position\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0, width: 0 })\n\n  useEffect(() => {\n    if (!isOpen || !containerRef.current) return\n\n    const updatePosition = () => {\n      const rect = containerRef.current!.getBoundingClientRect()\n      setDropdownPosition({\n        top: rect.bottom + window.scrollY + spacing[1],\n        left: rect.left + window.scrollX,\n        width: Math.max(rect.width, 280),\n      })\n    }\n\n    updatePosition()\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, true)\n\n    return () => {\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, true)\n    }\n  }, [isOpen])\n\n  // Generate hours list\n  const hours = format === '12h'\n    ? Array.from({ length: 12 }, (_, i) => i + 1)\n    : Array.from({ length: 24 }, (_, i) => i)\n\n  // Generate minutes list\n  const minutes = Array.from({ length: 60 / minuteStep }, (_, i) => i * minuteStep)\n\n  const containerStyle: CSSProperties = {\n    position: 'relative',\n    display: 'inline-flex',\n    width: '100%',\n  }\n\n  const inputWrapperStyle: CSSProperties = {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    height: config.height,\n    backgroundColor: disabled ? 'var(--brycks-background-muted)' : 'var(--brycks-background-default)',\n    border: `1px solid ${\n      isInvalid\n        ? 'var(--brycks-error-default)'\n        : isFocused\n        ? 'var(--brycks-primary-default)'\n        : 'var(--brycks-border-default)'\n    }`,\n    borderRadius: 'var(--brycks-radius-md)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n    cursor: disabled ? 'not-allowed' : 'text',\n    boxShadow: isFocused ? 'var(--brycks-focus-ring)' : undefined,\n  }\n\n  const iconStyle: CSSProperties = {\n    position: 'absolute',\n    left: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'var(--brycks-foreground-muted)',\n    pointerEvents: 'none',\n  }\n\n  const inputStyle: CSSProperties = {\n    flex: 1,\n    height: '100%',\n    padding: `0 ${config.padding}px`,\n    paddingLeft: spacing[10],\n    paddingRight: clearable && value ? spacing[10] : config.padding,\n    fontSize: config.fontSize,\n    color: disabled ? 'var(--brycks-foreground-disabled)' : 'var(--brycks-foreground-default)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    outline: 'none',\n    cursor: disabled ? 'not-allowed' : 'text',\n  }\n\n  const clearButtonStyle: CSSProperties = {\n    position: 'absolute',\n    right: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: spacing[5],\n    height: spacing[5],\n    color: 'var(--brycks-foreground-muted)',\n    cursor: 'pointer',\n    borderRadius: 'var(--brycks-radius-sm)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  const dropdownStyle: CSSProperties = {\n    position: 'absolute',\n    top: dropdownPosition.top,\n    left: dropdownPosition.left,\n    width: dropdownPosition.width,\n    backgroundColor: 'var(--brycks-background-elevated)',\n    border: '1px solid var(--brycks-border-default)',\n    borderRadius: 'var(--brycks-radius-lg)',\n    boxShadow: 'var(--brycks-shadow-lg)',\n    zIndex: 'var(--brycks-z-dropdown)' as unknown as number,\n    padding: spacing[2],\n    display: 'flex',\n    gap: spacing[2],\n  }\n\n  const columnStyle: CSSProperties = {\n    flex: 1,\n    maxHeight: 200,\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n  }\n\n  const columnHeaderStyle: CSSProperties = {\n    padding: `${spacing[1]}px ${spacing[2]}px`,\n    fontSize: fontSizes.xs,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-muted)',\n    textTransform: 'uppercase',\n    textAlign: 'center',\n    position: 'sticky',\n    top: 0,\n    backgroundColor: 'var(--brycks-background-elevated)',\n  }\n\n  const optionStyle = (isSelected: boolean): CSSProperties => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: `${spacing[2]}px ${spacing[3]}px`,\n    fontSize: config.fontSize,\n    fontWeight: isSelected ? 600 : 400,\n    color: isSelected ? 'var(--brycks-primary-default)' : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected ? 'var(--brycks-primary-50)' : 'transparent',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: 'pointer',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  })\n\n  return (\n    <div\n      ref={containerRef}\n      className={cx('brycks-timepicker', `brycks-timepicker--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n    >\n      <div style={inputWrapperStyle} onClick={() => !disabled && setIsOpen(true)}>\n        <span style={iconStyle}>\n          <ClockIcon />\n        </span>\n        <input\n          ref={(node) => {\n            (inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node\n            if (typeof ref === 'function') ref(node)\n            else if (ref) ref.current = node\n          }}\n          type=\"text\"\n          role=\"combobox\"\n          aria-label={ariaLabel}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={isInvalid}\n          value={inputValue}\n          placeholder={placeholder || (format === '12h' ? 'HH:MM AM/PM' : 'HH:MM')}\n          disabled={disabled}\n          style={inputStyle}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={() => setIsFocused(true)}\n          onBlur={handleInputBlur}\n        />\n        {clearable && value && !disabled && (\n          <button\n            type=\"button\"\n            aria-label=\"Clear time\"\n            style={clearButtonStyle}\n            onClick={handleClear}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n              e.currentTarget.style.color = 'var(--brycks-foreground-default)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'transparent'\n              e.currentTarget.style.color = 'var(--brycks-foreground-muted)'\n            }}\n          >\n            <ClearIcon />\n          </button>\n        )}\n      </div>\n\n      {isOpen &&\n        createPortal(\n          <div role=\"dialog\" aria-label=\"Select time\" style={dropdownStyle}>\n            <div ref={hoursRef} style={columnStyle}>\n              <div style={columnHeaderStyle}>Hour</div>\n              {hours.map((hour) => (\n                <div\n                  key={hour}\n                  data-value={hour}\n                  style={optionStyle(value?.hours === hour)}\n                  onClick={() => selectTime(hour, value?.minutes ?? 0, value?.period)}\n                  onMouseEnter={(e) => {\n                    if (value?.hours !== hour) {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }\n                  }}\n                  onMouseLeave={(e) => {\n                    if (value?.hours !== hour) {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }\n                  }}\n                >\n                  {hour.toString().padStart(2, '0')}\n                </div>\n              ))}\n            </div>\n\n            <div ref={minutesRef} style={columnStyle}>\n              <div style={columnHeaderStyle}>Min</div>\n              {minutes.map((minute) => (\n                <div\n                  key={minute}\n                  data-value={minute}\n                  style={optionStyle(value?.minutes === minute)}\n                  onClick={() => selectTime(value?.hours ?? (format === '12h' ? 12 : 0), minute, value?.period)}\n                  onMouseEnter={(e) => {\n                    if (value?.minutes !== minute) {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }\n                  }}\n                  onMouseLeave={(e) => {\n                    if (value?.minutes !== minute) {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }\n                  }}\n                >\n                  {minute.toString().padStart(2, '0')}\n                </div>\n              ))}\n            </div>\n\n            {format === '12h' && (\n              <div style={{ ...columnStyle, flex: 0.6 }}>\n                <div style={columnHeaderStyle}>Period</div>\n                {(['AM', 'PM'] as const).map((period) => (\n                  <div\n                    key={period}\n                    style={optionStyle(value?.period === period)}\n                    onClick={() => selectTime(value?.hours ?? 12, value?.minutes ?? 0, period)}\n                    onMouseEnter={(e) => {\n                      if (value?.period !== period) {\n                        e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                      }\n                    }}\n                    onMouseLeave={(e) => {\n                      if (value?.period !== period) {\n                        e.currentTarget.style.backgroundColor = 'transparent'\n                      }\n                    }}\n                  >\n                    {period}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  )\n})\n\nTimePicker.displayName = 'TimePicker'\n"],"names":["sizeConfig","componentHeights","fontSizes","componentPaddingX","ClockIcon","jsxs","jsx","ClearIcon","formatTimeValue","value","format","hours","minutes","period","parseTimeString","str","cleanStr","match","TimePicker","forwardRef","controlledValue","defaultValue","onChange","size","minuteStep","_minTime","_maxTime","placeholder","disabled","isInvalid","clearable","ariaLabel","className","testId","ref","internalValue","setInternalValue","useState","inputValue","setInputValue","isOpen","setIsOpen","isFocused","setIsFocused","containerRef","useRef","inputRef","hoursRef","minutesRef","config","useEffect","updateValue","useCallback","newValue","handleInputChange","newInputValue","parsed","handleInputBlur","handleClear","selectTime","handleKeyDown","handleClick","e","hourEl","minuteEl","dropdownPosition","setDropdownPosition","updatePosition","rect","spacing","_","i","containerStyle","inputWrapperStyle","durations","easings","iconStyle","inputStyle","clearButtonStyle","dropdownStyle","columnStyle","columnHeaderStyle","optionStyle","isSelected","cx","node","createPortal","hour","minute"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","sources":["../../../../src/components/form/TimePicker/TimePicker.tsx"],"sourcesContent":["/**\n * TimePicker Component\n *\n * A time selection component with hour, minute, and optional period (AM/PM).\n * Supports keyboard navigation and manual input.\n *\n * @module components/form/TimePicker\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ChangeEvent,\n} from 'react'\nimport { createPortal } from 'react-dom'\nimport { cx } from '../../../utils/styles'\nimport { spacing, fontSizes, durations, easings } from '../../../design-system'\nimport { componentHeights, componentPaddingX } from '../../../design-system/primitives'\n\nexport type TimePickerSize = 'sm' | 'md' | 'lg'\nexport type TimeFormat = '12h' | '24h'\n\nexport interface TimeValue {\n  /** Hours (0-23 for 24h, 1-12 for 12h) */\n  hours: number\n  /** Minutes (0-59) */\n  minutes: number\n  /** Period for 12h format */\n  period?: 'AM' | 'PM'\n}\n\nexport interface TimePickerProps {\n  /** Current time value */\n  value?: TimeValue | null\n  /** Default time value (uncontrolled) */\n  defaultValue?: TimeValue | null\n  /** Callback when time changes */\n  onChange?: (value: TimeValue | null) => void\n  /** Time format */\n  format?: TimeFormat\n  /** Component size */\n  size?: TimePickerSize\n  /** Minute step interval */\n  minuteStep?: number\n  /** Minimum selectable time */\n  minTime?: TimeValue\n  /** Maximum selectable time */\n  maxTime?: TimeValue\n  /** Placeholder text */\n  placeholder?: string\n  /** Whether the input is disabled */\n  disabled?: boolean\n  /** Whether the input is invalid */\n  isInvalid?: boolean\n  /** Whether to allow clearing */\n  clearable?: boolean\n  /** Label for accessibility */\n  'aria-label'?: string\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nconst sizeConfig: Record<TimePickerSize, { height: number; fontSize: number; padding: number }> = {\n  sm: { height: componentHeights.sm, fontSize: fontSizes.base - 1, padding: componentPaddingX.sm },\n  md: { height: componentHeights.md, fontSize: fontSizes.base, padding: componentPaddingX.md },\n  lg: { height: componentHeights.lg, fontSize: fontSizes.md, padding: componentPaddingX.lg },\n}\n\nfunction ClockIcon() {\n  return (\n    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n      <circle cx=\"8\" cy=\"8\" r=\"6.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n      <path d=\"M8 4v4l2.5 2.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    </svg>\n  )\n}\n\nfunction ClearIcon() {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 4l6 6M10 4l-6 6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nconst formatTimeValue = (value: TimeValue | null, format: TimeFormat): string => {\n  if (!value) return ''\n\n  const { hours, minutes, period } = value\n\n  if (format === '12h') {\n    const displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours\n    return `${displayHours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')} ${period || 'AM'}`\n  }\n\n  return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`\n}\n\nconst parseTimeString = (str: string, format: TimeFormat): TimeValue | null => {\n  const cleanStr = str.trim().toUpperCase()\n\n  if (format === '12h') {\n    const match = cleanStr.match(/^(\\d{1,2}):(\\d{2})\\s*(AM|PM)?$/i)\n    if (!match) return null\n\n    const hours = parseInt(match[1], 10)\n    const minutes = parseInt(match[2], 10)\n    const period = (match[3]?.toUpperCase() as 'AM' | 'PM') || 'AM'\n\n    if (hours < 1 || hours > 12 || minutes < 0 || minutes > 59) return null\n\n    return { hours, minutes, period }\n  } else {\n    const match = cleanStr.match(/^(\\d{1,2}):(\\d{2})$/)\n    if (!match) return null\n\n    const hours = parseInt(match[1], 10)\n    const minutes = parseInt(match[2], 10)\n\n    if (hours < 0 || hours > 23 || minutes < 0 || minutes > 59) return null\n\n    return { hours, minutes }\n  }\n}\n\nexport const TimePicker = forwardRef<HTMLInputElement, TimePickerProps>(function TimePicker(\n  {\n    value: controlledValue,\n    defaultValue = null,\n    onChange,\n    format = '12h',\n    size = 'md',\n    minuteStep = 1,\n    minTime: _minTime,\n    maxTime: _maxTime,\n    placeholder,\n    disabled = false,\n    isInvalid = false,\n    clearable = true,\n    'aria-label': ariaLabel = 'Select time',\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalValue, setInternalValue] = useState<TimeValue | null>(defaultValue)\n  const [inputValue, setInputValue] = useState('')\n  const [isOpen, setIsOpen] = useState(false)\n  const [isFocused, setIsFocused] = useState(false)\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const hoursRef = useRef<HTMLDivElement>(null)\n  const minutesRef = useRef<HTMLDivElement>(null)\n\n  const value = controlledValue !== undefined ? controlledValue : internalValue\n  const config = sizeConfig[size]\n\n  // Sync input value with controlled value\n  useEffect(() => {\n    if (!isOpen) {\n      setInputValue(formatTimeValue(value, format))\n    }\n  }, [value, format, isOpen])\n\n  const updateValue = useCallback(\n    (newValue: TimeValue | null) => {\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    },\n    [controlledValue, onChange]\n  )\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      const newInputValue = e.target.value\n      setInputValue(newInputValue)\n\n      const parsed = parseTimeString(newInputValue, format)\n      if (parsed) {\n        updateValue(parsed)\n      }\n    },\n    [format, updateValue]\n  )\n\n  const handleInputBlur = useCallback(() => {\n    setIsFocused(false)\n    setInputValue(formatTimeValue(value, format))\n  }, [value, format])\n\n  const handleClear = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation()\n      updateValue(null)\n      setInputValue('')\n      inputRef.current?.focus()\n    },\n    [updateValue]\n  )\n\n  const selectTime = useCallback(\n    (hours: number, minutes: number, period?: 'AM' | 'PM') => {\n      const newValue: TimeValue = format === '12h'\n        ? { hours, minutes, period: period || value?.period || 'AM' }\n        : { hours, minutes }\n      updateValue(newValue)\n    },\n    [format, value, updateValue]\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'ArrowDown' && !isOpen) {\n        e.preventDefault()\n        setIsOpen(true)\n      } else if (e.key === 'Escape') {\n        setIsOpen(false)\n      }\n    },\n    [isOpen]\n  )\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleClick = (e: MouseEvent) => {\n      if (!containerRef.current?.contains(e.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [isOpen])\n\n  // Scroll to selected time when opening\n  useEffect(() => {\n    if (!isOpen || !value) return\n\n    setTimeout(() => {\n      const hourEl = hoursRef.current?.querySelector(`[data-value=\"${value.hours}\"]`)\n      const minuteEl = minutesRef.current?.querySelector(`[data-value=\"${value.minutes}\"]`)\n      hourEl?.scrollIntoView({ block: 'center' })\n      minuteEl?.scrollIntoView({ block: 'center' })\n    }, 0)\n  }, [isOpen, value])\n\n  // Calculate dropdown position\n  const [dropdownPosition, setDropdownPosition] = useState({ top: 0, left: 0, width: 0 })\n\n  useEffect(() => {\n    if (!isOpen || !containerRef.current) return\n\n    const updatePosition = () => {\n      const rect = containerRef.current!.getBoundingClientRect()\n      setDropdownPosition({\n        top: rect.bottom + window.scrollY + spacing[1],\n        left: rect.left + window.scrollX,\n        width: Math.max(rect.width, 280),\n      })\n    }\n\n    updatePosition()\n    window.addEventListener('resize', updatePosition)\n    window.addEventListener('scroll', updatePosition, true)\n\n    return () => {\n      window.removeEventListener('resize', updatePosition)\n      window.removeEventListener('scroll', updatePosition, true)\n    }\n  }, [isOpen])\n\n  // Generate hours list\n  const hours = format === '12h'\n    ? Array.from({ length: 12 }, (_, i) => i + 1)\n    : Array.from({ length: 24 }, (_, i) => i)\n\n  // Generate minutes list\n  const minutes = Array.from({ length: 60 / minuteStep }, (_, i) => i * minuteStep)\n\n  const containerStyle: CSSProperties = {\n    position: 'relative',\n    display: 'inline-flex',\n    width: '100%',\n  }\n\n  const inputWrapperStyle: CSSProperties = {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    height: config.height,\n    backgroundColor: disabled ? 'var(--brycks-background-muted)' : 'var(--brycks-background-default)',\n    border: `1px solid ${\n      isInvalid\n        ? 'var(--brycks-error-default)'\n        : isFocused\n        ? 'var(--brycks-primary-default)'\n        : 'var(--brycks-border-default)'\n    }`,\n    borderRadius: 'var(--brycks-radius-md)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n    cursor: disabled ? 'not-allowed' : 'text',\n    boxShadow: isFocused ? 'var(--brycks-focus-ring)' : undefined,\n  }\n\n  const iconStyle: CSSProperties = {\n    position: 'absolute',\n    left: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    color: 'var(--brycks-foreground-muted)',\n    pointerEvents: 'none',\n  }\n\n  const inputStyle: CSSProperties = {\n    flex: 1,\n    height: '100%',\n    padding: `0 ${config.padding}px`,\n    paddingLeft: spacing[10],\n    paddingRight: clearable && value ? spacing[10] : config.padding,\n    fontSize: config.fontSize,\n    color: disabled ? 'var(--brycks-foreground-disabled)' : 'var(--brycks-foreground-default)',\n    backgroundColor: 'transparent',\n    border: 'none',\n    outline: 'none',\n    cursor: disabled ? 'not-allowed' : 'text',\n  }\n\n  const clearButtonStyle: CSSProperties = {\n    position: 'absolute',\n    right: config.padding,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: spacing[5],\n    height: spacing[5],\n    color: 'var(--brycks-foreground-muted)',\n    cursor: 'pointer',\n    borderRadius: 'var(--brycks-radius-sm)',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  }\n\n  const dropdownStyle: CSSProperties = {\n    position: 'absolute',\n    top: dropdownPosition.top,\n    left: dropdownPosition.left,\n    width: dropdownPosition.width,\n    backgroundColor: 'var(--brycks-background-elevated)',\n    border: '1px solid var(--brycks-border-default)',\n    borderRadius: 'var(--brycks-radius-lg)',\n    boxShadow: 'var(--brycks-shadow-lg)',\n    zIndex: 'var(--brycks-z-dropdown)' as unknown as number,\n    padding: spacing[2],\n    display: 'flex',\n    gap: spacing[2],\n  }\n\n  const columnStyle: CSSProperties = {\n    flex: 1,\n    maxHeight: 200,\n    overflowY: 'auto',\n    scrollbarWidth: 'thin',\n  }\n\n  const columnHeaderStyle: CSSProperties = {\n    padding: `${spacing[1]}px ${spacing[2]}px`,\n    fontSize: fontSizes.xs,\n    fontWeight: 600,\n    color: 'var(--brycks-foreground-muted)',\n    textTransform: 'uppercase',\n    textAlign: 'center',\n    position: 'sticky',\n    top: 0,\n    backgroundColor: 'var(--brycks-background-elevated)',\n  }\n\n  const optionStyle = (isSelected: boolean): CSSProperties => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: `${spacing[2]}px ${spacing[3]}px`,\n    fontSize: config.fontSize,\n    fontWeight: isSelected ? 600 : 400,\n    color: isSelected ? 'var(--brycks-primary-default)' : 'var(--brycks-foreground-default)',\n    backgroundColor: isSelected ? 'var(--brycks-primary-muted)' : 'transparent',\n    borderRadius: 'var(--brycks-radius-md)',\n    cursor: 'pointer',\n    transition: `all ${durations.fast}ms ${easings.easeOut}`,\n  })\n\n  return (\n    <div\n      ref={containerRef}\n      className={cx('brycks-timepicker', `brycks-timepicker--${size}`, className)}\n      style={containerStyle}\n      data-testid={testId}\n    >\n      <div style={inputWrapperStyle} onClick={() => !disabled && setIsOpen(true)}>\n        <span style={iconStyle}>\n          <ClockIcon />\n        </span>\n        <input\n          ref={(node) => {\n            (inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node\n            if (typeof ref === 'function') ref(node)\n            else if (ref) ref.current = node\n          }}\n          type=\"text\"\n          role=\"combobox\"\n          aria-label={ariaLabel}\n          aria-expanded={isOpen}\n          aria-haspopup=\"dialog\"\n          aria-invalid={isInvalid}\n          value={inputValue}\n          placeholder={placeholder || (format === '12h' ? 'HH:MM AM/PM' : 'HH:MM')}\n          disabled={disabled}\n          style={inputStyle}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={() => setIsFocused(true)}\n          onBlur={handleInputBlur}\n        />\n        {clearable && value && !disabled && (\n          <button\n            type=\"button\"\n            aria-label=\"Clear time\"\n            style={clearButtonStyle}\n            onClick={handleClear}\n            onMouseEnter={(e) => {\n              e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n              e.currentTarget.style.color = 'var(--brycks-foreground-default)'\n            }}\n            onMouseLeave={(e) => {\n              e.currentTarget.style.backgroundColor = 'transparent'\n              e.currentTarget.style.color = 'var(--brycks-foreground-muted)'\n            }}\n          >\n            <ClearIcon />\n          </button>\n        )}\n      </div>\n\n      {isOpen &&\n        createPortal(\n          <div role=\"dialog\" aria-label=\"Select time\" style={dropdownStyle}>\n            <div ref={hoursRef} style={columnStyle}>\n              <div style={columnHeaderStyle}>Hour</div>\n              {hours.map((hour) => (\n                <div\n                  key={hour}\n                  data-value={hour}\n                  style={optionStyle(value?.hours === hour)}\n                  onClick={() => selectTime(hour, value?.minutes ?? 0, value?.period)}\n                  onMouseEnter={(e) => {\n                    if (value?.hours !== hour) {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }\n                  }}\n                  onMouseLeave={(e) => {\n                    if (value?.hours !== hour) {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }\n                  }}\n                >\n                  {hour.toString().padStart(2, '0')}\n                </div>\n              ))}\n            </div>\n\n            <div ref={minutesRef} style={columnStyle}>\n              <div style={columnHeaderStyle}>Min</div>\n              {minutes.map((minute) => (\n                <div\n                  key={minute}\n                  data-value={minute}\n                  style={optionStyle(value?.minutes === minute)}\n                  onClick={() => selectTime(value?.hours ?? (format === '12h' ? 12 : 0), minute, value?.period)}\n                  onMouseEnter={(e) => {\n                    if (value?.minutes !== minute) {\n                      e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                    }\n                  }}\n                  onMouseLeave={(e) => {\n                    if (value?.minutes !== minute) {\n                      e.currentTarget.style.backgroundColor = 'transparent'\n                    }\n                  }}\n                >\n                  {minute.toString().padStart(2, '0')}\n                </div>\n              ))}\n            </div>\n\n            {format === '12h' && (\n              <div style={{ ...columnStyle, flex: 0.6 }}>\n                <div style={columnHeaderStyle}>Period</div>\n                {(['AM', 'PM'] as const).map((period) => (\n                  <div\n                    key={period}\n                    style={optionStyle(value?.period === period)}\n                    onClick={() => selectTime(value?.hours ?? 12, value?.minutes ?? 0, period)}\n                    onMouseEnter={(e) => {\n                      if (value?.period !== period) {\n                        e.currentTarget.style.backgroundColor = 'var(--brycks-background-muted)'\n                      }\n                    }}\n                    onMouseLeave={(e) => {\n                      if (value?.period !== period) {\n                        e.currentTarget.style.backgroundColor = 'transparent'\n                      }\n                    }}\n                  >\n                    {period}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  )\n})\n\nTimePicker.displayName = 'TimePicker'\n"],"names":["sizeConfig","componentHeights","fontSizes","componentPaddingX","ClockIcon","jsxs","jsx","ClearIcon","formatTimeValue","value","format","hours","minutes","period","parseTimeString","str","cleanStr","match","TimePicker","forwardRef","controlledValue","defaultValue","onChange","size","minuteStep","_minTime","_maxTime","placeholder","disabled","isInvalid","clearable","ariaLabel","className","testId","ref","internalValue","setInternalValue","useState","inputValue","setInputValue","isOpen","setIsOpen","isFocused","setIsFocused","containerRef","useRef","inputRef","hoursRef","minutesRef","config","useEffect","updateValue","useCallback","newValue","handleInputChange","newInputValue","parsed","handleInputBlur","handleClear","selectTime","handleKeyDown","handleClick","e","hourEl","minuteEl","dropdownPosition","setDropdownPosition","updatePosition","rect","spacing","_","i","containerStyle","inputWrapperStyle","durations","easings","iconStyle","inputStyle","clearButtonStyle","dropdownStyle","columnStyle","columnHeaderStyle","optionStyle","isSelected","cx","node","createPortal","hour","minute"],"mappings":";;;;;;;;AAqEA,MAAMA,KAA4F;AAAA,EAChG,IAAI,EAAE,QAAQC,EAAiB,IAAI,UAAUC,EAAU,OAAO,GAAG,SAASC,EAAkB,GAAA;AAAA,EAC5F,IAAI,EAAE,QAAQF,EAAiB,IAAI,UAAUC,EAAU,MAAM,SAASC,EAAkB,GAAA;AAAA,EACxF,IAAI,EAAE,QAAQF,EAAiB,IAAI,UAAUC,EAAU,IAAI,SAASC,EAAkB,GAAA;AACxF;AAEA,SAASC,KAAY;AACnB,SACE,gBAAAC,EAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAA,EAAO,IAAG,KAAI,IAAG,KAAI,GAAE,OAAM,QAAO,gBAAe,aAAY,MAAA,CAAM;AAAA,IACtE,gBAAAA,EAAC,QAAA,EAAK,GAAE,kBAAiB,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,QAAA,CAAQ;AAAA,EAAA,GAChH;AAEJ;AAEA,SAASC,KAAY;AACnB,SACE,gBAAAD,EAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QACtE,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,sBAAqB,QAAO,gBAAe,aAAY,OAAM,eAAc,QAAA,CAAQ,EAAA,CAC7F;AAEJ;AAEA,MAAME,IAAkB,CAACC,GAAyBC,MAA+B;AAC/E,MAAI,CAACD,EAAO,QAAO;AAEnB,QAAM,EAAE,OAAAE,GAAO,SAAAC,GAAS,QAAAC,EAAA,IAAWJ;AAEnC,SAAIC,MAAW,QAEN,IADcC,MAAU,IAAI,KAAKA,IAAQ,KAAKA,IAAQ,KAAKA,GAC3C,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,IAAIC,EAAQ,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,IAAIC,KAAU,IAAI,KAGtG,GAAGF,EAAM,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC,IAAIC,EAAQ,SAAA,EAAW,SAAS,GAAG,GAAG,CAAC;AACpF,GAEME,KAAkB,CAACC,GAAaL,MAAyC;AAC7E,QAAMM,IAAWD,EAAI,KAAA,EAAO,YAAA;AAE5B,MAAIL,MAAW,OAAO;AACpB,UAAMO,IAAQD,EAAS,MAAM,iCAAiC;AAC9D,QAAI,CAACC,EAAO,QAAO;AAEnB,UAAMN,IAAQ,SAASM,EAAM,CAAC,GAAG,EAAE,GAC7BL,IAAU,SAASK,EAAM,CAAC,GAAG,EAAE,GAC/BJ,IAAUI,EAAM,CAAC,GAAG,iBAAiC;AAE3D,WAAIN,IAAQ,KAAKA,IAAQ,MAAMC,IAAU,KAAKA,IAAU,KAAW,OAE5D,EAAE,OAAAD,GAAO,SAAAC,GAAS,QAAAC,EAAA;AAAA,EAC3B,OAAO;AACL,UAAMI,IAAQD,EAAS,MAAM,qBAAqB;AAClD,QAAI,CAACC,EAAO,QAAO;AAEnB,UAAMN,IAAQ,SAASM,EAAM,CAAC,GAAG,EAAE,GAC7BL,IAAU,SAASK,EAAM,CAAC,GAAG,EAAE;AAErC,WAAIN,IAAQ,KAAKA,IAAQ,MAAMC,IAAU,KAAKA,IAAU,KAAW,OAE5D,EAAE,OAAAD,GAAO,SAAAC,EAAA;AAAA,EAClB;AACF,GAEaM,KAAaC,GAA8C,SACtE;AAAA,EACE,OAAOC;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,QAAAZ,IAAS;AAAA,EACT,MAAAa,IAAO;AAAA,EACP,YAAAC,IAAa;AAAA,EACb,SAASC;AAAA,EACT,SAASC;AAAA,EACT,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,WAAAC,IAAY;AAAA,EACZ,cAAcC,IAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,QAAAC;AACF,GACAC,GACA;AACA,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAA2BhB,CAAY,GAC3E,CAACiB,GAAYC,CAAa,IAAIF,EAAS,EAAE,GACzC,CAACG,GAAQC,CAAS,IAAIJ,EAAS,EAAK,GACpC,CAACK,GAAWC,CAAY,IAAIN,EAAS,EAAK,GAE1CO,IAAeC,EAAuB,IAAI,GAC1CC,IAAWD,EAAyB,IAAI,GACxCE,IAAWF,EAAuB,IAAI,GACtCG,IAAaH,EAAuB,IAAI,GAExCpC,IAAQW,MAAoB,SAAYA,IAAkBe,GAC1Dc,IAASjD,GAAWuB,CAAI;AAG9B,EAAA2B,EAAU,MAAM;AACd,IAAKV,KACHD,EAAc/B,EAAgBC,GAAOC,CAAM,CAAC;AAAA,EAEhD,GAAG,CAACD,GAAOC,GAAQ8B,CAAM,CAAC;AAE1B,QAAMW,IAAcC;AAAA,IAClB,CAACC,MAA+B;AAC9B,MAAIjC,MAAoB,UACtBgB,EAAiBiB,CAAQ,GAE3B/B,IAAW+B,CAAQ;AAAA,IACrB;AAAA,IACA,CAACjC,GAAiBE,CAAQ;AAAA,EAAA,GAGtBgC,IAAoBF;AAAA,IACxB,CAAC,MAAqC;AACpC,YAAMG,IAAgB,EAAE,OAAO;AAC/B,MAAAhB,EAAcgB,CAAa;AAE3B,YAAMC,IAAS1C,GAAgByC,GAAe7C,CAAM;AACpD,MAAI8C,KACFL,EAAYK,CAAM;AAAA,IAEtB;AAAA,IACA,CAAC9C,GAAQyC,CAAW;AAAA,EAAA,GAGhBM,IAAkBL,EAAY,MAAM;AACxC,IAAAT,EAAa,EAAK,GAClBJ,EAAc/B,EAAgBC,GAAOC,CAAM,CAAC;AAAA,EAC9C,GAAG,CAACD,GAAOC,CAAM,CAAC,GAEZgD,IAAcN;AAAA,IAClB,CAAC,MAAwB;AACvB,QAAE,gBAAA,GACFD,EAAY,IAAI,GAChBZ,EAAc,EAAE,GAChBO,EAAS,SAAS,MAAA;AAAA,IACpB;AAAA,IACA,CAACK,CAAW;AAAA,EAAA,GAGRQ,IAAaP;AAAA,IACjB,CAACzC,GAAeC,GAAiBC,MAAyB;AACxD,YAAMwC,KAAsB3C,MAAW,QACnC,EAAE,OAAAC,GAAO,SAAAC,GAAS,QAAQC,KAAUJ,GAAO,UAAU,KAAA,IACrD,EAAE,OAAAE,GAAO,SAAAC,EAAAA;AACb,MAAAuC,EAAYE,EAAQ;AAAA,IACtB;AAAA,IACA,CAAC3C,GAAQD,GAAO0C,CAAW;AAAA,EAAA,GAGvBS,KAAgBR;AAAA,IACpB,CAAC,MAAuC;AACtC,MAAI,EAAE,QAAQ,eAAe,CAACZ,KAC5B,EAAE,eAAA,GACFC,EAAU,EAAI,KACL,EAAE,QAAQ,YACnBA,EAAU,EAAK;AAAA,IAEnB;AAAA,IACA,CAACD,CAAM;AAAA,EAAA;AAIT,EAAAU,EAAU,MAAM;AACd,QAAI,CAACV,EAAQ;AAEb,UAAMqB,IAAc,CAACC,MAAkB;AACrC,MAAKlB,EAAa,SAAS,SAASkB,EAAE,MAAc,KAClDrB,EAAU,EAAK;AAAA,IAEnB;AAEA,oBAAS,iBAAiB,aAAaoB,CAAW,GAC3C,MAAM,SAAS,oBAAoB,aAAaA,CAAW;AAAA,EACpE,GAAG,CAACrB,CAAM,CAAC,GAGXU,EAAU,MAAM;AACd,IAAI,CAACV,KAAU,CAAC/B,KAEhB,WAAW,MAAM;AACf,YAAMsD,IAAShB,EAAS,SAAS,cAAc,gBAAgBtC,EAAM,KAAK,IAAI,GACxEuD,IAAWhB,EAAW,SAAS,cAAc,gBAAgBvC,EAAM,OAAO,IAAI;AACpF,MAAAsD,GAAQ,eAAe,EAAE,OAAO,SAAA,CAAU,GAC1CC,GAAU,eAAe,EAAE,OAAO,SAAA,CAAU;AAAA,IAC9C,GAAG,CAAC;AAAA,EACN,GAAG,CAACxB,GAAQ/B,CAAK,CAAC;AAGlB,QAAM,CAACwD,GAAkBC,EAAmB,IAAI7B,EAAS,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,EAAA,CAAG;AAEtF,EAAAa,EAAU,MAAM;AACd,QAAI,CAACV,KAAU,CAACI,EAAa,QAAS;AAEtC,UAAMuB,IAAiB,MAAM;AAC3B,YAAMC,IAAOxB,EAAa,QAAS,sBAAA;AACnC,MAAAsB,GAAoB;AAAA,QAClB,KAAKE,EAAK,SAAS,OAAO,UAAUC,EAAQ,CAAC;AAAA,QAC7C,MAAMD,EAAK,OAAO,OAAO;AAAA,QACzB,OAAO,KAAK,IAAIA,EAAK,OAAO,GAAG;AAAA,MAAA,CAChC;AAAA,IACH;AAEA,WAAAD,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAc,GAChD,OAAO,iBAAiB,UAAUA,GAAgB,EAAI,GAE/C,MAAM;AACX,aAAO,oBAAoB,UAAUA,CAAc,GACnD,OAAO,oBAAoB,UAAUA,GAAgB,EAAI;AAAA,IAC3D;AAAA,EACF,GAAG,CAAC3B,CAAM,CAAC;AAGX,QAAM7B,KAAQD,MAAW,QACrB,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC4D,GAAGC,MAAMA,IAAI,CAAC,IAC1C,MAAM,KAAK,EAAE,QAAQ,MAAM,CAACD,GAAGC,MAAMA,CAAC,GAGpC3D,KAAU,MAAM,KAAK,EAAE,QAAQ,KAAKY,EAAA,GAAc,CAAC8C,GAAGC,MAAMA,IAAI/C,CAAU,GAE1EgD,KAAgC;AAAA,IACpC,UAAU;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,GAGHC,KAAmC;AAAA,IACvC,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQxB,EAAO;AAAA,IACf,iBAAiBrB,IAAW,mCAAmC;AAAA,IAC/D,QAAQ,aACNC,IACI,gCACAa,IACA,kCACA,8BACN;AAAA,IACA,cAAc;AAAA,IACd,YAAY,OAAOgC,EAAU,IAAI,MAAMC,EAAQ,OAAO;AAAA,IACtD,QAAQ/C,IAAW,gBAAgB;AAAA,IACnC,WAAWc,IAAY,6BAA6B;AAAA,EAAA,GAGhDkC,KAA2B;AAAA,IAC/B,UAAU;AAAA,IACV,MAAM3B,EAAO;AAAA,IACb,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,eAAe;AAAA,EAAA,GAGX4B,KAA4B;AAAA,IAChC,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS,KAAK5B,EAAO,OAAO;AAAA,IAC5B,aAAaoB,EAAQ,EAAE;AAAA,IACvB,cAAcvC,KAAarB,IAAQ4D,EAAQ,EAAE,IAAIpB,EAAO;AAAA,IACxD,UAAUA,EAAO;AAAA,IACjB,OAAOrB,IAAW,sCAAsC;AAAA,IACxD,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,QAAQA,IAAW,gBAAgB;AAAA,EAAA,GAG/BkD,KAAkC;AAAA,IACtC,UAAU;AAAA,IACV,OAAO7B,EAAO;AAAA,IACd,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,OAAOoB,EAAQ,CAAC;AAAA,IAChB,QAAQA,EAAQ,CAAC;AAAA,IACjB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,YAAY,OAAOK,EAAU,IAAI,MAAMC,EAAQ,OAAO;AAAA,EAAA,GAGlDI,KAA+B;AAAA,IACnC,UAAU;AAAA,IACV,KAAKd,EAAiB;AAAA,IACtB,MAAMA,EAAiB;AAAA,IACvB,OAAOA,EAAiB;AAAA,IACxB,iBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAASI,EAAQ,CAAC;AAAA,IAClB,SAAS;AAAA,IACT,KAAKA,EAAQ,CAAC;AAAA,EAAA,GAGVW,IAA6B;AAAA,IACjC,MAAM;AAAA,IACN,WAAW;AAAA,IACX,WAAW;AAAA,IACX,gBAAgB;AAAA,EAAA,GAGZC,IAAmC;AAAA,IACvC,SAAS,GAAGZ,EAAQ,CAAC,CAAC,MAAMA,EAAQ,CAAC,CAAC;AAAA,IACtC,UAAUnE,EAAU;AAAA,IACpB,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,eAAe;AAAA,IACf,WAAW;AAAA,IACX,UAAU;AAAA,IACV,KAAK;AAAA,IACL,iBAAiB;AAAA,EAAA,GAGbgF,IAAc,CAACC,OAAwC;AAAA,IAC3D,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,SAAS,GAAGd,EAAQ,CAAC,CAAC,MAAMA,EAAQ,CAAC,CAAC;AAAA,IACtC,UAAUpB,EAAO;AAAA,IACjB,YAAYkC,IAAa,MAAM;AAAA,IAC/B,OAAOA,IAAa,kCAAkC;AAAA,IACtD,iBAAiBA,IAAa,gCAAgC;AAAA,IAC9D,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,YAAY,OAAOT,EAAU,IAAI,MAAMC,EAAQ,OAAO;AAAA,EAAA;AAGxD,SACE,gBAAAtE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKuC;AAAA,MACL,WAAWwC,GAAG,qBAAqB,sBAAsB7D,CAAI,IAAIS,CAAS;AAAA,MAC1E,OAAOwC;AAAA,MACP,eAAavC;AAAA,MAEb,UAAA;AAAA,QAAA,gBAAA5B,EAAC,OAAA,EAAI,OAAOoE,IAAmB,SAAS,MAAM,CAAC7C,KAAYa,EAAU,EAAI,GACvE,UAAA;AAAA,UAAA,gBAAAnC,EAAC,QAAA,EAAK,OAAOsE,IACX,UAAA,gBAAAtE,EAACF,MAAU,GACb;AAAA,UACA,gBAAAE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK,CAAC+E,MAAS;AACZ,gBAAAvC,EAA6D,UAAUuC,GACpE,OAAOnD,KAAQ,aAAYA,EAAImD,CAAI,IAC9BnD,QAAS,UAAUmD;AAAA,cAC9B;AAAA,cACA,MAAK;AAAA,cACL,MAAK;AAAA,cACL,cAAYtD;AAAA,cACZ,iBAAeS;AAAA,cACf,iBAAc;AAAA,cACd,gBAAcX;AAAA,cACd,OAAOS;AAAA,cACP,aAAaX,MAAgBjB,MAAW,QAAQ,gBAAgB;AAAA,cAChE,UAAAkB;AAAA,cACA,OAAOiD;AAAA,cACP,UAAUvB;AAAA,cACV,WAAWM;AAAA,cACX,SAAS,MAAMjB,EAAa,EAAI;AAAA,cAChC,QAAQc;AAAA,YAAA;AAAA,UAAA;AAAA,UAET3B,KAAarB,KAAS,CAACmB,KACtB,gBAAAtB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,cAAW;AAAA,cACX,OAAOwE;AAAA,cACP,SAASpB;AAAA,cACT,cAAc,CAAC,MAAM;AACnB,kBAAE,cAAc,MAAM,kBAAkB,kCACxC,EAAE,cAAc,MAAM,QAAQ;AAAA,cAChC;AAAA,cACA,cAAc,CAAC,MAAM;AACnB,kBAAE,cAAc,MAAM,kBAAkB,eACxC,EAAE,cAAc,MAAM,QAAQ;AAAA,cAChC;AAAA,cAEA,4BAACnD,IAAA,CAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,GAEJ;AAAA,QAECiC,KACC8C;AAAA,4BACG,OAAA,EAAI,MAAK,UAAS,cAAW,eAAc,OAAOP,IACjD,UAAA;AAAA,YAAA,gBAAA1E,EAAC,OAAA,EAAI,KAAK0C,GAAU,OAAOiC,GACzB,UAAA;AAAA,cAAA,gBAAA1E,EAAC,OAAA,EAAI,OAAO2E,GAAmB,UAAA,QAAI;AAAA,cAClCtE,GAAM,IAAI,CAAC4E,MACV,gBAAAjF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,cAAYiF;AAAA,kBACZ,OAAOL,EAAYzE,GAAO,UAAU8E,CAAI;AAAA,kBACxC,SAAS,MAAM5B,EAAW4B,GAAM9E,GAAO,WAAW,GAAGA,GAAO,MAAM;AAAA,kBAClE,cAAc,CAACqD,MAAM;AACnB,oBAAIrD,GAAO,UAAU8E,MACnBzB,EAAE,cAAc,MAAM,kBAAkB;AAAA,kBAE5C;AAAA,kBACA,cAAc,CAACA,MAAM;AACnB,oBAAIrD,GAAO,UAAU8E,MACnBzB,EAAE,cAAc,MAAM,kBAAkB;AAAA,kBAE5C;AAAA,kBAEC,UAAAyB,EAAK,SAAA,EAAW,SAAS,GAAG,GAAG;AAAA,gBAAA;AAAA,gBAf3BA;AAAA,cAAA,CAiBR;AAAA,YAAA,GACH;AAAA,YAEA,gBAAAlF,EAAC,OAAA,EAAI,KAAK2C,GAAY,OAAOgC,GAC3B,UAAA;AAAA,cAAA,gBAAA1E,EAAC,OAAA,EAAI,OAAO2E,GAAmB,UAAA,OAAG;AAAA,cACjCrE,GAAQ,IAAI,CAAC4E,MACZ,gBAAAlF;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,cAAYkF;AAAA,kBACZ,OAAON,EAAYzE,GAAO,YAAY+E,CAAM;AAAA,kBAC5C,SAAS,MAAM7B,EAAWlD,GAAO,UAAUC,MAAW,QAAQ,KAAK,IAAI8E,GAAQ/E,GAAO,MAAM;AAAA,kBAC5F,cAAc,CAACqD,MAAM;AACnB,oBAAIrD,GAAO,YAAY+E,MACrB1B,EAAE,cAAc,MAAM,kBAAkB;AAAA,kBAE5C;AAAA,kBACA,cAAc,CAACA,MAAM;AACnB,oBAAIrD,GAAO,YAAY+E,MACrB1B,EAAE,cAAc,MAAM,kBAAkB;AAAA,kBAE5C;AAAA,kBAEC,UAAA0B,EAAO,SAAA,EAAW,SAAS,GAAG,GAAG;AAAA,gBAAA;AAAA,gBAf7BA;AAAA,cAAA,CAiBR;AAAA,YAAA,GACH;AAAA,YAEC9E,MAAW,SACV,gBAAAL,EAAC,OAAA,EAAI,OAAO,EAAE,GAAG2E,GAAa,MAAM,IAAA,GAClC,UAAA;AAAA,cAAA,gBAAA1E,EAAC,OAAA,EAAI,OAAO2E,GAAmB,UAAA,UAAM;AAAA,cACnC,CAAC,MAAM,IAAI,EAAY,IAAI,CAACpE,MAC5B,gBAAAP;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBAEC,OAAO4E,EAAYzE,GAAO,WAAWI,CAAM;AAAA,kBAC3C,SAAS,MAAM8C,EAAWlD,GAAO,SAAS,IAAIA,GAAO,WAAW,GAAGI,CAAM;AAAA,kBACzE,cAAc,CAACiD,MAAM;AACnB,oBAAIrD,GAAO,WAAWI,MACpBiD,EAAE,cAAc,MAAM,kBAAkB;AAAA,kBAE5C;AAAA,kBACA,cAAc,CAACA,MAAM;AACnB,oBAAIrD,GAAO,WAAWI,MACpBiD,EAAE,cAAc,MAAM,kBAAkB;AAAA,kBAE5C;AAAA,kBAEC,UAAAjD;AAAA,gBAAA;AAAA,gBAdIA;AAAA,cAAA,CAgBR;AAAA,YAAA,EAAA,CACH;AAAA,UAAA,GAEJ;AAAA,UACA,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAAA;AAGR,CAAC;AAEDK,GAAW,cAAc;"}

package/dist/components/layout/Collapse/Collapse.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.cjs","sources":["../../../../src/components/layout/Collapse/Collapse.tsx"],"sourcesContent":["/**\n * Collapse Component\n *\n * A component for expandable/collapsible content with smooth animations.\n * Supports controlled and uncontrolled modes.\n *\n * @module components/layout/Collapse\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  type CSSProperties,\n  type ReactNode,\n} from 'react'\nimport { cx } from '../../../utils/styles'\nimport { durations, easings } from '../../../design-system'\n\nexport interface CollapseProps {\n  /** Whether the content is expanded (controlled) */\n  isOpen?: boolean\n  /** Default expanded state (uncontrolled) */\n  defaultIsOpen?: boolean\n  /** Content to show when collapsed */\n  children: ReactNode\n  /** Animation duration in milliseconds */\n  duration?: number\n  /** Easing function */\n  easing?: string\n  /** Whether to animate on initial render */\n  animateOnMount?: boolean\n  /** Whether to unmount content when collapsed */\n  unmountOnCollapse?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Collapse = forwardRef<HTMLDivElement, CollapseProps>(function Collapse(\n  {\n    isOpen: controlledIsOpen,\n    defaultIsOpen = false,\n    children,\n    duration = durations.normal,\n    easing = easings.easeOut,\n    animateOnMount = false,\n    unmountOnCollapse = false,\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalIsOpen, setInternalIsOpen] = useState(defaultIsOpen)\n  const [height, setHeight] = useState<number | 'auto'>(defaultIsOpen ? 'auto' : 0)\n  const [isAnimating, setIsAnimating] = useState(false)\n  const [shouldRender, setShouldRender] = useState(defaultIsOpen || !unmountOnCollapse)\n\n  const contentRef = useRef<HTMLDivElement>(null)\n  const isInitialRender = useRef(true)\n\n  const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen\n\n  // Sync internal state with controlled value changes\n  useEffect(() => {\n    if (controlledIsOpen !== undefined && controlledIsOpen !== internalIsOpen) {\n      setInternalIsOpen(controlledIsOpen)\n    }\n  }, [controlledIsOpen, internalIsOpen])\n\n  // Handle animation\n  useEffect(() => {\n    if (isInitialRender.current) {\n      isInitialRender.current = false\n      if (!animateOnMount) {\n        setHeight(isOpen ? 'auto' : 0)\n        setShouldRender(isOpen || !unmountOnCollapse)\n        return\n      }\n    }\n\n    const content = contentRef.current\n    if (!content) return\n\n    if (isOpen) {\n      // Expanding\n      setShouldRender(true)\n      setIsAnimating(true)\n\n      // Get the natural height\n      const naturalHeight = content.scrollHeight\n\n      // Start from 0\n      setHeight(0)\n\n      // Force reflow\n      content.offsetHeight\n\n      // Animate to natural height\n      requestAnimationFrame(() => {\n        setHeight(naturalHeight)\n      })\n\n      // After animation, set to auto\n      const timer = setTimeout(() => {\n        setHeight('auto')\n        setIsAnimating(false)\n      }, duration)\n\n      return () => clearTimeout(timer)\n    } else {\n      // Collapsing\n      setIsAnimating(true)\n\n      // Get current height\n      const currentHeight = content.scrollHeight\n      setHeight(currentHeight)\n\n      // Force reflow\n      content.offsetHeight\n\n      // Animate to 0\n      requestAnimationFrame(() => {\n        setHeight(0)\n      })\n\n      // After animation, optionally unmount\n      const timer = setTimeout(() => {\n        setIsAnimating(false)\n        if (unmountOnCollapse) {\n          setShouldRender(false)\n        }\n      }, duration)\n\n      return () => clearTimeout(timer)\n    }\n  }, [isOpen, duration, animateOnMount, unmountOnCollapse])\n\n  const containerStyle: CSSProperties = {\n    overflow: 'hidden',\n    height: height,\n    transition: isAnimating ? `height ${duration}ms ${easing}` : undefined,\n    willChange: isAnimating ? 'height' : undefined,\n  }\n\n  const contentStyle: CSSProperties = {\n    // Prevent margin collapse\n    display: 'flow-root',\n  }\n\n  if (!shouldRender && unmountOnCollapse) {\n    return null\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        'brycks-collapse',\n        isOpen && 'brycks-collapse--open',\n        isAnimating && 'brycks-collapse--animating',\n        className\n      )}\n      style={containerStyle}\n      data-testid={testId}\n      aria-hidden={!isOpen}\n    >\n      <div ref={contentRef} style={contentStyle}>\n        {children}\n      </div>\n    </div>\n  )\n})\n\nCollapse.displayName = 'Collapse'\n\n// Helper component for creating collapsible sections with header\nexport interface CollapsibleProps {\n  /** Header content (always visible) */\n  header: ReactNode\n  /** Collapsible content */\n  children: ReactNode\n  /** Whether expanded (controlled) */\n  isOpen?: boolean\n  /** Default expanded state (uncontrolled) */\n  defaultIsOpen?: boolean\n  /** Callback when expanded state changes */\n  onToggle?: (isOpen: boolean) => void\n  /** Whether the collapsible is disabled */\n  disabled?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Collapsible = forwardRef<HTMLDivElement, CollapsibleProps>(function Collapsible(\n  {\n    header,\n    children,\n    isOpen: controlledIsOpen,\n    defaultIsOpen = false,\n    onToggle,\n    disabled = false,\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalIsOpen, setInternalIsOpen] = useState(defaultIsOpen)\n\n  const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen\n\n  const handleToggle = useCallback(() => {\n    if (disabled) return\n\n    const newIsOpen = !isOpen\n    if (controlledIsOpen === undefined) {\n      setInternalIsOpen(newIsOpen)\n    }\n    onToggle?.(newIsOpen)\n  }, [disabled, isOpen, controlledIsOpen, onToggle])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        handleToggle()\n      }\n    },\n    [handleToggle]\n  )\n\n  const containerStyle: CSSProperties = {\n    width: '100%',\n  }\n\n  const headerStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    opacity: disabled ? 0.5 : 1,\n    userSelect: 'none',\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        'brycks-collapsible',\n        isOpen && 'brycks-collapsible--open',\n        disabled && 'brycks-collapsible--disabled',\n        className\n      )}\n      style={containerStyle}\n      data-testid={testId}\n    >\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n        style={headerStyle}\n        onClick={handleToggle}\n        onKeyDown={handleKeyDown}\n      >\n        {header}\n      </div>\n      <Collapse isOpen={isOpen}>\n        {children}\n      </Collapse>\n    </div>\n  )\n})\n\nCollapsible.displayName = 'Collapsible'\n"],"names":["Collapse","forwardRef","controlledIsOpen","defaultIsOpen","children","duration","durations","easing","easings","animateOnMount","unmountOnCollapse","className","testId","ref","internalIsOpen","setInternalIsOpen","useState","height","setHeight","isAnimating","setIsAnimating","shouldRender","setShouldRender","contentRef","useRef","isInitialRender","isOpen","useEffect","content","naturalHeight","timer","currentHeight","containerStyle","contentStyle","jsx","cx","Collapsible","header","onToggle","disabled","handleToggle","useCallback","newIsOpen","handleKeyDown","e","headerStyle","jsxs"],"mappings":"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"}
+{"version":3,"file":"Collapse.cjs","sources":["../../../../src/components/layout/Collapse/Collapse.tsx"],"sourcesContent":["/**\n * Collapse Component\n *\n * A component for expandable/collapsible content with smooth animations.\n * Supports controlled and uncontrolled modes.\n *\n * @module components/layout/Collapse\n */\n\nimport {\n  forwardRef,\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  type CSSProperties,\n  type ReactNode,\n} from 'react'\nimport { cx } from '../../../utils/styles'\nimport { durations, easings } from '../../../design-system'\n\nexport interface CollapseProps {\n  /** Whether the content is expanded (controlled) */\n  isOpen?: boolean\n  /** Default expanded state (uncontrolled) */\n  defaultIsOpen?: boolean\n  /** Content to show when collapsed */\n  children: ReactNode\n  /** Animation duration in milliseconds */\n  duration?: number\n  /** Easing function */\n  easing?: string\n  /** Whether to animate on initial render */\n  animateOnMount?: boolean\n  /** Whether to unmount content when collapsed */\n  unmountOnCollapse?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Collapse = forwardRef<HTMLDivElement, CollapseProps>(function Collapse(\n  {\n    isOpen: controlledIsOpen,\n    defaultIsOpen = false,\n    children,\n    duration = durations.normal,\n    easing = easings.easeOut,\n    animateOnMount = false,\n    unmountOnCollapse = false,\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalIsOpen, setInternalIsOpen] = useState(defaultIsOpen)\n  const [height, setHeight] = useState<number | 'auto'>(defaultIsOpen ? 'auto' : 0)\n  const [isAnimating, setIsAnimating] = useState(false)\n  const [shouldRender, setShouldRender] = useState(defaultIsOpen || !unmountOnCollapse)\n\n  const contentRef = useRef<HTMLDivElement>(null)\n  const isInitialRender = useRef(true)\n\n  const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen\n\n  // Sync internal state with controlled value changes\n  useEffect(() => {\n    if (controlledIsOpen !== undefined && controlledIsOpen !== internalIsOpen) {\n      setInternalIsOpen(controlledIsOpen)\n    }\n  }, [controlledIsOpen, internalIsOpen])\n\n  // Handle animation\n  useEffect(() => {\n    if (isInitialRender.current) {\n      isInitialRender.current = false\n      if (!animateOnMount) {\n        setHeight(isOpen ? 'auto' : 0)\n        setShouldRender(isOpen || !unmountOnCollapse)\n        return\n      }\n    }\n\n    const content = contentRef.current\n    if (!content) return\n\n    if (isOpen) {\n      // Expanding\n      setShouldRender(true)\n      setIsAnimating(true)\n\n      // Get the natural height\n      const naturalHeight = content.scrollHeight\n\n      // Start from 0\n      setHeight(0)\n\n      // Force reflow\n      void content.offsetHeight\n\n      // Animate to natural height\n      requestAnimationFrame(() => {\n        setHeight(naturalHeight)\n      })\n\n      // After animation, set to auto\n      const timer = setTimeout(() => {\n        setHeight('auto')\n        setIsAnimating(false)\n      }, duration)\n\n      return () => clearTimeout(timer)\n    } else {\n      // Collapsing\n      setIsAnimating(true)\n\n      // Get current height\n      const currentHeight = content.scrollHeight\n      setHeight(currentHeight)\n\n      // Force reflow\n      void content.offsetHeight\n\n      // Animate to 0\n      requestAnimationFrame(() => {\n        setHeight(0)\n      })\n\n      // After animation, optionally unmount\n      const timer = setTimeout(() => {\n        setIsAnimating(false)\n        if (unmountOnCollapse) {\n          setShouldRender(false)\n        }\n      }, duration)\n\n      return () => clearTimeout(timer)\n    }\n  }, [isOpen, duration, animateOnMount, unmountOnCollapse])\n\n  const containerStyle: CSSProperties = {\n    overflow: 'hidden',\n    height: height,\n    transition: isAnimating ? `height ${duration}ms ${easing}` : undefined,\n    willChange: isAnimating ? 'height' : undefined,\n  }\n\n  const contentStyle: CSSProperties = {\n    // Prevent margin collapse\n    display: 'flow-root',\n  }\n\n  if (!shouldRender && unmountOnCollapse) {\n    return null\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        'brycks-collapse',\n        isOpen && 'brycks-collapse--open',\n        isAnimating && 'brycks-collapse--animating',\n        className\n      )}\n      style={containerStyle}\n      data-testid={testId}\n      aria-hidden={!isOpen}\n    >\n      <div ref={contentRef} style={contentStyle}>\n        {children}\n      </div>\n    </div>\n  )\n})\n\nCollapse.displayName = 'Collapse'\n\n// Helper component for creating collapsible sections with header\nexport interface CollapsibleProps {\n  /** Header content (always visible) */\n  header: ReactNode\n  /** Collapsible content */\n  children: ReactNode\n  /** Whether expanded (controlled) */\n  isOpen?: boolean\n  /** Default expanded state (uncontrolled) */\n  defaultIsOpen?: boolean\n  /** Callback when expanded state changes */\n  onToggle?: (isOpen: boolean) => void\n  /** Whether the collapsible is disabled */\n  disabled?: boolean\n  /** Custom class name */\n  className?: string\n  /** Test ID */\n  testId?: string\n}\n\nexport const Collapsible = forwardRef<HTMLDivElement, CollapsibleProps>(function Collapsible(\n  {\n    header,\n    children,\n    isOpen: controlledIsOpen,\n    defaultIsOpen = false,\n    onToggle,\n    disabled = false,\n    className,\n    testId,\n  },\n  ref\n) {\n  const [internalIsOpen, setInternalIsOpen] = useState(defaultIsOpen)\n\n  const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen\n\n  const handleToggle = useCallback(() => {\n    if (disabled) return\n\n    const newIsOpen = !isOpen\n    if (controlledIsOpen === undefined) {\n      setInternalIsOpen(newIsOpen)\n    }\n    onToggle?.(newIsOpen)\n  }, [disabled, isOpen, controlledIsOpen, onToggle])\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault()\n        handleToggle()\n      }\n    },\n    [handleToggle]\n  )\n\n  const containerStyle: CSSProperties = {\n    width: '100%',\n  }\n\n  const headerStyle: CSSProperties = {\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    opacity: disabled ? 0.5 : 1,\n    userSelect: 'none',\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={cx(\n        'brycks-collapsible',\n        isOpen && 'brycks-collapsible--open',\n        disabled && 'brycks-collapsible--disabled',\n        className\n      )}\n      style={containerStyle}\n      data-testid={testId}\n    >\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n        style={headerStyle}\n        onClick={handleToggle}\n        onKeyDown={handleKeyDown}\n      >\n        {header}\n      </div>\n      <Collapse isOpen={isOpen}>\n        {children}\n      </Collapse>\n    </div>\n  )\n})\n\nCollapsible.displayName = 'Collapsible'\n"],"names":["Collapse","forwardRef","controlledIsOpen","defaultIsOpen","children","duration","durations","easing","easings","animateOnMount","unmountOnCollapse","className","testId","ref","internalIsOpen","setInternalIsOpen","useState","height","setHeight","isAnimating","setIsAnimating","shouldRender","setShouldRender","contentRef","useRef","isInitialRender","isOpen","useEffect","content","naturalHeight","timer","currentHeight","containerStyle","contentStyle","jsx","cx","Collapsible","header","onToggle","disabled","handleToggle","useCallback","newIsOpen","handleKeyDown","e","headerStyle","jsxs"],"mappings":"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"}