houseplan-card/dist/houseplan-assets/form-kit.styles-1SWKbgIc.js

globalThis.__HOUSEPLAN_BUILD_FINGERPRINT__="f75fcd3764d3a1a73710cfa9cac88454a450e0d29e090f3339b5f5d853594786";const n={form:".summary-editor",prefix:"summary",cards:[".summary-general",".summary-blocks-card"],footer:".summary-editor-footer",tokens:{surface:"--summary-editor-surface",line:"--summary-editor-line",accent:"--summary-editor-accent"}},e={form:".hpf-form",prefix:"hpf",cards:[".hpf-card"],footer:".hpf-footer",tokens:{surface:"--hpf-surface",line:"--hpf-line",accent:"--hpf-accent"}};function r({cards:n,tokens:e}){return`  ${n.join(",\n  ")} {\n    min-width: 0;\n    padding: 14px;\n    border: 1px solid var(${e.line});\n    border-radius: 11px;\n    background: var(${e.surface});\n  }`}function i({form:n,footer:e,tokens:r}){return`  ${n} input:focus-visible,\n  ${n} select:focus-visible,\n  ${n} button:focus-visible,\n  ${e} button:focus-visible {\n    outline: 2px solid var(${r.accent});\n    outline-offset: 2px;\n  }`}function t({form:n}){return`  ${n} button:disabled,\n  ${n} input:disabled,\n  ${n} select:disabled { opacity: .4; cursor: default; }`}function o({form:n,prefix:e}){return`  ${n} .${e}-switch {\n    display: flex;\n    min-width: 0;\n    min-height: 54px;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin: 0;\n    color: var(--primary-text-color);\n    cursor: pointer;\n  }`}function a({prefix:n}){return`  .${n}-switch-caption { display: grid; min-width: 0; gap: 3px; }\n  .${n}-switch-caption strong { font-size: .875rem; font-weight: 600; overflow-wrap: anywhere; }\n  .${n}-switch-caption small { font-size: .8125rem; color: var(--secondary-text-color); overflow-wrap: anywhere; }`}function s(n,{withSwitch:e=!0}={}){return`${function(n,e){const s=e?`\n${o(n)}\n${a(n)}`:"";return`${r(n)}\n${i(n)}\n${t(n)}${s}`}(n,e)}\n${function(n){const{form:e,prefix:r,tokens:i}=n;return`  ${e} { display: grid; gap: 12px; }\n  .${r}-head {\n    display: flex;\n    min-width: 0;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin: 0 0 10px;\n  }\n  .${r}-head h3 { margin: 0; font-size: 1rem; line-height: 1.3; font-weight: 600; }\n  .${r}-row {\n    display: flex;\n    min-width: 0;\n    min-height: 44px;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n  }\n  .${r}-row > .${r}-label { min-width: 0; overflow-wrap: anywhere; }\n  .${r}-seg {\n    display: flex;\n    min-width: 0;\n    border: 1px solid var(${i.line});\n    border-radius: 9px;\n    overflow: hidden;\n  }\n  .${r}-seg label {\n    display: flex;\n    min-width: 0;\n    min-height: 44px;\n    flex: 1 1 0;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    padding: 0 12px;\n    cursor: pointer;\n    text-align: center;\n  }\n  .${r}-seg label + label { border-left: 1px solid var(${i.line}); }\n  .${r}-seg input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }\n  .${r}-seg label:has(input:checked) {\n    background: var(${i.accent});\n    color: var(--text-primary-color, #fff);\n  }\n  .${r}-seg label:has(input:focus-visible) {\n    outline: 2px solid var(${i.accent});\n    outline-offset: -2px;\n  }\n  .${r}-color { display: flex; min-width: 0; align-items: center; gap: 12px; }\n  .${r}-color hp-color-opacity { flex: 0 0 auto; }`}(n)}\n`}const c="  hp-dialog .hpf-form {\n    --hpf-surface: var(--card-background-color, #fff);\n    --hpf-line: var(--hp-line, var(--divider-color, #dce5e7));\n    --hpf-accent: var(--hp-accent, var(--primary-color));\n  }\n";export{e as C,n as S,r as a,i as b,c,t as d,o as e,s as f,a as g};