@deepnoid/ui 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4165,7 +4165,7 @@ var inputStyle = tv(
4165
4165
  horizon: ["flex-row", "gap-0"],
4166
4166
  label: ["flex", "items-center", "font-bold", "text-body-foreground", "min-w-[80px]"],
4167
4167
  innerWrapper: ["flex", "flex-col"],
4168
- inputWrapper: ["flex", "items-center", "duration-200", "group-has-[p.error]/input:bg-danger-soft"],
4168
+ inputWrapper: ["flex", "items-center", "duration-200", "group-has-[.error]/input:bg-danger-soft"],
4169
4169
  input: [
4170
4170
  "w-full",
4171
4171
  "h-full",
@@ -4178,8 +4178,8 @@ var inputStyle = tv(
4178
4178
  "group-has-[:hover]/input:placeholder:text-neutral-dark",
4179
4179
  "group-has-[:focus]/input:text-neutral-dark",
4180
4180
  "group-has-[:focus]/input:placeholder:text-neutral-dark",
4181
- "group-has-[p.error]/input:text-danger-main",
4182
- "group-has-[p.error]/input:placeholder:text-danger-main"
4181
+ "group-has-[.error]/input:text-danger-main",
4182
+ "group-has-[.error]/input:placeholder:text-danger-main"
4183
4183
  ],
4184
4184
  content: [
4185
4185
  "flex",
@@ -4187,7 +4187,7 @@ var inputStyle = tv(
4187
4187
  "select-none",
4188
4188
  "text-neutral-main",
4189
4189
  "group-has-[:hover]/input:text-neutral-dark",
4190
- "group-has-[p.error]/input:text-danger-main"
4190
+ "group-has-[.error]/input:text-danger-main"
4191
4191
  ],
4192
4192
  helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
4193
4193
  errorText: ["text-danger-main"],
@@ -4204,7 +4204,7 @@ var inputStyle = tv(
4204
4204
  "border-neutral-light",
4205
4205
  "group-has-[:hover]/input:bg-trans-soft",
4206
4206
  "group-has-[:focus]/input:bg-body-background",
4207
- "group-has-[p.error]/input:border-danger-main"
4207
+ "group-has-[.error]/input:border-danger-main"
4208
4208
  ],
4209
4209
  readonly: ["!bg-trans-soft"]
4210
4210
  },
@@ -4212,12 +4212,9 @@ var inputStyle = tv(
4212
4212
  inputWrapper: [
4213
4213
  "bg-transparent",
4214
4214
  "rounded-none",
4215
- "!border-t-transparent",
4216
- "!border-l-transparent",
4217
- "!border-r-transparent",
4218
4215
  "group-has-[:hover]/input:bg-trans-soft",
4219
4216
  "group-has-[:focus]/input:bg-body-background",
4220
- "group-has-[p.error]/input:border-danger-main"
4217
+ "group-has-[.error]/input:border-danger-main"
4221
4218
  ],
4222
4219
  readonly: ["!bg-trans-soft"]
4223
4220
  }
@@ -4226,8 +4223,7 @@ var inputStyle = tv(
4226
4223
  primary: {
4227
4224
  content: [
4228
4225
  "group-has-[:focus]/input:text-primary-main",
4229
- "group-has-[:focus:hover]/input:text-primary-main",
4230
- "!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
4226
+ "!group-has-[.error]:not(input:focus):hover/input:text-primary-main"
4231
4227
  ],
4232
4228
  helperText: [
4233
4229
  "group-has-[:focus]/input:text-primary-main",
@@ -4238,8 +4234,7 @@ var inputStyle = tv(
4238
4234
  secondary: {
4239
4235
  content: [
4240
4236
  "group-has-[:focus]/input:text-secondary-main",
4241
- "group-has-[:focus:hover]/input:text-secondary-main",
4242
- "!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
4237
+ "group-has-[:focus:hover]/input:text-secondary-main"
4243
4238
  ],
4244
4239
  helperText: [
4245
4240
  "group-has-[:focus]/input:text-secondary-main",
@@ -4253,7 +4248,7 @@ var inputStyle = tv(
4253
4248
  base: ["text-sm", "gap-[4px]"],
4254
4249
  label: ["text-sm"],
4255
4250
  innerWrapper: ["gap-[4px]"],
4256
- inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]", "border-sm"],
4251
+ inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]"],
4257
4252
  helperText: ["text-sm"],
4258
4253
  errorText: ["text-sm"]
4259
4254
  },
@@ -4261,7 +4256,7 @@ var inputStyle = tv(
4261
4256
  base: ["text-md", "gap-[6px]"],
4262
4257
  label: ["text-md"],
4263
4258
  innerWrapper: ["gap-[6px]"],
4264
- inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]", "border-md"],
4259
+ inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]"],
4265
4260
  helperText: ["text-sm"],
4266
4261
  errorText: ["text-sm"]
4267
4262
  },
@@ -4269,7 +4264,7 @@ var inputStyle = tv(
4269
4264
  base: ["text-lg", "gap-[8px]"],
4270
4265
  label: ["text-lg"],
4271
4266
  innerWrapper: ["gap-[8px]"],
4272
- inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]", "border-lg"],
4267
+ inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]"],
4273
4268
  helperText: ["text-md"],
4274
4269
  errorText: ["text-md"]
4275
4270
  },
@@ -4277,7 +4272,7 @@ var inputStyle = tv(
4277
4272
  base: ["text-xl", "gap-[10px]"],
4278
4273
  label: ["text-xl"],
4279
4274
  innerWrapper: ["gap-[10px]"],
4280
- inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]", "border-xl"],
4275
+ inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]"],
4281
4276
  helperText: ["text-md"],
4282
4277
  errorText: ["text-md"]
4283
4278
  }
@@ -4295,25 +4290,81 @@ var inputStyle = tv(
4295
4290
  },
4296
4291
  disabled: {
4297
4292
  true: {
4298
- inputWrapper: ["!bg-neutral-soft", "pointer-events-none", "!group-has-[p.error]/input:text-danger-light"],
4293
+ inputWrapper: ["bg-neutral-soft", "pointer-events-none", "group-has-[.error]/input:text-danger-light"],
4299
4294
  input: [
4300
4295
  "text-neutral-light",
4301
4296
  "placeholder:text-neutral-light",
4302
- "group-has-[p.error]/input:text-danger-light",
4303
- "group-has-[p.error]/input:placeholder:text-danger-light"
4297
+ "group-has-[.error]/input:text-danger-light",
4298
+ "group-has-[.error]/input:placeholder:text-danger-light"
4304
4299
  ],
4305
- content: ["text-neutral-light", "group-has-[p.error]/input:text-danger-light"],
4300
+ content: ["text-neutral-light", "group-has-[.error]/input:text-danger-light"],
4306
4301
  helperText: ["!text-neutral-light"],
4307
4302
  errorText: ["!text-danger-light"]
4308
4303
  }
4309
4304
  }
4310
4305
  },
4311
4306
  compoundVariants: [
4307
+ {
4308
+ variant: "outline",
4309
+ size: "sm",
4310
+ class: {
4311
+ inputWrapper: ["border-sm"]
4312
+ }
4313
+ },
4314
+ {
4315
+ variant: "outline",
4316
+ size: "md",
4317
+ class: {
4318
+ inputWrapper: ["border-md"]
4319
+ }
4320
+ },
4321
+ {
4322
+ variant: "outline",
4323
+ size: "lg",
4324
+ class: {
4325
+ inputWrapper: ["border-lg"]
4326
+ }
4327
+ },
4328
+ {
4329
+ variant: "outline",
4330
+ size: "xl",
4331
+ class: {
4332
+ inputWrapper: ["border-xl"]
4333
+ }
4334
+ },
4335
+ {
4336
+ variant: "underline",
4337
+ size: "sm",
4338
+ class: {
4339
+ inputWrapper: ["border-b-sm"]
4340
+ }
4341
+ },
4342
+ {
4343
+ variant: "underline",
4344
+ size: "md",
4345
+ class: {
4346
+ inputWrapper: ["border-b-md"]
4347
+ }
4348
+ },
4349
+ {
4350
+ variant: "underline",
4351
+ size: "lg",
4352
+ class: {
4353
+ inputWrapper: ["border-b-lg"]
4354
+ }
4355
+ },
4356
+ {
4357
+ variant: "underline",
4358
+ size: "xl",
4359
+ class: {
4360
+ inputWrapper: ["border-b-xl"]
4361
+ }
4362
+ },
4312
4363
  {
4313
4364
  disabled: true,
4314
4365
  variant: ["outline", "underline"],
4315
4366
  class: {
4316
- inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:border-danger-light"]
4367
+ inputWrapper: ["!bg-body-background", "group-has-[.error]/input:border-danger-light"]
4317
4368
  }
4318
4369
  }
4319
4370
  ],
@@ -2,7 +2,7 @@
2
2
  import "../../chunk-2GCSFWHD.mjs";
3
3
  import {
4
4
  input_default
5
- } from "../../chunk-B6CXZCXQ.mjs";
5
+ } from "../../chunk-TDJJRQDC.mjs";
6
6
  import "../../chunk-ZYIIXWVY.mjs";
7
7
  import "../../chunk-24NQEB73.mjs";
8
8
  import "../../chunk-P2TMIZRH.mjs";
@@ -4164,7 +4164,7 @@ var inputStyle = tv(
4164
4164
  horizon: ["flex-row", "gap-0"],
4165
4165
  label: ["flex", "items-center", "font-bold", "text-body-foreground", "min-w-[80px]"],
4166
4166
  innerWrapper: ["flex", "flex-col"],
4167
- inputWrapper: ["flex", "items-center", "duration-200", "group-has-[p.error]/input:bg-danger-soft"],
4167
+ inputWrapper: ["flex", "items-center", "duration-200", "group-has-[.error]/input:bg-danger-soft"],
4168
4168
  input: [
4169
4169
  "w-full",
4170
4170
  "h-full",
@@ -4177,8 +4177,8 @@ var inputStyle = tv(
4177
4177
  "group-has-[:hover]/input:placeholder:text-neutral-dark",
4178
4178
  "group-has-[:focus]/input:text-neutral-dark",
4179
4179
  "group-has-[:focus]/input:placeholder:text-neutral-dark",
4180
- "group-has-[p.error]/input:text-danger-main",
4181
- "group-has-[p.error]/input:placeholder:text-danger-main"
4180
+ "group-has-[.error]/input:text-danger-main",
4181
+ "group-has-[.error]/input:placeholder:text-danger-main"
4182
4182
  ],
4183
4183
  content: [
4184
4184
  "flex",
@@ -4186,7 +4186,7 @@ var inputStyle = tv(
4186
4186
  "select-none",
4187
4187
  "text-neutral-main",
4188
4188
  "group-has-[:hover]/input:text-neutral-dark",
4189
- "group-has-[p.error]/input:text-danger-main"
4189
+ "group-has-[.error]/input:text-danger-main"
4190
4190
  ],
4191
4191
  helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
4192
4192
  errorText: ["text-danger-main"],
@@ -4203,7 +4203,7 @@ var inputStyle = tv(
4203
4203
  "border-neutral-light",
4204
4204
  "group-has-[:hover]/input:bg-trans-soft",
4205
4205
  "group-has-[:focus]/input:bg-body-background",
4206
- "group-has-[p.error]/input:border-danger-main"
4206
+ "group-has-[.error]/input:border-danger-main"
4207
4207
  ],
4208
4208
  readonly: ["!bg-trans-soft"]
4209
4209
  },
@@ -4211,12 +4211,9 @@ var inputStyle = tv(
4211
4211
  inputWrapper: [
4212
4212
  "bg-transparent",
4213
4213
  "rounded-none",
4214
- "!border-t-transparent",
4215
- "!border-l-transparent",
4216
- "!border-r-transparent",
4217
4214
  "group-has-[:hover]/input:bg-trans-soft",
4218
4215
  "group-has-[:focus]/input:bg-body-background",
4219
- "group-has-[p.error]/input:border-danger-main"
4216
+ "group-has-[.error]/input:border-danger-main"
4220
4217
  ],
4221
4218
  readonly: ["!bg-trans-soft"]
4222
4219
  }
@@ -4225,8 +4222,7 @@ var inputStyle = tv(
4225
4222
  primary: {
4226
4223
  content: [
4227
4224
  "group-has-[:focus]/input:text-primary-main",
4228
- "group-has-[:focus:hover]/input:text-primary-main",
4229
- "!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
4225
+ "!group-has-[.error]:not(input:focus):hover/input:text-primary-main"
4230
4226
  ],
4231
4227
  helperText: [
4232
4228
  "group-has-[:focus]/input:text-primary-main",
@@ -4237,8 +4233,7 @@ var inputStyle = tv(
4237
4233
  secondary: {
4238
4234
  content: [
4239
4235
  "group-has-[:focus]/input:text-secondary-main",
4240
- "group-has-[:focus:hover]/input:text-secondary-main",
4241
- "!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
4236
+ "group-has-[:focus:hover]/input:text-secondary-main"
4242
4237
  ],
4243
4238
  helperText: [
4244
4239
  "group-has-[:focus]/input:text-secondary-main",
@@ -4252,7 +4247,7 @@ var inputStyle = tv(
4252
4247
  base: ["text-sm", "gap-[4px]"],
4253
4248
  label: ["text-sm"],
4254
4249
  innerWrapper: ["gap-[4px]"],
4255
- inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]", "border-sm"],
4250
+ inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]"],
4256
4251
  helperText: ["text-sm"],
4257
4252
  errorText: ["text-sm"]
4258
4253
  },
@@ -4260,7 +4255,7 @@ var inputStyle = tv(
4260
4255
  base: ["text-md", "gap-[6px]"],
4261
4256
  label: ["text-md"],
4262
4257
  innerWrapper: ["gap-[6px]"],
4263
- inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]", "border-md"],
4258
+ inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]"],
4264
4259
  helperText: ["text-sm"],
4265
4260
  errorText: ["text-sm"]
4266
4261
  },
@@ -4268,7 +4263,7 @@ var inputStyle = tv(
4268
4263
  base: ["text-lg", "gap-[8px]"],
4269
4264
  label: ["text-lg"],
4270
4265
  innerWrapper: ["gap-[8px]"],
4271
- inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]", "border-lg"],
4266
+ inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]"],
4272
4267
  helperText: ["text-md"],
4273
4268
  errorText: ["text-md"]
4274
4269
  },
@@ -4276,7 +4271,7 @@ var inputStyle = tv(
4276
4271
  base: ["text-xl", "gap-[10px]"],
4277
4272
  label: ["text-xl"],
4278
4273
  innerWrapper: ["gap-[10px]"],
4279
- inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]", "border-xl"],
4274
+ inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]"],
4280
4275
  helperText: ["text-md"],
4281
4276
  errorText: ["text-md"]
4282
4277
  }
@@ -4294,25 +4289,81 @@ var inputStyle = tv(
4294
4289
  },
4295
4290
  disabled: {
4296
4291
  true: {
4297
- inputWrapper: ["!bg-neutral-soft", "pointer-events-none", "!group-has-[p.error]/input:text-danger-light"],
4292
+ inputWrapper: ["bg-neutral-soft", "pointer-events-none", "group-has-[.error]/input:text-danger-light"],
4298
4293
  input: [
4299
4294
  "text-neutral-light",
4300
4295
  "placeholder:text-neutral-light",
4301
- "group-has-[p.error]/input:text-danger-light",
4302
- "group-has-[p.error]/input:placeholder:text-danger-light"
4296
+ "group-has-[.error]/input:text-danger-light",
4297
+ "group-has-[.error]/input:placeholder:text-danger-light"
4303
4298
  ],
4304
- content: ["text-neutral-light", "group-has-[p.error]/input:text-danger-light"],
4299
+ content: ["text-neutral-light", "group-has-[.error]/input:text-danger-light"],
4305
4300
  helperText: ["!text-neutral-light"],
4306
4301
  errorText: ["!text-danger-light"]
4307
4302
  }
4308
4303
  }
4309
4304
  },
4310
4305
  compoundVariants: [
4306
+ {
4307
+ variant: "outline",
4308
+ size: "sm",
4309
+ class: {
4310
+ inputWrapper: ["border-sm"]
4311
+ }
4312
+ },
4313
+ {
4314
+ variant: "outline",
4315
+ size: "md",
4316
+ class: {
4317
+ inputWrapper: ["border-md"]
4318
+ }
4319
+ },
4320
+ {
4321
+ variant: "outline",
4322
+ size: "lg",
4323
+ class: {
4324
+ inputWrapper: ["border-lg"]
4325
+ }
4326
+ },
4327
+ {
4328
+ variant: "outline",
4329
+ size: "xl",
4330
+ class: {
4331
+ inputWrapper: ["border-xl"]
4332
+ }
4333
+ },
4334
+ {
4335
+ variant: "underline",
4336
+ size: "sm",
4337
+ class: {
4338
+ inputWrapper: ["border-b-sm"]
4339
+ }
4340
+ },
4341
+ {
4342
+ variant: "underline",
4343
+ size: "md",
4344
+ class: {
4345
+ inputWrapper: ["border-b-md"]
4346
+ }
4347
+ },
4348
+ {
4349
+ variant: "underline",
4350
+ size: "lg",
4351
+ class: {
4352
+ inputWrapper: ["border-b-lg"]
4353
+ }
4354
+ },
4355
+ {
4356
+ variant: "underline",
4357
+ size: "xl",
4358
+ class: {
4359
+ inputWrapper: ["border-b-xl"]
4360
+ }
4361
+ },
4311
4362
  {
4312
4363
  disabled: true,
4313
4364
  variant: ["outline", "underline"],
4314
4365
  class: {
4315
- inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:border-danger-light"]
4366
+ inputWrapper: ["!bg-body-background", "group-has-[.error]/input:border-danger-light"]
4316
4367
  }
4317
4368
  }
4318
4369
  ],
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  inputStyle,
4
4
  input_default
5
- } from "../../chunk-B6CXZCXQ.mjs";
5
+ } from "../../chunk-TDJJRQDC.mjs";
6
6
  import "../../chunk-ZYIIXWVY.mjs";
7
7
  import "../../chunk-24NQEB73.mjs";
8
8
  import "../../chunk-P2TMIZRH.mjs";
@@ -4193,7 +4193,7 @@ var inputStyle = tv(
4193
4193
  horizon: ["flex-row", "gap-0"],
4194
4194
  label: ["flex", "items-center", "font-bold", "text-body-foreground", "min-w-[80px]"],
4195
4195
  innerWrapper: ["flex", "flex-col"],
4196
- inputWrapper: ["flex", "items-center", "duration-200", "group-has-[p.error]/input:bg-danger-soft"],
4196
+ inputWrapper: ["flex", "items-center", "duration-200", "group-has-[.error]/input:bg-danger-soft"],
4197
4197
  input: [
4198
4198
  "w-full",
4199
4199
  "h-full",
@@ -4206,8 +4206,8 @@ var inputStyle = tv(
4206
4206
  "group-has-[:hover]/input:placeholder:text-neutral-dark",
4207
4207
  "group-has-[:focus]/input:text-neutral-dark",
4208
4208
  "group-has-[:focus]/input:placeholder:text-neutral-dark",
4209
- "group-has-[p.error]/input:text-danger-main",
4210
- "group-has-[p.error]/input:placeholder:text-danger-main"
4209
+ "group-has-[.error]/input:text-danger-main",
4210
+ "group-has-[.error]/input:placeholder:text-danger-main"
4211
4211
  ],
4212
4212
  content: [
4213
4213
  "flex",
@@ -4215,7 +4215,7 @@ var inputStyle = tv(
4215
4215
  "select-none",
4216
4216
  "text-neutral-main",
4217
4217
  "group-has-[:hover]/input:text-neutral-dark",
4218
- "group-has-[p.error]/input:text-danger-main"
4218
+ "group-has-[.error]/input:text-danger-main"
4219
4219
  ],
4220
4220
  helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
4221
4221
  errorText: ["text-danger-main"],
@@ -4232,7 +4232,7 @@ var inputStyle = tv(
4232
4232
  "border-neutral-light",
4233
4233
  "group-has-[:hover]/input:bg-trans-soft",
4234
4234
  "group-has-[:focus]/input:bg-body-background",
4235
- "group-has-[p.error]/input:border-danger-main"
4235
+ "group-has-[.error]/input:border-danger-main"
4236
4236
  ],
4237
4237
  readonly: ["!bg-trans-soft"]
4238
4238
  },
@@ -4240,12 +4240,9 @@ var inputStyle = tv(
4240
4240
  inputWrapper: [
4241
4241
  "bg-transparent",
4242
4242
  "rounded-none",
4243
- "!border-t-transparent",
4244
- "!border-l-transparent",
4245
- "!border-r-transparent",
4246
4243
  "group-has-[:hover]/input:bg-trans-soft",
4247
4244
  "group-has-[:focus]/input:bg-body-background",
4248
- "group-has-[p.error]/input:border-danger-main"
4245
+ "group-has-[.error]/input:border-danger-main"
4249
4246
  ],
4250
4247
  readonly: ["!bg-trans-soft"]
4251
4248
  }
@@ -4254,8 +4251,7 @@ var inputStyle = tv(
4254
4251
  primary: {
4255
4252
  content: [
4256
4253
  "group-has-[:focus]/input:text-primary-main",
4257
- "group-has-[:focus:hover]/input:text-primary-main",
4258
- "!group-has-[p.error]:not(input:focus):hover/input:text-primary-main"
4254
+ "!group-has-[.error]:not(input:focus):hover/input:text-primary-main"
4259
4255
  ],
4260
4256
  helperText: [
4261
4257
  "group-has-[:focus]/input:text-primary-main",
@@ -4266,8 +4262,7 @@ var inputStyle = tv(
4266
4262
  secondary: {
4267
4263
  content: [
4268
4264
  "group-has-[:focus]/input:text-secondary-main",
4269
- "group-has-[:focus:hover]/input:text-secondary-main",
4270
- "!group-has-[p.error]:not(input:focus):hover/input:text-secondary-main"
4265
+ "group-has-[:focus:hover]/input:text-secondary-main"
4271
4266
  ],
4272
4267
  helperText: [
4273
4268
  "group-has-[:focus]/input:text-secondary-main",
@@ -4281,7 +4276,7 @@ var inputStyle = tv(
4281
4276
  base: ["text-sm", "gap-[4px]"],
4282
4277
  label: ["text-sm"],
4283
4278
  innerWrapper: ["gap-[4px]"],
4284
- inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]", "border-sm"],
4279
+ inputWrapper: ["w-[240px]", "h-[24px]", "rounded-sm", "px-[4px]", "gap-[4px]"],
4285
4280
  helperText: ["text-sm"],
4286
4281
  errorText: ["text-sm"]
4287
4282
  },
@@ -4289,7 +4284,7 @@ var inputStyle = tv(
4289
4284
  base: ["text-md", "gap-[6px]"],
4290
4285
  label: ["text-md"],
4291
4286
  innerWrapper: ["gap-[6px]"],
4292
- inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]", "border-md"],
4287
+ inputWrapper: ["w-[240px]", "h-[32px]", "rounded-md", "px-[6px]", "gap-[6px]"],
4293
4288
  helperText: ["text-sm"],
4294
4289
  errorText: ["text-sm"]
4295
4290
  },
@@ -4297,7 +4292,7 @@ var inputStyle = tv(
4297
4292
  base: ["text-lg", "gap-[8px]"],
4298
4293
  label: ["text-lg"],
4299
4294
  innerWrapper: ["gap-[8px]"],
4300
- inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]", "border-lg"],
4295
+ inputWrapper: ["w-[240px]", "h-[40px]", "rounded-lg", "px-[8px]", "gap-[8px]"],
4301
4296
  helperText: ["text-md"],
4302
4297
  errorText: ["text-md"]
4303
4298
  },
@@ -4305,7 +4300,7 @@ var inputStyle = tv(
4305
4300
  base: ["text-xl", "gap-[10px]"],
4306
4301
  label: ["text-xl"],
4307
4302
  innerWrapper: ["gap-[10px]"],
4308
- inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]", "border-xl"],
4303
+ inputWrapper: ["w-[240px]", "h-[50px]", "rounded-lg", "px-[10px]", "gap-[10px]"],
4309
4304
  helperText: ["text-md"],
4310
4305
  errorText: ["text-md"]
4311
4306
  }
@@ -4323,25 +4318,81 @@ var inputStyle = tv(
4323
4318
  },
4324
4319
  disabled: {
4325
4320
  true: {
4326
- inputWrapper: ["!bg-neutral-soft", "pointer-events-none", "!group-has-[p.error]/input:text-danger-light"],
4321
+ inputWrapper: ["bg-neutral-soft", "pointer-events-none", "group-has-[.error]/input:text-danger-light"],
4327
4322
  input: [
4328
4323
  "text-neutral-light",
4329
4324
  "placeholder:text-neutral-light",
4330
- "group-has-[p.error]/input:text-danger-light",
4331
- "group-has-[p.error]/input:placeholder:text-danger-light"
4325
+ "group-has-[.error]/input:text-danger-light",
4326
+ "group-has-[.error]/input:placeholder:text-danger-light"
4332
4327
  ],
4333
- content: ["text-neutral-light", "group-has-[p.error]/input:text-danger-light"],
4328
+ content: ["text-neutral-light", "group-has-[.error]/input:text-danger-light"],
4334
4329
  helperText: ["!text-neutral-light"],
4335
4330
  errorText: ["!text-danger-light"]
4336
4331
  }
4337
4332
  }
4338
4333
  },
4339
4334
  compoundVariants: [
4335
+ {
4336
+ variant: "outline",
4337
+ size: "sm",
4338
+ class: {
4339
+ inputWrapper: ["border-sm"]
4340
+ }
4341
+ },
4342
+ {
4343
+ variant: "outline",
4344
+ size: "md",
4345
+ class: {
4346
+ inputWrapper: ["border-md"]
4347
+ }
4348
+ },
4349
+ {
4350
+ variant: "outline",
4351
+ size: "lg",
4352
+ class: {
4353
+ inputWrapper: ["border-lg"]
4354
+ }
4355
+ },
4356
+ {
4357
+ variant: "outline",
4358
+ size: "xl",
4359
+ class: {
4360
+ inputWrapper: ["border-xl"]
4361
+ }
4362
+ },
4363
+ {
4364
+ variant: "underline",
4365
+ size: "sm",
4366
+ class: {
4367
+ inputWrapper: ["border-b-sm"]
4368
+ }
4369
+ },
4370
+ {
4371
+ variant: "underline",
4372
+ size: "md",
4373
+ class: {
4374
+ inputWrapper: ["border-b-md"]
4375
+ }
4376
+ },
4377
+ {
4378
+ variant: "underline",
4379
+ size: "lg",
4380
+ class: {
4381
+ inputWrapper: ["border-b-lg"]
4382
+ }
4383
+ },
4384
+ {
4385
+ variant: "underline",
4386
+ size: "xl",
4387
+ class: {
4388
+ inputWrapper: ["border-b-xl"]
4389
+ }
4390
+ },
4340
4391
  {
4341
4392
  disabled: true,
4342
4393
  variant: ["outline", "underline"],
4343
4394
  class: {
4344
- inputWrapper: ["!bg-body-background", "group-has-[p.error]/input:border-danger-light"]
4395
+ inputWrapper: ["!bg-body-background", "group-has-[.error]/input:border-danger-light"]
4345
4396
  }
4346
4397
  }
4347
4398
  ],
@@ -2,10 +2,10 @@
2
2
  import "../../chunk-7B7LRG5J.mjs";
3
3
  import {
4
4
  pagination_default
5
- } from "../../chunk-X7FHRV4S.mjs";
5
+ } from "../../chunk-WPUTPWQ4.mjs";
6
6
  import "../../chunk-F3HENRVM.mjs";
7
7
  import "../../chunk-2GCSFWHD.mjs";
8
- import "../../chunk-B6CXZCXQ.mjs";
8
+ import "../../chunk-TDJJRQDC.mjs";
9
9
  import "../../chunk-ZYIIXWVY.mjs";
10
10
  import "../../chunk-24NQEB73.mjs";
11
11
  import "../../chunk-P2TMIZRH.mjs";